@charset "UTF-8";
/**
 * Global CSS For Propeller
 *
 * Put any custom css relating to a single page into a file with the page id.
 * Example for page 20613:
 * css/page/20613.css
 *
 * Those files will be called on a page-by-page basis if they exist.
 *
 * @todo Reduce size of this file by moving page specific css to dedicated files.  
 * Uncompressed: 1.2M Compressed: 140.5 KiB
 *
 * Version history:
 * https://bitbucket.org/propeller-site/propeller/src/master/css/modules.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;
  --purple: #BF40BF;


  /* new propeller fonts & colors */
  --prop-font: 'Neue Haas Grotesk Display Pro Roman 55';
  --prop-bold: 'Neue Haas Grotesk Display Pro Bold';
  --prop-lores: 'Lores 9 Plus OT Narrow Bold';
  --prop-lores12bold: "lores-12ot-bold";
  --prop-lores-12narr: "lores-12-narrow";
  --prop-green: #7cd3d2;
  --prop-blue: #a1c8e9;
  --prop-purple: #aa9bcb;
  --prop-pink: #dd92c0;

  --boost-yellow: #E8FF0A;

  /* new styling update */
  /* https://app.asana.com/0/936994971041396/1208931466049707/f */
  --propeller-title: "aktiv-grotesk-condensed";
  --propeller-text: "aktiv-grotesk";
  --propeller-textex: "aktiv-grotesk-extended";
  --propeller-gray: #999999;
  --propeller-buttonborder: 1px solid #999999;
  --propeller-pink: #FE20B0;
  --propeller-purple: #983DFF;
  --propeller-black: #121212;
  --propeller-white: #fbfbfb;
  --propeller-yellow: #E8FF0A;
  --premier-purple: #7C00FF;
}

html {
  /* overflow-x: hidden;
  overflow-y: scroll; */
}

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

body {
  /* font-family: neue-haas-grotesk-display, sans-serif; */
  font-family: var(--propeller-text);
  font-weight: 500;
  /* color: #5B5A5C; */
  color: black;
  background-color: #fbfbfb;
  overflow-y: scroll;
}

label {
  font-weight: 100;
}

img {
  display: block;
}

.checkbox {
  box-shadow: none;
  height: 20px;
  width: 20px;
}
.form-check {
  margin-left: 5px;
}
.col-form-label {
  text-align: right;
}
.text-warning {
  color: #FF0000;
}

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

.date {
  min-width: 100px;
  padding: 10px;
}
.reverse {
  color: white;
}
#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;
}

.bold {
  font-weight: 700;
  /* font-family: neue-haas-grotesk-display, sans-serif; */
  font-family: var(--propeller-text);
}

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

/*!---------------------*/
/*! 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%;
  height: 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;
}

.marT4 {
  margin-top: 40px;
}

.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: var(--propeller-black);
}

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

.campaign_body.short-description {
  color: var(--propeller-black) !important;
}

.body_campaigns .page-footer-content {
  color: var(--propeller-black);
}

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

.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: 11;
  -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;
  text-decoration: none;
}

.mbl_nav_in {
  padding-top: 100px;
}

.txt15 {
  font-size: 15px;
}

/*!---------------------*/
/*! 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;
}
/**
 * give black on black a fighting chance
 */
 
.txt_black {
  /* color: #5B5A5C; */
  color: #3D3D3D;
}

.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);
}


/* search results */

.carousel-SearchResults {
  margin-top: 30px;
}

.complete-card-gray {
  cursor: auto;
  position:relative;
}

.complete-card-gray .card-new {
  filter: grayscale(1);
  opacity: 0.5;
}

.complete-card-gray::after {
  content: "ACTION \A COMPLETE";
  white-space: pre-wrap;
  position: absolute;
  display: block;
  top: 83px;
  width: 290px;
  height: 145px;
  line-height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 10px;
  color: var(--propeller-black);
  font-size: 32px;
  text-align: left;
  font-weight: 900;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
  padding-left: 60px;
}

.complete-card-gray::before {
  content: "";
  background-image: url('../images/confirm-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  position: absolute;
  display: block;
  top: 128px;
  left: 32px;
  z-index: 10;
}


@media screen and (max-width: 450px) {
  .carousel-SearchResults .card-new-container {
    width: 310px !important;
  }
  
  .carousel-SearchResults .card-new-bar {
    height: 40px;
    font-size: 15px !important;
    display: flex;
    align-items: center;
  }
  
  .carousel-SearchResults .card-new-icon-box {
    margin-right: 10px !important;
    margin-left: 10px;
    align-items: center;
  }
  
  .carousel-SearchResults .card-new-info {
    padding: 15px;
    font-size: 20px;
    height: 145px;
  }
  
  .carousel-SearchResults .card-new-info-container {
    -webkit-line-clamp: 4;
  }
}


/*!---------------------*/
/*! 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);
}

.button-round {
  width: 90%;
  max-width: 280px;
  margin: 0 auto;
  background-color: var(--propeller-black);
  display: block;
  color: white !important;
  text-decoration: none !important;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 30px;
  padding: 12px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 15px;
  margin-top: 20px;
  transition: 0.5s ease;
}
/*
 * hover effect
 */

.button-round:hover {
  transform: scale(1.03);
  background-color: var(--pink);
}

.button-round:hover {
  background-color: var(--purple);
}

/*!---------------------*/
/*! 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: 1349px) {
  .nav-update-container {
    display: none;
  }
}

/* membership dropdown */

.nav-update-premier {
  /* display: none; */
}

.header .header_right .nav-update-container .nav-update-premier.boostyellow a {
  color: var(--boost-yellow) !important;
}

.nav-update-premier.membershipdropdown {
  /* display: flex;
  align-items: center; */
  display: none;
}

.membershipdropdown .dropbtn {
  border: none;
  cursor: pointer;
  color: white;
  font-size: 1.4rem;
  padding: 0 5px;
  margin-bottom: 0;
}

.membershipdropdown {
  position: relative;
  display: inline-block;
}

.membershipdropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 129px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  /* top: 80px; */
  left: 53px;
  transition: all 0.3s ease;
  transform: translateY(50px);
  border-radius: 8px;
  opacity: 0;
  text-align: center;
}

.header .header_right .membershipdropdown .dropdown-content a {
  color: black !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.header .header_right .membershipdropdown .dropdown-content a:hover {
  color: black;
  text-decoration: underline;
}

.membershipdropdown:hover .dropdown-content {
  display: block;
  animation: navhover 0.2s linear forwards;
}

@keyframes navhover {
  to {
    transform: translateY(39px);
    opacity: 1;
  }
}

.membershipdropdown:hover .dropbtn {
  /* background-color: #3e8e41; */
}

/* boost countdown in header */
.header-boost-container {
  color: white;
  position: absolute;
  bottom: -24px;
  right: 0;
  padding: 5px 5px;
  background-color: white;
  border-radius: 10px 0 0 10px;
  color: black;
  font-size: 18px;
  width: 276px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  font-family: neue-haas-grotesk-display,sans-serif !important;
}

.header-boost-container p {
  margin-bottom: 0;
  text-align: left;
}

.header-boost-container span {
  font-weight: 700;
  font-size: 18px;
}

@media screen and (max-width: 650px) {
  .header-boost-container {
    font-size: 14px;
    bottom: -26px;
    padding: 3px 5px;
    width: 234px;
  }

  .header-boost-container span {
    font-size: 15px;
  }
  
}
/*  */




/*  */

/*!---------------------*/
/*! Header              */
/*!---------------------*/
.adaptive-header {
  height: 620px;
}

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

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

.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; */
  display: flex;
  flex-direction: row;
  justify-content: end !important;
  align-items: center;
}

@media screen and (max-width: 650px) {
  .header_right_cont {
    margin-top: 15px;
  }
}
@media screen and (max-width: 420px) {
  .odometer-inside {
    margin-top: -23px;
  }
}

#mobile-head-search {
  display: inline-block;
  /* margin-top: 32px; */
  color: white;
  mix-blend-mode: difference;
  font-size: 10px;
  cursor: pointer;
}

#mobile-head-search-bar {
  width: 108%;
  /* background: green; */
  display: block;
  position: absolute;
  top: 15px;
  left: -4%;
  z-index: -1;
  /* border-radius: 5px; */
  background-color: #f2f2f2;
  padding: 8px 4px;

  /* display: none; */

  transform: translateY(0px);
  opacity: 0;
}

#mobile-head-search-bar .filter_item.menu {
  margin-bottom: 0px;
  width: 100%;
}

#mobile-head-search-bar .search-form {
  width: 100%;
  border: none;
}

#mobile-head-search-bar .search-form input {
  color: black !important;
  mix-blend-mode: unset;
}

#mobile-head-search-bar .hand.search-box .search-field {
  width: 90%;
  background-color: #f2f2f2 !important;
}

#mobile-head-search-bar .hand.search-box .search-field:focus,
#mobile-head-search-bar .hand.search-box .search-field:enabled {
  background-color: #f2f2f2 !important;
}

@media screen and (min-width: 1350px) {
  #mobile-head-search,
  #mobile-head-search-bar {
    display: none;
  }
}

@media screen and (min-width: 650px) and (max-width: 1349px) {
  #mobile-head-search-bar {
    width: 90%;
    left: 5%;
  }

  .header_right {
    margin-top: 15px;
  }
}

.search-bar-open-animation {
  animation: searchAnimation 0.5s linear forwards;
  z-index: 100;
}

@keyframes searchAnimation {
  to {
    transform: translateY(70px);
    opacity: 1;
  }
}

.search-bar-close-animation {
  animation: searchAnimationClose 0.5s linear forwards;
}

@keyframes searchAnimationClose {
  from {
    transform: translateY(70px);
    opacity: 1;
  }
  to {
    transform: translateY(0px);
    opacity: 0;
  }
}


.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;
}

.proplogonew {
  color: transparent !important;
  background-image: url('../images/propeller-logo-white2.svg');
  background-size: contain;
  width: 168px;
  height: 84px;
  background-repeat: no-repeat;
  background-position: left center;
}

.footer-new .proplogonew {
  padding-right: 20px;
  height: 45px;
  margin-right: 20px;
  margin-bottom: 12px;
}

@media screen and (max-width: 380px) {
  .header .proplogonew {
    width: 100px;
    height: 67px;
  }
}

.hamburger .icon-hamburger {
  /* padding-left: 10px; */
  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;
}

.header, 
.header.header_white {
  background-color: black;
}

.header .logo .icon-propeller2,
.header .logo .propeller,
.header .header_right .fas.fa-search,
.header .header_right .odometer-value,
.header .header_right .nav-update-container a,
.header .nav-update-points .odometer-inside:after,
.header .icon-hamburger,
.header .odometer-formatting-mark {
  color: white !important;
}

/* admin stat fix */ .header .header_right .dropdown-menu a.dropdown-item {
  color: black !important;
}

.header .header_right .nav-link,
.header .header_right .filter_item a {
  color: white;
  color: white;
}

.nav-underlay {
  display: none;
}

.header_push {
  display: block !important;
}

.wrapper.feed_list_page {
  /* margin-top: 85px !important; */
}

/*  */

.propgreen {
  color: var(--prop-green);
}

.proppurple {
  color: var(--prop-purple);
}

.proppblue {
  color: var(--prop-blue);
}

.proppink {
  color: var(--prop-pink);
}

.proplores {
  font-family: var(--prop-lores);
}

.allcaps {
  text-transform: uppercase;
}

.boostyellow {
  color: var(--boost-yellow);
}

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

/* remove ambassador temp */
.footer-propeller .footer-nav-links .news:nth-child(1) {
display: none;
}

.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;
  }
}

/* new footer */

.footer-new {
  /* display: none; */

  height: 200px;
  margin-top: 30px;
  background-color: black;
  color: white;
}

.footer-new .foot-cont {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.footer-new .footer-left {
  width: 60%;
}

.footer-new .footer-right {
  width: 40%;
  text-align: right;
}

.footer-new .foot-right-top {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  margin-bottom: 30px;
}

.foot-right-top .news {
  max-width: 68px;
}

.footer-new .foot-right-top img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin: 0 25px;
}

.footer-new .foot-right-bottom {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  margin-bottom: -30px;
}

.footer-new .foot-right-bottom i {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 3px;
  margin-right: 10px;
}

.footer-new .foot-right-bottom .copyright {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-right: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
}

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

.footer-new a {
  color: white;
}

.footer-new p {
  margin-bottom: 10px !important;
}

.footer-new .newspaper-new {
  display: flex;
  flex-flow: column wrap;
  height: 180px;
  padding-top: 47px;
}

@media screen and (max-width: 700px) {
  .footer-new {
    height: 385px !important;
  }

  .footer-new .foot-cont {
    flex-direction: column;
  }

  .footer-new .footer-left {
    width: 100%;
    padding: 15px;
  }

  .footer-new .newspaper-new {
    padding-top: 15px;
    align-items: center;
    text-align: left;
  }

  .footer-new .news {
    width: 100px;
  }

  .footer-new .footer-right {
    width: 100%;
  }

  .footer-new .foot-right-top {
    justify-content: center;
    margin-top: 30px;
  }

  .footer-new .foot-right-bottom {
    justify-content: center;
  }

}

/* end new footer */

/* 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 p {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 20px;
  }

  .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,
.causes-payment-wrapper #submit,
#continue_to_payment,
#section-payment #submit,
#return_to_shipping {
  cursor: pointer;
  letter-spacing: 1px;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  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;

  /* new button */
  /* -webkit-background-clip: text; */
  /* background-clip: text; */
  /* color: transparent; */
  /* font-family: 'Lores 9 Plus OT Narrow Bold'; */
  font-size: 16px;
  /* font-weight: 100; */
  /* background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0); */
  color: var(--propeller-white) !important;
  border-radius: 30px;
  margin: 10px 15px;
  line-height: 1;

  /* new, will remove above after approved HW*/
  background-color: var(--propeller-black) !important;
  background: transparent;
  font-family: var(--propeller-title);
  border: var(--propeller-buttonborder);
  font-weight: 600 !important;
  text-decoration: none;
  transition: ease 0.3s all;
}

.submit_button:hover, 
.btn:hover,
.causes-payment-wrapper #submit:hover,
#continue_to_payment:hover,
#section-payment #submit:hover,
#return_to_shipping:hover {
  transform: scale(1.03);
  text-decoration: none;
}

.btn_black {
  background-color: var(--propeller-black) !important;
  color: var(--propeller-white) !important;
}

#return_to_shipping {
  display: none;
}

.causes-payment-wrapper #submit {
  padding: 2px 19px;
  margin: 15px 0;
}

#updateMyShipping {
  max-width: 20px;
  box-shadow: none;
  height: 14px;
}

.submit_button h5,
.submit_button .bold {
  font-family: var(--propeller-title);
  color: var(--propeller-white);
}

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

.submit_button.bg_experiences {
  background-color: #FC503B;
  border-radius: 0;
}

.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 */

  scroll-behavior: smooth;
  scroll-snap-stop: normal;
  scroll-snap-type: none !important;
}

.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;
}

/* donate form */
#donateQuickForm .form-group .row-checkbox .col-checkbox-left,
#donatePaymentForm .form-group .row-checkbox .col-checkbox-left {
  flex: unset;
  max-width: 30px;
  box-shadow: none;
  /* padding-top: 15px; */
  margin-right: 7px;
}

#donateQuickForm .form-group .row-checkbox .col-checkbox-left input[type="checkbox"],
#donatePaymentForm .form-group .row-checkbox .col-checkbox-left input[type="checkbox"]{
  height: 20px;
  width: 20px;
}

#donateQuickForm .form-group .row-checkbox .col-checkbox-right,
#donatePaymentForm .form-group .row-checkbox .col-checkbox-right {
  padding-left: 0px;
  margin-left: -11px;
}

#donatePaymentForm .savepaymentcheck {
  width: 100%;
  height: auto;
  display: flex;
  align-items: start;
}

.body-cause-donate #donatePaymentForm .savepaymentcheck .causes-payment {
  margin-top: 0;
  margin-left: 4px;
}

#donatePaymentForm .savepaymentcheck input[type="checkbox"] {
  display: block;
  height: auto;
  width: auto;
  margin-top: 4px;
  box-shadow: none;
}


.body_events .form-group-field-checkbox .control-label-field-checkbox p {
  padding-left: 40px;
}


.causeDonateDisclaimer {
  padding-bottom: 20px;
}

#donateButton div {
  /* color: black !important; */
}

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

.onboarding-ex-ta {
  font-size: 18px;
  color: black;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 2px;
  padding: 10px 15px;
  font-weight: 900;
}

.onboarding-ex {
  font-size: 32px;
  color: #090f15;
  padding-bottom: 0px;
  /* margin-top: 5px; */
  padding: 0px 15px;
  font-weight: 300;
}

.onboarding-ex-title {
  margin-bottom: 20px;
}

.onboarding-ex.img {
  padding: 0;
}

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

.onboarding-cause h3 {
  text-transform: uppercase;
}

.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;
}

.onboardContainer .entries-form-current-entries h4 {
  margin: 15px auto;
}

.onboardContainer .entries-form-current-entries .badge {
  background-color: transparent;
  color: black;
  font-family: 'Lores Narrow Bold';
  font-size: 25px;
}
.onboardContainer .entries-form-current-entries {
  background-color: #FFEA37;
}

@media screen and (min-width: 650px) {
  .onboardContainer .entries-form-current-entries h4 {
    margin-top: 20px;
  }
  .onboardContainer .entries-form-current-entries h4 {
    margin-bottom: 10px;
  }

  .onboarding-ex-title {
    font-size: 45px;
  }

}

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

.entries-form #redeemPointsForm h3 span {
  display: block;
}

#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;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (min-width: 650px) {
  .onex-ss {
    /* display: none; */
  }

  .entries-form #redeemPointsForm h3 span {
    display: inline-block;
  }

  .onex-ss .share-short h4 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
  }

  .onex-ss .share-short h4 span {
    width: 50%;
    max-width: 500px;
  }

  .onex-ss .share-short-links {
    width: 40%;
    max-width: 270px;
    margin-top: 0px !important;
  }

  .onex-ss .share-short h4 a span {
    width: 100%;
    font-size: 16px;
  }

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

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

  .onboardContainer {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }

  .onboardContainer .onboardex.left {
    display: flex;
  }

  .onboardContainer .onboardex.left {
    width: 100%;
  }

  .onboardContainer .right.wGutter.ob_right {
    width: 100%;
    padding-left: 0;
  }

  .onboardContainer .left.wGutter {
    width: 100%;
    padding-left: 0;
    /* max-width: 1200px; */
    margin: 0 auto;
    padding-right: 0;
  }

  .onboardContainer .left.wGutter .exp.padB2 {
    max-width: 600px;
    padding-bottom: 0;
    /* margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: start; */
  }

  .onboardContainer .left.wGutter .right_exp {
    width: 100%;
    /* margin: 0 auto; */
    margin-top: 3px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding: 0 20px;
  }

  .onboardContainer .read-more-text.exp-read-more {
    padding: 20px;
    text-align: left;
    /* max-width: 900px; */
    /* margin: 0 auto; */
  }
}



.onboardContainer .exp-dccont .onboard-getmoreentries {
  background-image: url('../images/exp-getmoreentries-generic-mobile.gif');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  margin-right: auto;
  height: 250px;
  background-color: black;
  /* margin-bottom: -15px; */
  /* filter: brightness(0%); */
}

.onboardContainer .exp-dccont .onboard-getmoreentries.onboard-take-action {
  background-image: url('../images/takeaction-generic-mobile-v2.gif') !important;
  background-color: black;
  margin-bottom: -15px;
  height: 100px;
}

.exp-imageCarousel {
  width: 100%;
  max-width: 500px;
}

.exp-imageCarousel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.exp-imageCarousel .slick-dots {
  display: flex;
	justify-content: center;
	margin: 0;
	padding: 1rem 0;
	list-style-type: none;
}

.exp-imageCarousel li {
  margin: 0 0.25rem;
}

.exp-imageCarousel li button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 1px solid black;
  border-radius: 100%;
  background-color: transparent;
  text-indent: -9999px;
}

.exp-imageCarousel li.slick-active button {
  background-color: black;
}

.exp-imageCarousel .slick-arrow {
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 5px;
  background-repeat: no-repeat;
  background-size: 63%;
  background-position: center;
  background-color: transparent;
  z-index: 1;
  position: absolute;
  border-radius: 0;
}

.exp-imageCarousel .slick-next {
  right: -54px;
}

.exp-imageCarousel .slick-prev {
  left: -54px;
  background-position: 73%;
}

@media screen and (max-width: 900px) {
  .onboardContainer .onboardex.left:has(.exp-imageCarousel) {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 650px) {
  .onboarding-ex-ta {
    font-size: 25px;
    font-weight: 900;
    padding: 20px 15px;
  }

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

  .onboardContainer .exp-dccont {
    display: block;
    background-color: black;
  }

  .onboardContainer .exp-dccont .onboard-getmoreentries.onboard-take-action {
    background-image: url('../images/takeaction-generic_desktop-v2.gif') !important;
    background-color: black;
    margin-bottom: -15px;
    height: 130px;
  }

  .onboardContainer .exp-dccont .onboard-getmoreentries {
    background-image: url('../images/exp-getmoreentries-generic-desktop.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    background-color: black;
  }
}

.onboardContainer .entries-form-cont {
  background-color: #FFEA37;
  width: 100%;
  color: black;
  margin-top: -20px;
  padding: 20px 0px;
}

.onboardContainer .entries-form-cont .squigly2 {
  display: none;
}

.onboardContainer .entries-form-cont #redeemPointsForm h3 {
  font-size: 18px;
}

.onboardContainer .entries-form-cont #points_choose div {
  background-color: transparent;
  color: black;
  font-weight: 500;
  font-size: 18px;
  border: 1px solid black;
  width: 40px;
  padding: 4px;
}

.onboardContainer .entries-form-cont #points_choose div.active {
  color: #FFEA37;
  background-color: black;
}

.onboardContainer .entries-form-cont .point_ratio {
  color: black !important;
  font-size: 12px;
  font-weight: 600;
}

.onboardContainer .entries-form-cont .points-to-use {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.onboardContainer .entries-form-cont .points-to-use span {
  font-family: 'Lores Narrow Bold';
}

.onboardContainer .entries-form-cont .dash-btn {
  background-image: none;
  background: transparent;
  color: black;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  margin: 15px 0px;
  border: 2px solid black;
  height: 38px;
}

.onboardContainer .entries-form-cont .entryTextForm {
  font-family: 'Lores Narrow Bold';
  padding: 15px;
  text-transform: uppercase;
}

.body_onboarding,
.onboardContainer {
  overflow-x: hidden;
}

.onboardContainer {
  color: #090F15;
  width: 100%;
}

.onboardContainer .bulletsDash {
  padding: 0 15px;
}

.onboardContainer .bulletsDash li:before {
  content: " ";
}

.onboardContainer .bulletsDash li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -0.8em;
  padding-left: 1em;
}



.onboardContainer .bulletsDash small {
  color: black;
}

.onboardContainer.experience-ended .exp-countdown,
.onboardContainer.experience-ended .onboard-getmoreentries,
.onboardContainer.experience-ended .exp-dccont .entries-form-cont,
.onboardContainer.experience-ended .onboardActionsCont {
  display: none !important;
}

.winnerAnnounce {
  margin: 15px 15px 0 15px;
  background-color: black;
  padding: 10px;
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

 .winnerAnnounce p {
  margin-bottom: 0;
}

 .winnerAnnounce a {
  color: white;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}

@media screen and (max-width: 650px) {
  .exp-countdown {
    width: 200px;
    margin: 0 auto;
    margin-top: 0 !important;
  }

  .onboardContainer .bulletsDash p {
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
  }

  .onboardContainer .bulletsDash li {
    margin-bottom: 8px;
    text-indent: -0.7em;
  }

  .onboardContainer .bulletsDash li:before {
    width: 5px;
    display: inline-block;
  }
}

.exp-countdown-row {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: start;
}
.exp-countdown h3 {
  font-size:16px;
  font-weight: 700;
  padding-bottom: 0;
}

.exp-countdown-row p {
  font-size: 22px;
  font-weight: 700;
}

.exp-countdown-single {
  text-align: center;
  font-weight: 800;
  font-size: 30px;
}

.exp-countdown-single p {
  margin-bottom: 0;
}

.exp-countdown-single p:nth-child(2) {
  font-size: 12px;
  width: 50px;
}

@media screen and (min-width: 650px) {
  .exp-countdown-row {
    justify-content: start;
    margin-left: -10px;
  }

  .exp-countdown-single p:nth-child(1) {
    /* text-align: left; */
  }
}

.enter_button_docked {
  display: none;
}

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

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

.onboardBottomSec {
  margin: 0 auto;
  width: 70%;
  float: unset;
}

@media screen and (max-width: 650px) {
  .onboardBottomSec {
    margin: 0 auto;
    width: 100%;
    float: left;
  }
}

.onboard-fineprint-desktop {
  display: none;
  max-width: 1000px;
  margin: 0 auto;
}

.onboard-fineprint-mobile {
  display: block;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.onboardContainer .entries-form-cont #confirm_msg {
  display: none;
}

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

  .onboard-fineprint-desktop {
    display: block;
    padding: 20px;
    margin-bottom: 100px;
  }

  .onboardContainer .entries-form-cont {
    width: 100%;
    margin-left: auto;
    padding: 20px;
    padding-bottom: 30px;
  }

  .onboardContainer #entries_form {
    background-color: #FFEA37;
  }

  .onboardContainer #entries_form {
    background-color: #FFEA37;
  }

  .onboardContainer .row-entries {
    width: 50%;
  }

  .onboardContainer .entry_form_points_row {
    width: 100%;
  }

  .onboardContainer .entry-form-first {
    width: 90%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .onboardContainer .entries-form-cont #redeemPointsForm h3 {
    font-size: 16px;
  }

  .onboardContainer .entries-form-cont .point_ratio {
    padding-bottom: 8px;
  }

  .onboardContainer .entries-form-cont #points_choose {
    margin-bottom:0;
  }

  .onboardContainer .entries-form-cont #points_choose div {
    width: 50px;
    padding: 8px;
  }

  .onboardContainer .entries-form-cont .dash-btn {
    font-size: 20px;
    width: 180px;
    height: 45px;
  }

  .onboardContainer #confirm_redeem {
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }

  .onboardContainer .entries-form-cont .dash-btn {
    margin: 0;
  }

  .onboardContainer .entryTextForm {
    margin-top: 0;
    padding: 10px 0 0 0 !important;
  }

  .onboardContainer #redeemPointsForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .onboardContainer .entryTextForm {
    display: none;
  }

  .onboardContainer .exp-dccont .entries-form-cont {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    max-width: 950px;
    margin: -10px auto;
  }

  .onboardContainer .exp-dccont .row-entries,
  .onboardContainer .exp-dccont .confirm_redeem {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .onboardContainer .entries-form-cont .entries-share-desk {
    display: none !important;
  }

  .onboardContainer .desktop-entries .entries-share-desk{
    display: block !important;
  }

  .onboardContainer .bulletsDash ul {
    margin-bottom: 0;
  }
}

@media (max-width: 649px) {
  .onboardex .img {
      width: 100%;
      /* margin-left: -5%; */
      /* margin-top: -40px; */
      padding-bottom: 0px;
  }

  .onboarding-ex {
    line-height: 40px;
  }

  .onboarding-ex-title {
    margin-top: 10px;
  }

  .onboardContainer .bulletsDash {
    margin-top: 30px;
  }

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

  .onboardContainer .bulletsDash p strong{
    font-weight: 700;
  }

  .onboardContainer .bulletsDash ul {
    margin-bottom: 1rem;
  }

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

  .onboardContainer ::marker {
    text-indent: 5px !important;
  }

  .onboardActionsList {
    text-align: center;
  }

  .onboardContainer .entryTextForm {
    display: none;
  }

  .onboardContainer .entries-form-cont {
    padding-bottom: 10px;
  }

  .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); */
    background: #FFEA37;
  }

  .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;
    padding: 0;
    letter-spacing: 2px;
    /* height: 50px; */
    border: none;
    background: transparent;
  }

  .enter_button div {
    color: transparent;
    /* background: -webkit-linear-gradient(#e82ea9, #0afff0); */
    background: #FFEA37;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Lores Narrow Bold';
    font-size: 20px;
  }

}

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

.read-more-text.exp-read-more {
  display: none;
  padding: 0px 15px;
}

.read-more-button.exp-rm-button {
  /* margin-left: calc(50% - 66px); */
  margin-right: auto;
  border: 2px solid black;
  color: black;
  text-transform: uppercase;
  /* position: absolute; */
  margin-bottom: 30px;
  margin-left: 20px;
  padding: 8px 20px;
  height: auto;
  line-height: 15px !important;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}

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

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

.exp-countdown {
  margin: 20px;
}

.exp-countdown-desktop {
  display: none;
}

.exp-countdown-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-countdown {
    display: block;
    width: 50%;
    min-width: 300px;
  }

  .mobileOnly .row-entries,
  .mobileOnly #confirm_redeem {
    display: none;
  }

  .onboardActionsDesktop {
    display: block !important;
  }

  .onboardActionsMobile {
    display: none !important;
  }
}

.onboardActionsDesktop {
  display: none;
}

.onboardActionsMobile {
  display: block;
}

.exp-dccont .badge {
  z-index: unset;
}

.onboardContainer .onboardActionsCont {
  width: 100%;
  background-color: black;
  padding: 20px;
}

.onboardContainer .onboardActionsCont.onboardActionsMobile h2 {
  font-size: 30px;
}

.onboardContainer .onboardActionsCont h2 {
  color: #ffea37;
  font-family: 'Lores Narrow Bold';
  text-align: center;
  font-size: 40px;
}

.onboardContainer .onboardActionsCont .grid-item {
  display: flex;
  flex-direction: column;
  background-color: black;
  border: 2px solid #ffea37;
  position: relative;
}

@media screen and (min-width: 650px) {
  .onboardContainer .onboardActionsCont .grid-item {
    /* position: relative !important; */
    /* left: unset !important;
    top: unset !important;
    margin: 0 20px !important;
    height: 400px; */
  }

  .onboardContainer .onboardActionsCont #isotope {
    /* display: flex;
    justify-content: center;
    height: 415px; */
  }
  
}

.onboardContainer .onboardActionsCont .supporting_bar,
.onboardContainer .onboardActionsCont .grid-item .action_icon2 {
  display: none;
}

.onboardContainer .onboardActionsCont .grid-item .img_100 {
  order: 1;
  display: flex;
  background-color: white;
  margin-top: -15px;
}

.onboardContainer .onboardActionsCont .grid-item .title_bar {
  order: 3;
  padding: 10px;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.onboardContainer .onboardActionsCont .grid-item .action_bar_cont {
  order: 2;
  background-color: black;
}

.onboardContainer .onboardActionsCont .grid-item .gridimg img {
  /* aspect-ratio: 1/1; */
  aspect-ratio: 1/1;
  object-fit: contain;
}

.onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #ffea37;;
  margin-top: 0;
  padding: 7px;
}

.onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar p {
  color: black;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar p:nth-child(1){
  max-width: 117px;
  margin-top: 3px;
}

.onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar p:nth-child(2){
  color: black;
  font-family: 'Lores Narrow Bold';
  font-size: 12px;
}

.onboardContainer .onboardActionsCont .grid-item.actiontype_donate .action_grid_item_pointsbar p:nth-child(2) {
  visibility: hidden;
  font-size: 1px;
}

.onboardContainer .onboardActionsCont .grid-item.actiontype_donate .action_grid_item_pointsbar p:nth-child(2)::after {
  content: '10 points per $1';
  visibility: visible;
  font-size: 12px;
}

.onboardContainer .onboardActionsCont .grid-item.actiontype_petition .action_grid_item_pointsbar {
  margin-top: -2px;
}

.onboardContainer .onboardActionsCont .grid-item.actiontype_petition .action_grid_item_pointsbar p:nth-child(1) {
  visibility: hidden;
  font-size: 1px;
}

.onboardContainer .onboardActionsCont .grid-item.actiontype_petition .action_grid_item_pointsbar p:nth-child(2) {
  margin-bottom: 7px;
}


.onboardContainer .onboardActionsCont .grid-item.actiontype_petition .action_grid_item_pointsbar p:nth-child(1)::after {
  visibility: visible;
  display: block;
  content: 'SIGN PETITION';
  font-size: 12px;
}

@media screen and (min-width: 650px) {
  .onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar p,
  .onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar p:nth-child(2),
  .onboardContainer .onboardActionsCont .grid-item.actiontype_petition .action_grid_item_pointsbar p:nth-child(1)::after,
  .onboardContainer .onboardActionsCont .grid-item.actiontype_donate .action_grid_item_pointsbar p:nth-child(2)::after {
    font-size: 14px;
  }

  .onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar p:nth-child(2) {
    margin-bottom: 5px;
  }
}

.onboardContainer .onboardActionsCont .grid-item .title_bar {
  margin: 0;
  margin-bottom: 8px;
  padding: 10px;
  font-size: 18px;
  color: white;
  line-height: 22px;
  width: 100%;
  background-color: black;
  font-weight: 600;
  margin-top: -8px;
}

/* @media screen and (max-width:649px) { */
  .onboardContainer .onboardActionsCont .grid-item .title_bar {
    font-size: 16px;
    line-height: 18px;
    height: 65px;
    margin-bottom: 40px;
    -webkit-line-clamp: 3;
  }

  .onboardContainer .onboardActionsCont .grid-item.actiontype_donate .action_grid_item_pointsbar p:nth-child(2) {
    left: 0px;
    margin-left: -9px;
    /* color: blue; */
  }

  .onboardContainer .onboardActionsCont .grid-item .action_grid_item_pointsbar p:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 8px;
    color: #ffea37;
  }
/* } */

@media screen and (min-width: 650px) {
  .onboardContainer .onboardActionsCont {
    width: 100%;
    margin-left: auto;
    max-width: 1400px;
    margin: 10px auto;
  }

  .onboardContainer .onboardActionsCont .grid-item.actiontype_donate .action_grid_item_pointsbar p:nth-child(2) {
    margin-left: 0;
  }
}

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

.onboardContainer .share-short {
  background-color: #ffea37;
  color: black;
  width: 100%;
  padding: 20px;
}

.onboardContainer .share-short span,
.onboardContainer .share-short h4 {
  width: 100%;
  text-align: center;
  color: black;
  font-size: 20px;
  font-weight: 600;
}

.onboardContainer .share-short-links {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 20px;
}

.onboardContainer .share-short-links a {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}

.onboardContainer .share-short-links a:hover {
  text-decoration: none;
}

.onboardContainer .share-short-links .icon-facebook:before {
  content: '';
  background-image: url('../images/exp-facebook-icon.png');
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
  margin-bottom: 8px;
}

.onboardContainer .share-short-links .icon-facebook span,
.onboardContainer .share-short-links .icon-twitter span {
  margin-top: 8px;
}

.onboardContainer .share-short-links .icon-twitter:before {
  content: '';
  background-image: url('../images/exp-twitter-icon.png');
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
  margin-bottom: 8px;
}

.onboardContainer .share-short-links .smsShareButton svg {
display: none;
}

.onboardContainer .share-short-links .smsShareButton {
  /* width: 40px;
  height: 40px; */width: unset;
  margin-left: 0;
  padding: 0;
  display: block;
  padding-top: 8px;
}

.onboardContainer .share-short-links .smsShareButton:before {
  content: '';
  background-image: url('../images/exp-text-icon.png');
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
}

@media screen and (min-width: 650px) {
  .onboardContainer .share-short {
    width: 100%;
    margin-left: auto;
  }

  .onboardContainer .share-short-links .icon-facebook:before,
  .onboardContainer .share-short-links .icon-twitter:before,
  .onboardContainer .share-short-links .smsShareButton:before {
    width: 50px;
    height: 50px;
  }
}

/* onboarding carousels */
.expCarousels {
  margin-top: 40px;
}

.expCarousels .carousel-blog-winner-recaps {
  max-width: 100%;
}

.expCarousels .carousel-blog-winner-recaps,
.expCarousels .ex-featuredWrapper {
  width: 100%;
}

.expCarousels .carousel-blog-winner-recaps .home-header-row,
.expCarousels .ex-featuredWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  text-align: center;
}

.expCarousels .carousel-blog-winner-recaps .carouselTitle,
.expCarousels .ex-featuredWrapper .carouselTitle,
.expCarousels .ex-featuredWrapper .home-header a {
  text-align: center;
  font-weight: 400;
  text-transform: capitalize;
}

.expCarousels .ex-featuredWrapper .home-header a {
  visibility: hidden;
  font-size: 1px;
}

.expCarousels .ex-featuredWrapper .home-header a::after {
  content: 'More Prizes';
  display: block;
  visibility: visible;
  font-size: 30px;
  color: white;
  pointer-events: none;
}

.expCarousels .carousel-blog-winner-recaps .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.expCarousels .carousel-blog-winner-recaps .carouselTitle::after {
  content: 'Recent Winners';
  display: block;
  visibility: visible;
  font-size: 30px;
}

.expCarousels .slick-arrow {
  top: -55px;
  transform: none;
  background-size: contain;
}

.expCarousels .ex-featuredWrapper .slick-arrow {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.expCarousels .slick-prev {
  margin-left: calc(50% - 105px);
}

.expCarousels .slick-next {
  margin-right: calc(50% - 110px);
}

.expCarousels .carousel-blog-winner-recaps .card-new {
  background-color: transparent;
}

.expCarousels .carousel-blog-winner-recaps .card-new-container {
  margin: 0 auto;
}

@media screen and (min-width: 650px) {
  .expCarousels .carousel-blog-winner-recaps .card-new-container,
  .expCarousels .ex-featuredWrapper .card-new-container {
    width: 250px;
    margin: 0 auto;
  }

  .expCarousels .slick-arrow {
    top: -60px;
  }

  .expCarousels .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .expCarousels .slick-next {
    margin-right: calc(50% - 160px);
  }

  .expCarousels .ex-featuredWrapper .home-header a::after {
    font-size: 38px;
  }

  .expCarousels .carousel-blog-winner-recaps .carouselTitle::after {
    font-size: 38px;
  }
}


.expCarousels .carousel-blog-winner-recaps .card-new-bar {
  display: none;
}

.expCarousels .carousel-blog-winner-recaps .card-new-info {
  background-color: transparent;
}

.expCarousels .carousel-blog-winner-recaps .card-new-info-container {
  color: black;
  font-size: 18px;
}

.expCarousels .ex-featuredWrapper {
  background-color: black;
  margin-top: -40px;
  padding-bottom: 40px;
}

.expCarousels .ex-featuredWrapper {

}

.expCarousels .ex-featuredWrapper .slick-track {
  top: 10px;
}

.expCarousels .ex-featuredWrapper .slick-slide {
  padding: 10px;
}

.expCarousels .ex-featuredWrapper .card-new-points {

}

.expCarousels .ex-featuredWrapper .card-new-info {
  padding: 10px !important;
  height: 120px;
}

.expCarousels .ex-featuredWrapper .card-new-info-container {
  font-size: 16px;
  -webkit-line-clamp: 4;
}

.expCarousels .ex-featuredWrapper .card-new-container {
  padding: 0px;
}

.expCarousels .ex-featuredWrapper .card-new {
  background-color: black;
  border: 2px solid #FFEA37;
}

.expCarousels .ex-featuredWrapper .card-new-bar {
  background-color: #FFEA37 !important;
  color: black;
  padding: 10px !important;
}

.expCarousels .ex-featuredWrapper .card-new-icon-box {
  display: none;
}

.expCarousels .ex-featuredWrapper .card-new-description-box {
  width: 100%;
  margin-left: 0;
}

.expCarousels .ex-featuredWrapper .card-new-description {
  font-size: 12px;
  font-weight: 700;
  margin-left: 0;
}

.expCarousels .ex-featuredWrapper .card-new-points {
  font-family: 'Lores Narrow Bold';
  color: black;
}

@media screen and (max-width: 450px) {
  .expCarousels .card-new-container {
    width: 260px !important;
  }

  .expCarousels .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .expCarousels .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
  }

  .expCarousels .card-new-bg-causes .card-new-icon-box {
    width: 30px !important;
  }

  .expCarousels .card-new-icon-box {
    width: 20px !important;
  }

  .expCarousels .card-new-description {
    line-height: 20px;
    margin-left: 5px;
    text-transform: uppercase !important;
  }

  .expCarousels .card-new-bg-causes .card-new-description {
    line-height: 30px;
    margin-left: 5px;
  }

  .body_leaders .artistHighlightsWrapper .card-new-description {
    padding-left: 0;
  }

  .expCarousels .artistHighlightsWrapper .card-new-bar {
    padding: 15px 0 0 0 !important;
  }

  .expCarousels .artistHighlightsWrapper .card-new-info {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .expCarousels .card-new-container {
    width: 250px !important;
  }

  .expCarousels .card-new-description {
    font-size: 12px;
  }

  .expCarousels .slick-arrow {
    /* margin-top: 300px; */
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .expCarousels .card-new-container {
    width: 220px !important;
  }

  .expCarousels .slick-arrow {
    /* margin-top: 290px; */
  }
}

/* onboard page seated exjs link */
.seated-widget-container {
  background-color: black;
  color: white;
  padding: 30px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
}

.seated-event-description-cells,
.seated-event-link-cells {
  margin-left: unset;
}

.seated-event-row:nth-child(n+6) { /*Only show first 5*/
  display: none;
}

.seated-td-header {
  text-align: center;
  font-size: 30px;
}

.seated-more-button {
  margin: 0 auto;
  width: 180px;
  padding: 15px;
  border: 2px solid white;
  color: white;
  display: block;
}

.seated-more-button a {
  text-align: center;
  width: 100px;
  color: white;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 auto;
}


/* 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));
}
.text-purple {
    color: var(--purple);
}
.opactity-50 {
    opacity: 0.5;
}
.text-grey {
    color: var(--grey);
}
.badge-blue {
    background-color: #0484f8;
} 
.badge-green {
    background-color: #73ca73;
}
.badge-orange,.badge-yellow,.badge-warning {
    background-color: #ff8c00;
}
.badge-red {
    background-color: #cc2d2d;
}
.badge-black {
    background-color: black;
}
.badge-blue a, .badge-blue a:visited, .badge-blue a:link 
.badge-yellow a, .badge-yellow a:visited, .badge-yellow a:link
.badge-green a, .badge-green a:visited, .badge-green a:link
.badge-orange a, .badge-orange a:visited, .badge-orange a:link
.badge-red a, .badge-red a:visited, .badge-red a:link
{
    color: white;
}

.badge-small {
  font-size: 14px;
}

.clickable-div {
    cursor: pointer;  /* Changes cursor to a hand on hover */
}

.clickable-div a {
    display: block;  /* Makes the anchor tag take up the full width and height of the div */
    width: 100%;
    height: 100%;
    text-decoration: none; /* Removes the underline from the link */
}

.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;
  width: 35px;
  height: 35px;
}

.supporting_bar_img img {
  aspect-ratio: 1/1;
  width: 35px;
  height: 35px;
}

#causes_new_related_Act {
  padding-bottom: 50px;
}

.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;
}

.grid-item .title_bar .txt_10 {
  padding-bottom: 0;
  margin-top: 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: 880px) {
  .onboard_actions .grid-item {
      width: 31.62%;
      margin-bottom: 3.8%;
  }

  .onboard_actions .iadopt_gutter {
    width: 2.6%;
  }
}
@media (min-width: 1180px) {
  .onboard_actions .grid-item {
    /* width: 47.5%;
    margin-bottom: 5.5%; */
    width: 19%;
    margin-bottom: 3%;
  }

  .onboard_actions .iadopt_gutter {
    width: 1%;
  }

  .onboardContainer .onboardActionsCont .grid-item {
    height: auto !important;
  }
}

@media (min-width: 1700px) {
  .onboard_actions .grid-item {
    /* width: 47.5%;
    margin-bottom: 5.5%; */
    width: 15%;
    margin-bottom: 3%;
  }

  .onboard_actions .iadopt_gutter {
    width: 2%;
  }

  .onboardContainer .onboardActionsCont .grid-item {
      height: 350px !important;
  }
}
@media (min-width: 550px) {
  .ob_right {
    /* min-height: 800px; */
  }
}


.copyClipEmbed {
  border-color: #3BA4C9;
  color: #3BA4C9;
}

/* Experience Widgets */
/* https://propeller.la/campaigns/26876/test-widgets */
/* Asana:  https://app.asana.com/0/1202989826167800/1205815390104786/f */

.body_onboarding.body-view-iframe {
  overflow: hidden;
  overflow-y: hidden !important;
  background-image: none;
  background-color: transparent;
}

.body_onboarding.body-view-iframe .header,
.body_onboarding.body-view-iframe .header_push,
.body_onboarding.body-view-iframe .onboarding-ex-ta,
.body_onboarding.body-view-iframe .bulletsDash,
.body_onboarding.body-view-iframe .ob_right,
.body_onboarding.body-view-iframe .left.wGutter,
.body_onboarding.body-view-iframe .footer,
.body_onboarding.body-view-iframe .alert,
.body_onboarding.body-view-iframe .sf-dump,
.body_onboarding.body-view-iframe .onboard-fineprint-mobile, 
.body_onboarding.body-view-iframe .read-more-text-container,
.body_onboarding.body-view-iframe .header_push,
.body_onboarding.body-view-iframe .enter_button_docked,
.body_onboarding.body-view-iframe .winnerAnnounce,
.body_onboarding.body-view-iframe .expon-right,
.body_onboarding.body-view-iframe .expon-countdown h3,
.body_onboarding.body-view-iframe .expon-enter-button,
.body_onboarding.body-view-iframe .expon-fineprint-link,
.body_onboarding.body-view-iframe .expon-collapsibles,
.body_onboarding.body-view-iframe .expon-enterbutton-cont,
.body_onboarding.body-view-iframe .expon-countdown,
.body_onboarding.body-view-iframe .expon-package-container.mobileOnly {
  display: none !important;
}

.body_onboarding pre > code {
  white-space: pre-wrap;
}

.body_onboarding.body-view-iframe .wrapper {
  width: 100%;
  height: calc(100vh - 16px);
  background: transparent;
}

.body_onboarding.body-view-iframe .onboarding-ex-wrapper,
.body_onboarding.body-view-iframe .experience-onboard-container {
  background-color: var(--propeller-black);
  width: 99%;
  margin: 0 auto;
  padding: 0.25vw;
  border-radius: 1.5vw;
  position: relative;
  height: calc(100vw * 0.234);
  overflow-y: hidden;
}

.body_onboarding.body-view-iframe .expon-left {
  display: flex;
  flex-direction: row;
  height: auto;
  top: 0;
  max-width: 100%;
  width: 80%;
  position: relative;
}

.body_onboarding.body-view-iframe .expon-left-top {
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  padding: 2vw;
}

.body_onboarding.body-view-iframe .expon-top {
  background-color: white;
  padding: 0.25vw;
  border-radius: 1.5vw;
  height: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.body_onboarding.body-view-iframe .expon-title-container {
  order: unset;
  padding: 0 !important;
  top: 0 !important;
}

.body_onboarding.body-view-iframe .exponfixed {
  position: relative;
}

.body_onboarding.body-view-iframe .expon-countdown.widget-countdown {
  display: block !important;
}

.body_onboarding.body-view-iframe .widgetTimer {
  display: flex !important;
  flex-direction: row;
  justify-content: start;
  align-items: end;
}

.body_onboarding.body-view-iframe .widgetEnds {
  padding-right: 2vw;
}



.body_onboarding.body-view-iframe .expon-image-container {
  height: 23vw;
  position: relative;
  max-width: 33.4%;
  order: unset;
  margin: 0.25vw 0 0.25vw -0.3vw;
}

.body_onboarding.body-view-iframe .expon-image-container img, 
.body_onboarding.body-view-iframe .expon-image-container video {
  border-radius: 0;
  border-top-left-radius: 1.5vw;
  border-bottom-left-radius: 1.5vw;
  background-color: var(--propeller-black);
  padding-right: 0.25vw;
  width: auto;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}

.body_onboarding.body-view-iframe .right_exp {
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
  width: 60% !important;
  padding: 1.8vw !important;
  margin-top: 0 !important;
}

.body_onboarding.body-view-iframe .onboardex.left.wGutter {
  display: flex !important;
  background-color: white;
  border-radius: 1.5vw;
  height: 100%;
}

.body_onboarding.body-view-iframe .left.wGutter .exp.padB2 {
  max-width: 24%;
}

.body_onboarding.body-view-iframe .onboarding-ex.img_100 {
  height: 100%;
  position: relative;
}

.body_onboarding.body-view-iframe .onboarding-ex .propeller-image-show {
  border-top-left-radius: 1.5vw;
  border-bottom-left-radius: 1.5vw;
  background-image: linear-gradient(to bottom, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green));
  padding-right: 0.25vw;
  width: auto;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}

.body_onboarding.body-view-iframe .grid_experiences .padB2 {
  padding-bottom: 0;
}

.body_onboarding.body-view-iframe .onboarding-ex-title {
  font-size: 3.2vw;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700;
  line-height: 3.2vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: black !important;
  text-transform: uppercase !important;
  font-family: var(--propeller-title);
  overflow: hidden;
  text-align: left;
}

.body_onboarding.body-view-iframe .onboarding-ex-title span {
  background: linear-gradient(to right, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  text-transform: uppercase;
}

.body-view-iframe .expon-countdown {
  margin-bottom: 0;
}

.body-view-iframe .widgetEnterButton {
  display: flex !important;
  justify-content: end;
  align-items: center;
  width: 30%;
}

.body-view-iframe .widgetEnterButton a {
  color: var(--propeller-white);
  font-weight: 900;
  text-align: center;
  /* background-image: linear-gradient(to right, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green)); */
  background-color: var(--propeller-black);
  width: 22vw;
  padding: 0.7vw 3vw;
  border-radius: 5vw;
  margin: 0 1.4vw 1.9vw;
  font-size: 2.2vw;
  transition: 0.5s ease;
  font-family: var(--propeller-title);
  text-transform: uppercase;
}

.body-view-iframe .widgetEnterButton a:hover {
  text-decoration: none;
  transform: scale(1.05);
}

.body-view-iframe .widgetEnterButton a.endButton {
  filter: grayscale(0.8);
  pointer-events: none;
}

.body-view-iframe .timeCont {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
}

.body-view-iframe .widgetEnds {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  height: 100%;
}

.body-view-iframe .widgetEnds h5,
.event-newStyle-mode.body_events .widgetEnds h5 {
  color: var(--propeller-black);
  font-family: var(--propeller-title);
  font-size: 1.6vw;
  margin-bottom: 0;
  font-weight: 700;
}

.body-view-iframe .widgetEnds p,
.event-newStyle-mode.body_events .widgetEnds p {
  font-size: 1.6vw;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--propeller-black) !important;
  font-family: var(--propeller-title);
}

.body-view-iframe .exp-countdown {
  margin: 0 0 0 3vw;
  min-width: unset;
  width: auto;
}

.body-view-iframe .exp-countdown h3 {
  display: none;
}

.body-view-iframe .exp-countdown-single {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin: 0 0.5vw;
  color: var(--propeller-black) !important;
  font-family: var(--propeller-title);
}

.body-view-iframe .exp-countdown-row {
  margin-left: 0;
  align-items: end;
}

.body-view-iframe .exp-countdown-row p {
  font-size: 1.8vw !important;
  margin: 0 0.05vw;
}

.body-view-iframe .exp-countdown-row p:nth-child(1) {
  font-size: 1.9vw !important;
}

.body-view-iframe .countdownLabel {
  display: none;
}

.body-view-iframe .exp-countdown-single ~ p {
  /* margin-top: 2.4vw; */
  align-items: end;
}

.body-view-iframe .onWidgetLabel,
.event-newStyle-mode.body_events .onWidgetLabel {
  display: block !important;
  font-size: 1.7vw;
  color: var(--propeller-pink);
  font-family: var(--propeller-title);
  font-weight: 700;
  padding-left: 0.3vw;
  padding-bottom: 0.05vw;
  text-transform: lowercase;
}

.body-view-iframe .widgetSupporting {
  display: block !important;
  font-size: 2vw;
  line-height: 1.3vw;
  font-weight: 700;
  font-style: italic;
  padding-top: 1.15vw;
}

.body-view-iframe .widgetPoweredBy {
  display: flex !important;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  position: absolute;
  right: 1.2vw;
  bottom: 1.5vw;
}

.body-view-iframe .widgetPoweredBy p {
  margin-bottom: 0;
  font-size: 1vw;
  font-weight: 600;
  padding-right: 0.8vw;
  margin-bottom: -0.3vw;
  letter-spacing: 0.1vw;
}

.body-view-iframe .widgetPoweredBy .logof {
  background-image: url('../images/propeller-logo-black.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 10vw;
  height: 2.5vw;
  margin-bottom: 0.2vw;
}

.body-view-iframe.view-mode-light .widgetPoweredBy .logof {
  filter: brightness(0);
}


.body-view-iframe .widgetPoweredBy .icon-propeller2:before {
  content: '';
}

@media screen and (max-width: 950px) {
  /* .body_onboarding.body-view-iframe .expon-left {
    top: -0.5vw;
  }

  .body_onboarding.body-view-iframe .expon-image-container {
    max-width: 29.4%;
  } */
}

/* dark mode */
.body_onboarding.body-view-iframe.view-mode-dark .onboarding-ex-title,
.body_onboarding.body-view-iframe.view-mode-dark .timeCont,
.body-view-iframe.view-mode-dark .widgetPoweredBy,
.body-view-iframe.view-mode-dark .widgetSupporting,
.body_onboarding.body-view-iframe.view-mode-dark .widgetEnds p,
.body_onboarding.body-view-iframe.view-mode-dark .exp-countdown-single {
  color: white !important;
}

.body_onboarding.body-view-iframe.view-mode-dark .onboardex.left.wGutter {
  background-color: #111;
  height: 100%;
}

.body_onboarding.body-view-iframe.view-mode-dark .onWidgetLabel {
  color: var(--prop-green);
}

.body_onboarding.body-view-iframe.view-mode-dark .onboarding-ex-title span {
  background: linear-gradient(to bottom, var(--prop-pink)35%, var(--prop-purple), var(--prop-blue)60%, var(--prop-green));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
}

.body_onboarding.body-view-iframe.view-mode-dark .onboarding-ex .propeller-image-show {
  background: linear-gradient(to bottom, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green));
}

.body-view-iframe.view-mode-dark .widgetPoweredBy .logof {
  background-image: url('../images/propeller-logo-white.svg');
}


.propExpWidgetCont {
  width: 100%;
  padding-top: 25.56%; /* Aspect Ratio: 4160 x 976 */
  position: relative;
  overflow: hidden;
}

.propExpiFrame {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* End Experience Widgets */

/* preview widget link */
.preview-widget-true.body_events.body-view-iframe .header,
.preview-widget-true.body_events.body-view-iframe .header-push,
.preview-widget-true.body_events.body-view-iframe .footer-new,
.preview-widget-true.body_onboarding.body-view-iframe .header,
.preview-widget-true.body_onboarding.body-view-iframe .header-push,
.preview-widget-true.body_onboarding.body-view-iframe .footer-new {
  display: block !important;
}

.preview-widget-true.body_events.body-view-iframe .wrapper {
  width: 100%;
  margin: 200px auto 250px auto;
}

.preview-widget-true.body_events.body-view-iframe .events.container,
.preview-widget-true.body_onboarding.body-view-iframe .onboardContainer.onboarding-ex-wrapper {
  height: calc(100vw * 0.234);
}

.preview-widget-true.body_events.body-view-iframe .footer-new {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.preview-widget-true.body_onboarding.body-view-iframe .wrapper {
  margin: 250px auto 0 auto;
  width: 100%;
}

/*  */

/* Event Google Translate */
.body_events {
  top: 0 !important;
}

.body_events #google_translate_element {
  width: 200px;
  margin: 50px 40px 30px;
  display: none;
}

.body_events .skiptranslate {
  display: none;
}

.translateButton {
  color: white;
  border-color: white;
  font-weight: 600;
  width: 150px;
  margin: 10px 10px;
  border-radius: 5px;
}

.translateButton:hover,
.translateButton:focus,
.translateButton:active {
  border-color: white;
  color: white;
  transform: scale(0.98);
}

.translate-buttons {
  display: flex;
  flex-direction: row;
  margin: 40px 0 10px 20px;
}

.body-page-32446 .translateButton {
  color: black;
  background-color: white;
  border: 2px solid black;
  height: 42px;
}

.body-page-32446 .translate-buttons {
  margin-top: 0;
}

/* experience adjustments */
.body_onboarding #google_translate_element {
  width: 200px;
  margin: 50px 40px 30px;
  display: none;
}
.body_onboarding .skiptranslate {
  display: none;
}
.body_onboarding .translateButton {
  color: black;
  border-color: black;
}

/*  */

/* reward adjustments */
.body_rewards #google_translate_element {
  width: 200px;
  margin: 50px 40px 30px;
  display: none;
}
.body_rewards .skiptranslate {
  display: none;
}
.body_rewards .translate-buttons {
  margin: -57px 0 59px 0px;
}
.body_rewards .translateButton {
  color: black;
  border-color: black;
}
/*  */

/* Event Widgets */
.body_events.body-view-iframe {
  overflow: hidden;
  overflow-y: hidden !important;
  background-image: none;
  background-color: white !important;
  color: black !important;
}

.body_events.body-view-iframe .event-single-wrapper, 
.body_events.body-view-iframe .event-choose-action {
  background-color: transparent;
  background-image: none !important;
}

.body_events.event-light-mode.body-view-iframe {
  background-image: none; 
  background-color: transparent;
}

.body_events.body-view-iframe .header,
.body_events.body-view-iframe .header_push,
.body_events.body-view-iframe .bulletsDash,
.body_events.body-view-iframe .ob_right,
.body_events.body-view-iframe .left.wGutter,
.body_events.body-view-iframe .footer,
.body_events.body-view-iframe .alert,
.body_events.body-view-iframe .sf-dump,
.body_events.body-view-iframe .paragraph-text,
.body_events.body-view-iframe .header_push,
.body_events.body-view-iframe .enter_button_docked,
.body_events.body-view-iframe .stars-border-cont,
.body_events.body-view-iframe .event-intro,
.body_events.body-view-iframe .read-more-text-container, 
.body_events.body-view-iframe .event-top-button,
.body_events.body-view-iframe .event-choose-action,
.body_events.body-view-iframe .actiond-container,
.body_events.body-view-iframe .event-footer,
.body_events.body-view-iframe .includeEventUserSpecs,
.body_events.body-view-iframe .event-stars,
.body_events.body-view-iframe .col-sm,
.body_events.body-view-iframe .push,
.body_events.body-view-iframe .upgrade-description,
.body_events.body-view-iframe .winnerAnnounce
{
  display: none !important;
}

.body_events pre > code {
  white-space: pre-wrap;
}


.body_events.body-view-iframe .wrapper {
  width: 100%;
  padding: 0;
  overflow: hidden;
}


.body_events.body-view-iframe .events.container {
  background-color: var(--propeller-black);
  width: 99%;
  margin: 0 auto;
  padding: 0.25vw;
  border-radius: 1.5vw;
  position: relative;
  height: calc(100vw * 0.234);
}

.body_events.body-view-iframe .event-single-wrapper,
.body_events.body-view-iframe.event-dark-mode .event-single-wrapper,
.body_events.body-view-iframe.event-light-mode .event-single-wrapper {
  display: flex !important;
  background-color: white !important;
  color: black !important;
  border-radius: 1.5vw;
  height: 100%;
}

.body_events.body-view-iframe .col-sm.event-desk-row1,
.body_events.body-view-iframe .event-desktop-top {
  display: flex !important;
}

.body_events.body-view-iframe .row,
.body_events.body-view-iframe .col-sm {
  padding: 0 !important;
  margin: 0 !important;
}

.body_events.body-view-iframe .row {
  flex-direction: row;
}

.body_events.body-view-iframe .event_img.img_100 {
  height: 100%;
  position: relative;
  max-width: 24%;
}

.body_events.body-view-iframe .event_img.img_100 img,
.body_events.body-view-iframe .event_img.img_100 video {
  border-top-left-radius: 1.5vw;
  border-bottom-left-radius: 1.5vw;
  /* background-image: linear-gradient(to bottom, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green)); */
  background-color: var(--propeller-black);
  padding-right: 0.25vw;
  width: 100%;
  height: calc(100% - 0.5vw);
  /* height: 100%; */
  max-height: 100%;
  object-fit: cover;
  /* max-height: 241px; */
}

.body_events.body-view-iframe .event_img.img_100 video {
  height: 22.9vw;
}

.body_events.body-view-iframe .event-desktop-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
  align-items: start;
  width: 60% !important;
  padding: 1.8vw !important;
  margin-top: 0 !important;
  height: 100%;
}

.body_events.body-view-iframe .event-title {
  font-size: 3.2vw !important;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700 !important;
  line-height: 3.5vw;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: black !important;
  text-transform: uppercase !important;
  font-family: var(--propeller-title) !important;
  overflow: hidden;
  text-align: left;
}

.body_events.body-view-iframe .event-title span {
  background: linear-gradient(to right, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
  text-transform: uppercase;
}

.body_events.body-view-iframe .event-text-cont {
  padding: 0;
}

.body_events.body-view-iframe .timeCont {
  display: flex !important;
}

.body_events.body-view-iframe .timeCont {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: end;
}

.body_events.body-view-iframe .widgetEnterButton {
  /* display: flex !important; */
}

.body_events.body-view-iframe .widgetPoweredBy {
  right: 2.5vw;
}

/* dark mode */
.body_events.body-view-iframe.view-mode-dark .event-title,
.body_events.body-view-iframe.view-mode-dark .timeCont,
.body-view-iframe.view-mode-dark .widgetPoweredBy,
.body-view-iframe.view-mode-dark .widgetSupporting,
.body_events.body-view-iframe.view-mode-dark .widgetEnds p,
.body_events.body-view-iframe.view-mode-dark .exp-countdown-single {
  color: white !important;
}

.body_events.body-view-iframe.view-mode-dark .event-desk-row1 {
  background-color: #111;
  border-radius: 1.5vw;
  height: 100%;
}

.body_events.body-view-iframe.view-mode-dark .onWidgetLabel {
  color: var(--prop-green);
}

.body_events.body-view-iframe.view-mode-dark .event-title span {
  background: linear-gradient(to bottom, var(--prop-pink)35%, var(--prop-purple), var(--prop-blue)60%, var(--prop-green));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
}

.body_events.body-view-iframe.view-mode-dark .event_img.img_100 img {
  background: linear-gradient(to bottom, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green));
}

.body-view-iframe.view-mode-dark .widgetPoweredBy .logof {
  background-image: url('../images/propeller-logo-white.svg');
}



/* event new style mode  */
.body_events.body-view-iframe.event-newStyle-mode .event-text-cont {
  padding: 0;
}

.body_events.body-view-iframe.event-newStyle-mode .event-title {
  line-height: 3.5vw;
}

.body_events.body-view-iframe.event-newStyle-mode .events.container {
  background-color: var(--propeller-black);
}

.body_events.body-view-iframe.event-newStyle-mode .event-single-wrapper {
  padding: 0;
}
/* End Event Widgets */


/*!---------------------*/
/*! New Experience UI     */
/*!---------------------*/
@import url("https://p.typekit.net/p.css?s=1&k=grv4iut&ht=tk&f=14032.26893.26896.26902&a=11900443&app=typekit&e=css");
@import url("https://p.typekit.net/p.css?s=1&k=kph1nji&ht=tk&f=628.21510&a=11900443&app=typekit&e=css");

@import url("https://p.typekit.net/p.css?s=1&k=qza6yfq&ht=tk&f=14032.14034.14038.21510.21514.49587.29382.29383&a=11900443&app=typekit&e=css");

@font-face {
  font-family:"aktiv-grotesk";
  src:url("https://use.typekit.net/af/63eba7/00000000000000007753ca4f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/63eba7/00000000000000007753ca4f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/63eba7/00000000000000007753ca4f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
  
@font-face {
  font-family:"aktiv-grotesk";
  src:url("https://use.typekit.net/af/2b93b6/00000000000000007753ca37/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2b93b6/00000000000000007753ca37/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2b93b6/00000000000000007753ca37/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk";
  src:url("https://use.typekit.net/af/46adfc/00000000000000007753ca29/30/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/46adfc/00000000000000007753ca29/30/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/46adfc/00000000000000007753ca29/30/a?subset_id=2&fvd=n5&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk";
  src:url("https://use.typekit.net/af/0054da/00000000000000007753ca45/30/l?subset_id=2&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/0054da/00000000000000007753ca45/30/d?subset_id=2&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/0054da/00000000000000007753ca45/30/a?subset_id=2&fvd=n8&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk";
  src:url("https://use.typekit.net/af/95846d/00000000000000007753ca32/30/l?subset_id=2&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/95846d/00000000000000007753ca32/30/d?subset_id=2&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/95846d/00000000000000007753ca32/30/a?subset_id=2&fvd=n9&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk";
  src:url("https://use.typekit.net/af/723dd9/00000000000000007753ca40/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/723dd9/00000000000000007753ca40/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/723dd9/00000000000000007753ca40/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk-thin";
  src:url("https://use.typekit.net/af/434507/00000000000000007753ca2a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/434507/00000000000000007753ca2a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/434507/00000000000000007753ca2a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk-thin";
  src:url("https://use.typekit.net/af/0f6952/00000000000000007753ca4e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/0f6952/00000000000000007753ca4e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/0f6952/00000000000000007753ca4e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
  font-display:auto;font-style:italic;font-weight:200;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk-condensed";
  src:url("https://use.typekit.net/af/64536e/00000000000000007753ca3c/30/l?subset_id=2&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/64536e/00000000000000007753ca3c/30/d?subset_id=2&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/64536e/00000000000000007753ca3c/30/a?subset_id=2&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk-condensed";
  src:url("https://use.typekit.net/af/22b026/00000000000000007753ca51/30/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/22b026/00000000000000007753ca51/30/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/22b026/00000000000000007753ca51/30/a?subset_id=2&fvd=n5&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
  font-family:"aktiv-grotesk-condensed";
  src:url("https://use.typekit.net/af/28848a/00000000000000007753ca3e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/28848a/00000000000000007753ca3e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/28848a/00000000000000007753ca3e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@import url("https://p.typekit.net/p.css?s=1&k=tkk3ues&ht=tk&f=26913&a=11900443&app=typekit&e=css");

@font-face {
  font-family:"aktiv-grotesk-extended";
  src:url("https://use.typekit.net/af/23060c/00000000000000007753ca5a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/23060c/00000000000000007753ca5a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/23060c/00000000000000007753ca5a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}


.experience-onboard-container {
  --title: "aktiv-grotesk-condensed";
  --text: "aktiv-grotesk";

  --newpink: #FE20B0;
  --newpurple: #983DFF;
  --newgray: lightgray;
}

.expon-left-top {
  display: flex;
  flex-direction: column;
}
/* image */
.expon-image-container {
  width: 90%;
  max-width: 400px;
  margin: 40px auto 0;
}

.expon-image-container img,
.expon-image-container video {
  border-radius: 30px;
  object-fit: contain;
  max-width: 100%;
}

/* title section */
.expon-title-container {

}

.expon-title-container h2 {
  font-family: var(--title);
  font-weight: 900;
  text-align: center;
  max-width: 660px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 40px;
}

.expon-date-container {
  display: flex;
}

.expon-date {
  background-color: #EBEBEB;
  font-family: var(--text);
  font-weight: 500;
  margin: 15px auto;
  padding: 5px 10px;
  border-radius: 20px;
  text-align: center;
  display: none;
}

.experience-onboard-container .over-limit-alert {
  margin: 10px auto -30px;
  border: 2px solid var(--pink);
  font-family: var(--text);
  font-weight: 500;
  text-align: center;
  font-family: var(--propeller-text);
}
@media screen and (max-width: 650px) {
  .experience-onboard-container .over-limit-alert {
    margin: 10px auto;
  }
}

/* package includes */
.expon-package-container {
  margin: 40px auto;
  padding: 0 20px;
  max-width: 500px;
  font-family: var(--text);
}

.expon-package h2 {
  text-align: center;
  font-family: var(--title);
  font-size: 25px;
}

.expon-pi-item {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  border-bottom: 1px solid lightgray;
  padding: 15px 0;
}

.expon-pi-item img {
  width: 25px;
  height: auto;
  margin: 0px 8px 0 0;
}

.expon-pi-item.package_includes_perks img {
  margin: 0 10px 0 3px;
  width: 20px;
}

.expon-pi-item-right h4 {
  margin-bottom: 2px;
  font-weight: 600;
  font-family: var(--text);
  font-size: 16px;
}

.expon-pi-item-right p {
  font-family: var(--text);
  font-weight: 400;
  font-size: 16px;
  color: #5B5D5D;
  margin: 0;
  padding: 0;
}

.expon-pi-item-right ul {
  margin-bottom: 0;
  list-style-type: disc;
  margin-left: 5px;
}

.expon-pi-item-right ul li  {
  font-size: 14px;        
  list-style-type: none; 
  position: relative;   
  font-family: var(--text);
  font-weight: 400;
  font-size: 16px;
  color: #5B5D5D;  
}
.expon-pi-item-right ul li:before  {
  content: "\2022";    
  font-size: 18px;
  line-height: 0;
  position: absolute;
  top: 9px;
  left: -10px;        
}

.expon-fineprint-link.desktopOnly {
  display: none;
}

/* only display this for livenation edits */
.amoeTextLiveNationButton {
  order: 7;
  text-align: center;
}

.amoeTextLiveNationButton a {
  text-decoration: underline;
  font-weight: 500 !important;
  color: black;
  font-family: var(--text);
}

/* countdown */
.expon-countdown {
  text-align: center;
  margin: 0 auto 30px;
}

.expon-countdown h3 {
  font-family: var(--title);
  font-weight: 900;
  font-size: 25px;
  margin: 10px 0 0;
  text-transform: uppercase;
}

.expon-countdown .exp-countdown-row {
  justify-content: center;
  margin-left: 0;
}

.expon-countdown .exp-countdown-single {
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: var(--title);
}

.expon-countdown .countdownLabel {
  display: none;
}

.expon-countdown .onWidgetLabel {
  display: block !important;
  text-transform: lowercase;
  color: #FE20B0;
}

.expon-countdown .countdownLabel,
.expon-countdown p {
  font-size: 22px !important;
  width: auto !important;
  margin: 0 2px;
}

/* points for entries */
.experience-onboard-container .entries-form-current-entries h4 {
  font-family: var(--title);
}

.experience-onboard-container .entries-form-current-entries .badge,
.experience-onboard-container .entries-form-cont .badge {
  background-color: #FE20B0;
  z-index: 10;
}

.experience-onboard-container .entries-form #redeemPointsForm h3 {
  font-family: var(--text);
}

.experience-onboard-container #points_choose div {
  background-color: black;
  color: var(--white);
  font-family: var(--title);
}

.experience-onboard-container #confirm_redeem {
  text-align: center;
  font-family: var(--text);
}

.experience-onboard-container #submitPointsEntry {
  background-image: none;
  background-color: #FE20B0;
  font-family: var(--title);
  margin-top: 25px;
  font-size: 20px;
  height: 37px;
  padding: 8px 8px 10px;
  transition: 0.2s ease;
}

.experience-onboard-container #submitPointsEntry:hover {
  color: white;
  transform: scale(1.02);
}

.experience-onboard-container .entries-share-desk {
  display: none !important;
}

/* take action / get more entries titles */
.expon-take-action-title {
  text-align: center;
  margin: 40px auto 20px;
}

.expon-take-action-title h3 {
  font-family: var(--title);
  font-weight: 900;
  font-size: 33px;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
}

.expon-take-action-title p {
  text-align: center;
  font-family: var(--text);
  font-weight: 600;
  max-width: 400px;
  margin: 0 auto;
}

@media screen and (max-width: 950px) {
  .expon-title-container {
    position: sticky;
    top: 71px;
    left: 0;
    z-index: 1000;
    padding: 20px;
    background-color: #fbfbfb;
    width: 100%;
  }

  .exponfixed {
    position: fixed;
  }
}



/* action cards */
.expon-featured-action-card {
  width: 90%;
  max-width: 450px;
  border: 2px solid #FE20B0;
  border-radius: 15px;
  box-shadow: 1px 1px 3px lightgray;
  margin: 0 auto 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 18px;
  position: relative;
  transition: all 0.2s ease;
  background-color: white;
}

.expon-featured-action-card.completed.action-type-Donate {
  opacity: 1 !important;
  pointer-events: all !important;
}

.expon-featured-action-card.completed {
  opacity: 0.5;
  pointer-events: none;
}

.expon-featured-action-card .cardlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.expon-featured-action-card:hover {
  transform: scale(1.02);
}

.expon-featured-action-card .expon-featured-left {
  display: flex;
  flex-direction: column;
  width: 72%;
  align-self: start;
}

.expon-featured-action-card .expon-featured-left a {
  background-color: #E8FF0A;
  color: black;
  font-family: var(--text);
  font-weight: 900;
  font-size: 16px;
  padding: 5px 10px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-radius: 20px;
}

.expon-featured-action-image {
  width: 28%;
  min-width: 28%;
}

.expon-featured-action-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.expon-featured-action-card .featured-type {
  font-family: var(--text);
  margin: 0;
  padding: 0 0 5px 0;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;
}

.expon-featured-action-card .featured-title-cont {
  overflow: hidden;
  height: 63px;
  overflow: hidden;
  margin-bottom: 41px;
  padding-right: 10px;
}

.expon-featured-action-card .featured-title {
  font-family: var(--text);
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 16px;
  color: gray;
  /* opacity: 0.6; */
  /* height: 85px; */
  height: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.expon-more-actions-card .expon-featured-action-image img {
  width: 60%;
  margin: 0 auto;
}

.expon-more-actions-card {
  border-color: #983DFF;
}

/* hide first card in 'get more chances' if showActions is set to all */
.expon-actions-list .expon-featured-action-card:nth-child(1),
.expon-actions-list .expon-featured-action-card.count-1 {
  display: none;
}

/* collapsibles */
.expon-collapsibles {
  padding: 20px 0px;
  max-width: 1200px;
  margin: 20px auto;
  width: 90%;
}

.expon-collapsible {
  border: 2px solid lightgray;
  border-radius: 15px;
  padding: 20px;
  margin: 20px auto;
  position: relative;
}

.expon-collapsible .expon-collapse-title-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.expon-collapsible .expon-collapse-title-cont p {
  margin-bottom: 0;
  font-family: var(--title);
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 600;
}

.expon-collapse-content {
  padding-top: 20px;
  display: block;
  font-family: var(--text);
}

.expon-collapse-content p,
.expon-collapse-content h4,
.expon-collapse-content h5,
.expon-collapse-content h6 {
  font-family: var(--text);
}

.expon-collapse-content h2,
.expon-collapse-content h3,
.expon-collapse-content h4 {
  font-family: var(--title);
}

.expon-collapse-content strong {
  font-weight: 900;
}

.expon-collapse-content a {
  color: #7C01FF;
}

.experience-onboard-container .chevIcon {
  transition: transform 0.2s ease;
  transform: rotate(180deg);
}

.experience-onboard-container .icon-rotate {
  transform: rotate(360deg);
}

#finePrint {
  position: absolute;
  top: -90px;
}

.expon-collapsibles .vidiframe {
  margin: 0 auto;
}

.expon-collapsibles img {
  max-width: 300px;
  margin: 0 auto;
}

.amoeText p {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--text);
}

.amoeText a {
  font-weight: 900;
}


/* docked enter button */
.expon-enterbutton-cont {
  background-color: black;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 20px 30px;
  text-align: center;
  z-index: 1000;
}

.expon-enterbutton-cont p {
  font-family: var(--title);
  font-weight: 900;
  font-size: 22px;
  color: #E8FF0A;
  text-align: center;
  margin: 0;
}

.expon-enter-button {
  background-color: white;
  color: black;
  font-family: var(--title);
  font-weight: 900;
  font-size: 25px;
  border-radius: 30px;
  padding: 8px 25px;
  height: auto;
  border: 1px solid lightgray;
  display: block;
  max-width: 269px;
  margin: 15px auto;
}

.expon-enter-button:hover {
  color: black;
  text-decoration: none;
}

.anchor-cont {
  position: relative;
  height: 1px;
  width: 1px;
}

#expon-scrollToAnchor {
  position: absolute;
  bottom: 60px;
}

/* mobile */
@media screen and (max-width: 650px) {
  .expon-collapsibles {
    padding-bottom: 60px;
  }

  .expon-take-action-title p {
    padding: 0 20px;
  }

  .expon-title-container h2 {
    font-size: 32px;
    line-height: 28px;
  }

  .expon-date {
    margin: 5px auto;
  }

  .expon-package-container {
    margin-top: 15px;
  }
}

@media screen and (max-width: 380px) {
  .expon-featured-action-card .featured-title {
    font-size: 14px;
  }

  .expon-collapsible .expon-collapse-title-cont p {
    font-size: 18px;
  }
}

@media screen and (max-width: 420px) {
  .exponfixed {
    top: 72px;
  }
}

/* desktop */
@media screen and (min-width: 950px) {
  .expon-top {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: center;
    overflow: visible;
  }

  .expon-left {
    width: 50%;
    max-width: 660px;
    position: relative;
    height: auto;
    top: 0;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    z-index: 1;
  }

  .expon-image-container {
    order: 2;
    margin: 10px auto 0;
    max-width: 400px;
  }

  .expon-title-container {
    order: 1;
    padding-top: 43px;
  }

  .expon-date-container {
    order: 3;
  }

  .expon-countdown {
    order: 4;
  }

  .expon-enterbutton-cont {
    order: 5;
    padding-bottom: 0px;
  }

  .expon-fineprint-link {
    display: block !important;
    order: 6;
    text-align: center;
    text-decoration: underline;
    color: black;
    font-family: var(--text);
  }

  .expon-right {
    width: 50%;
    justify-self: end;
    max-width: 470px;
    margin-left: 20px;
  }

  .expon-package h2 {
    text-align: center;
  }

  .expon-take-action-title h3 {
    text-transform: uppercase;
    font-size: 35px;
    text-align: center;
    padding: 0 12px;
  }

  .expon-take-action-title p {
    text-align: center;
    max-width: 100%;
    padding: 0 12px;
  }

  .expon-featured-action-card {
    max-width: 470px;
  }

  .expon-collapsibles {
    position: relative;
    z-index: 10;
    /* margin-top: 130px; */
  }

  .expon-enterbutton-cont {
    position: relative;
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
  }

  .expon-enterbutton-cont p {
    color: black;
  }

  .expon-enter-button {
    margin-top: 5px;
  }

  .expon-countdown {
    margin-bottom: 10px;
  }

  .expon-countdown h3 {
    padding-bottom: 0;
  }

}

@media screen and (max-width: 1050px) and (min-width: 950px) {
  .expon-title-container h2 {
    font-size: 35px;
    line-height: 35px;
  }

  .expon-left {
    margin-right: 10px;
  }

  .expon-right {
    margin-left: 10px;
  }
}

@media screen and (min-width: 951px) and (max-width: 1270px) {
  .expon-collapsibles {
    margin-top: 50px;
  }

  .expon-title-container h2 {
    font-size: 35px;
    line-height: 35px;
  }
}

@media screen and (max-width: 940px) {

}

/*!---------------------*/
/*! EOC Actions   */
/*!---------------------*/
/* Contingent on Entries Only Field */
.entries-only-eoc .JoinPremeirHTML-Cont,
.entries-only-eoc .share_module {
  display: none !important;
}

/* EOC details */
.entries-only-eoc .action-experience-details-container {
  width: 38%;
  max-width: 1000px;
  margin: 0 auto 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 0 20px;
}

.entries-only-eoc .action-exp-details-right.mobileOnly {
  display: block;
}

.entries-only-eoc .action-exp-details-right.desktopOnly {
  display: none;
}

.entries-only-eoc .action-details-mini {
  width: 100%;
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
}

.entries-only-eoc .action_detail.has_experience .action_cont .action_inner,
.entries-only-eoc .action-has-experience .action_detail.has_experience .action_cont .action_inner {
  width: 95%;
}

.entries-only-eoc .action-exp-details-left.spacer {
    width: 38%;
    max-width: 1000px;
    margin: 0 auto 30px;
}

.entries-only-eoc .action-exp-details-bottom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1400px;
}

.entries-only-eoc .action-exp-details-bottom .action-exp-details-right {
  max-width: 977px;
  width: 100%;
}

.entries-only-eoc .action-exp-details-package,
.entries-only-eoc .action-exp-details-fine-print {
  width: 50%;
  margin: 0 auto;
}


.entries-only-eoc .action-has-experience .action_detail.has_experience h2.txt_title_black.action-details-experience {
  text-align: left;
  margin: 0;
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
}

.entries-only-eoc .action-exp-details-image-container img {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

.entries-only-eoc .action-exp-details-fine-print .expon-collapsible {
  padding: 10px;
  margin: 10px 0;
  max-width: 100%;
}

.entries-only-eoc .action-exp-details-fine-print .expon-collapsible .expon-collapse-title-cont p {
  font-size: 15px;
}

.entries-only-eoc .action-exp-details-package .expon-package h2 {
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
}

.entries-only-eoc .action-exp-details-package .expon-pi-item {
  padding: 8px 0;
}

.entries-only-eoc .action-exp-details-package .expon-pi-item-right p,
.entries-only-eoc .action-exp-details-package .expon-pi-item-right ul li {
  font-size: 14px;
}

.entries-only-eoc .action-exp-entries-horizontal {
  text-align: center;
  margin: 20px 0px;
  width: 100%;
  font-family: var(--propeller-text);
  color: var(--propeller-pink);
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
}

/* mobile */
@media screen and (max-width: 1140px) {
  .entries-only-eoc .action-details-mini {
    flex-direction: column;
    padding: 0 !important;
  }

  .entries-only-eoc .action-experience-details-container {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
  }

  .entries-only-eoc .action-exp-details-right.mobileOnly {
    display: block;
  }

  .entries-only-eoc .action-exp-details-right.desktopOnly {
    display: none;
  }

  .entries-only-eoc .action-exp-details-left,
  .entries-only-eoc .action-exp-details-right {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .entries-only-eoc .action-exp-details-image-container img {
    max-width: 200px;
  }

  .entries-only-eoc .action-exp-details-package, 
  .entries-only-eoc .action-exp-details-fine-print {
    width: 100%;
  }

  .entries-only-eoc .action-exp-details-left.spacer {
    display: none;
  }

  .entries-only-eoc .action-exp-details-right {
    align-self: start;
  }

  .entries-only-eoc .action-has-experience .action_detail.has_experience h2.txt_title_black.action-details-experience {
    text-align: center;
    padding: 0 10px 20px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 25px;
  }

  .entries-only-eoc .action-exp-details-fine-print .expon-collapsible {
    max-width: 90%;
    margin: 10px auto;
  }

  .entries-only-eoc .action-exp-entries-horizontal {
    font-size: 3.4vw;
  }

  .entries-only-eoc .join_action_inner .blockTitleJoin {
    display: none;
  }

  .body_join .entries-only-eoc.action-exp-wrapper .action-wrap-cont .join_action_inner {
    padding-top: 0 !important;
  }

  .entries-only-eoc .action-has-experience .join_action_inner img,
  .entries-only-eoc .action-has-experience .petition_action_inner .petition-desktop-left img,
  .entries-only-eoc .action-has-experience .shop_detail .shop_img {
    max-width: 200px;
    margin: 0 auto;
    float: unset;
  }

  .entries-only-eoc.action-exp-wrapper .action-wrap-cont,
  .entries-only-eoc.action-exp-wrapper .petition_action_inner .entries-only-eoc .action-wrap-cont {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background-color: transparent !important;
  }

  .action-has-experience .action_detail.has_experience .action_cont .action_inner {
    background-color: transparent;
  }
}

/* Join & Petition */
.entries-only-eoc .experience-entries-amount {
  text-align: center;
  font-size: 18px;
}

.body_petition .petition_action_inner .entries-only-eoc .action-wrap-cont {
  background-color: black;
}

.body_petition .entries-only-eoc .action_detail.has_experience .action_cont .action_inner {
  padding: 20px !important;
}

.entries-only-eoc .join_action_inner .action-total-count p,
.entries-only-eoc .petition_action_inner .action-total-count p {
  font-size: 16px;
  padding-left: 0;
}

.entries-only-eoc .join_action_inner .action_descriptionX p {
  margin-bottom: 10px;
}

/* Donate / Cause */
.body_causes .entries-only-eoc {
  background-color: white;
}

.exp-description p {
  text-align: center;
}

.body_causes .entries-only-eoc .action-has-experience .action_detail.has_experience h2.txt_title_black.action-details-experience {
  font-size: 28px;
  line-height: 30px;
}

.body_causes .entries-only-eoc .action-exp-entries-horizontal {
  color: var(--propeller-black);
}

.body_causes .entries-only-eoc .action-has-experience .action_detail.has_experience .action_cont .action_inner {
  background-color: #f5f5f5;
}

.body_causes .entries-only-eoc .action_detail .actionDetailsActionTitle {
  text-align: center;
}

.body_causes .entries-only-eoc .short_description {
  text-align: center;
}

.body_causes .entries-only-eoc .donatePro_amt_buttons {
  margin-top: -20px;
}

.body_causes.body-cause-donate .entries-only-eoc .donatePro_amts .donateButBg {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 5px auto;
}

.body_causes.body-cause-donate .entries-only-eoc .donatePro_amts .tc .but {
  width: 100%;
  max-width: 100%;
  padding: 15px;
  background-color: var(--propeller-white);
  color: var(--propeller-pink);
  border: 2px solid var(--propeller-black);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
}

.body_causes.body-cause-donate .entries-only-eoc .donatePro_amts .tc .but.active,
.body_causes.body-cause-donate .entries-only-eoc .donatePro_amts .tc .but:hover {
  background-color: var(--propeller-yellow);
  border-color: var(--propeller-black);
  color: var(--propeller-pink);
}

.body_causes.body-cause-donate .entries-only-eoc .amt-label {
  display: inline-block;
  padding-left: 33px;
}

.body_causes.body-cause-donate .entries-only-eoc .amt-label::first-letter {
  color: transparent;
}

.body_causes.body-cause-donate .entries-only-eoc .amt-label::after {
  content: '';
  background-image: url('/images/pinkticket.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 30px;
  height: 20px;
  display: inline-block;
  margin: 0 5px 0 0;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.body_causes .entries-only-eoc .amt-val {
  color: var(--propeller-black);
}

.body_causes.body-cause-donate .entries-only-eoc .donateCustom {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.body_causes.body-cause-donate .entries-only-eoc .donate-custom-cont {
  width: 100%;
}

.body_causes.body-cause-donate .entries-only-eoc .donate_amount input {
  width: 100%;
  max-width: 100%;
  border: 2px solid var(--propeller-black);
  height: 50px;
  font-weight: 800;
}

.body_causes.body-cause-donate .entries-only-eoc .custamtLabel {
  font-weight: 800;
  text-transform: uppercase;
  font-family: var(--propeller-title);
  font-size: 16px;
}

.body_causes.body-cause-donate .entries-only-eoc .donatePro_amts .tc .inp .dols {
  top: -5px !important;
}

.body_causes.body-cause-donate .entries-only-eoc .donateCustomAmt #minimumReqNotice {
  bottom: -21px;
}
.body_causes.body-cause-donate .entries-only-eoc #enterInt {
  top: -39px;
}

.body_causes .entries-only-eoc .amount-earned-container {
  width: 100%;
}
.body_causes.body-cause-donate .entries-only-eoc .amt-readout-label {
  font-weight: 800;
  text-transform: uppercase;
  font-family: var(--propeller-title);
  font-size: 16px;
  margin-top: 20px;
}

.body_causes .entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout {
  font-size: 30px;
  text-transform: uppercase;
  padding-top: 5px;
}

.body_causes .entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout span::after {
  content: 'ENTRIES';
  font-size: 30px;
}

@media screen and (min-width: 700px) {
  .body_causes .entries-only-eoc .donate_amount {
    width: 50%;
    max-width: 500px;
    margin: 0 auto;
  }
} 

/* other donations (monthly donor) */
/* stripe3 form */
.entries-only-eoc .donatePro_amt_buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.entries-only-eoc .short_description {
  padding-bottom: 10px;
}

.body-cause-donate .entries-only-eoc .donatePro_amts .tc .but {
  border: none;
  background-color: black;
  color: var(--propeller-white);
  font-family: var(--propeller-title);
  font-size: 20px;
  font-weight: 800;
}

.body-cause-donate .entries-only-eoc .donatePro_amts .tc .but:hover {
  background-color: black;
}

.body-cause-donate .entries-only-eoc .donatePro_amts .tc .but.active {
  border: 2px solid var(--propeller-pink);
}

.body-cause-donate .entries-only-eoc .donatePro_amts .donateButBg {
  width: auto;
}

.body-cause-donate .entries-only-eoc .amt-label {
  display: inline-block !important;
}

.body-cause-donate .entries-only-eoc .amt-val:before {
  content: "$";
}

.body-cause-donate .entries-only-eoc .custamtLabel {
  font-family: var(--propeller-title);
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 0;
}

.body-cause-donate .entries-only-eoc .donateCustom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.body-cause-donate .entries-only-eoc .amt-readout-label {
  font-size: 16px;
  margin: 0;
}

.entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout {
  background-color: transparent;
  padding: 0;
  color: var(--propeller-pink);
  font-family: var(--propeller-title);
  font-size: 40px;
  line-height: 1;
  margin-bottom: -20px;
  text-align: left;
}

.entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout span {
  font-size: 1px;
  color: transparent;
}

.entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout span::after {
  content: 'entries';
  font-size: 40px;
  color: var(--propeller-pink);

}

.body-cause-donate .entries-only-eoc .donateCustom .donateButBg input {
  font-size: 20px;
}

.body-cause-donate .entries-only-eoc .donateCustomAmt #minimumReqNotice {
  bottom: -45px;
}

.body-cause-donate .entries-only-eoc #enterInt {
  top: -31px;
}


@media screen and (max-width: 650px) {
  .entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout {
    font-size: 30px;
  }

  .entries-only-eoc .lastNameContainer {
    padding-left: 0;
  }
}

/* donate_dollarToPoints form, stripe2 */
.entries-only-eoc .pointsperDollarNotice {
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
  font-weight: 900;
}

.entries-only-eoc .donate_amount.donateDollarToPoints .amt-readout-cont {
  margin-top: 10px;
}

.entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .causes-payment.stripe2 .amount_readout {
  margin-bottom: 0;
}


/* rewards */
.entries-only-eoc .shopRewContainer {
  padding: 20px;
}

.entries-only-eoc .rewardbuttonCont {
  display: flex;
  justify-content: center;
  align-items: center;
}

.entries-only-eoc .exp-reward-entries {
  text-align: center;
}

.entries-only-eoc .rewdescbottom {
  padding: 15px;
}


/* monthly & annual donations */
.body_monthly-donor .entries-only-eoc .donatePro_amts .tc .but::before,
.body_annual-donor .entries-only-eoc .donatePro_amts .tc .but::before {
  content: "";
}

.entries-only-eoc .amount-earned-container {
  text-align: left;
  margin-top: 20px;
}

.body-monthly-donor .entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout,
.body-annual-donor .entries-only-eoc .action-has-experience .action_detail.has_experience .action_inner .amount_readout {
  margin-bottom: 0;
  display: none;
}

.body-cause-donate.body-monthly-donor .entries-only-eoc .donateCustom,
.body-cause-donate.body-annual-donor .entries-only-eoc .donateCustom {
  flex-direction: column;
  align-items: start;
}

.body-cause-donate.body-monthly-donor .entries-only-eoc .bonuslang,
.body-cause-donate.body-annual-donor .entries-only-eoc .bonuslang {
  display: none;
}


/********** End new Exp UI ***********/



/*!---------------------*/
/*! 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;
}

#userDashboardAdmin {
  margin-top: 20px;
}

/*!---------------------*/
/*! 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_img_thumbs > div {
  margin: 0 15px;
}

.shop_det_thumb {
  margin-bottom: 20px;
}

.shop_det_thumb,
.reward_thumb_webp {
  width: 50%;
  max-width: 50%;
}

.reward_thumb_webp img {
  width: 100%;
}

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

}

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

}

.qty_block.quantity_block {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

.qty_block.quantity_block .shop_amount {
  display: flex;
  align-items: center;
}

.qty_block.quantity_block .shop_amount {
  justify-content: start;
  font-size: 20px;
  /* flex-wrap: wrap; */
  flex-direction: row;
  /* width: 50px; */
}

.qty_block.quantity_block div,
.qty_block.quantity_block .shop_amount div {
 margin-bottom: 0;
 padding-bottom: 0;
}

.qty_block.quantity_block .shop_amount div {
  padding: 5px;
}

.qty_block.quantity_block .shop_amount .shop_amt {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Lores 9 Plus OT Narrow Bold';
  font-size: 20px;
  font-weight: 100;
  /* background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0); */
  border: 3px solid #7cd3d2;
  background: #f2f2f2;
  color: black;
}

.qty_block.quantity_block .shop_amount .shop_amt_plus,
.qty_block.quantity_block .shop_amount .shop_amt_minus {
  padding-top: 9px;
  font-size: 20px;
  /* width: 45%; */
}

.qty_block.quantity_block .shop_amount .clearer {
  width: 0;
  height: 0;
  padding: 0;
}

.qty_block.quantity_block div.h6 {
  font-size: 15px;
  padding-right: 8px;
  font-weight: 900;
}

#buyRewardButton {
  margin: 0;
}

.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: 22px;
}

/*!---------------------*/
/*! 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;
}
.sf-dump {
  min-width: 300px;
}
.login_wrapper_new .userForm input {
  background-color: #f2f2f2 !important;
  height: 40px;
  margin-bottom: 0;
  border-radius: 8px;
  border: none;
  color: black;
}



.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: #34526A; */
  background-color: var(--propeller-lightgray);
  color: var(--propeller-black);
  padding: 2px 0px;
  border-radius: 8px;
  min-width: 60px;
  margin: 0 8px 30px;
  position: relative;
}

.submitButton.sb_rewards .size-info {
  padding: 2px;
}

.submitButton.sb_rewards:hover {
  /* color: #133D64; */
  border: 2px solid var(--propeller-pink);
}

.submitButton.sb_rewards.hit {
  /* background-color: #133D64;
  color: white; */
  background-color: white;
  border: 2px solid var(--propeller-pink);
}

.submitButton.sb_rewards.hit.quantity-0,
.submitButton.sb_rewards.hit.quantity--1 {
  border: 2px solid gray;
}

.submitButton.sb_rewards .shop_sold_out {
  display: block !important;
  color: black;
  width: 60px;
  position: absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  font-size: 14px;
}

/* show for points rewards */
/* https://design8.propeller.la/rewards/29786/earn-a-pair-of-tickets-to-see-hobo-johnson-at-a-show-near-you */
/* task: https://app.asana.com/0/936994971041396/1207658515514686/f */
.show-for-points {
  --title: "aktiv-grotesk-condensed";
  --text: "aktiv-grotesk";

  --newpink: #FE20B0;
  --newpurple: #983DFF;
  --newgray: lightgray;
  --newyellow: #E8FF0A;
}

.body_rewards.show-for-points .action_rewards .action_detail .shop_detail.abreak-desktop, 
.body_causes.show-for-points .causes_new.rewards .action_detail .shop_detail.abreak-desktop {
  flex-direction: column;
}

.show-for-points .action_detail,
.show-for-points .action_detail .action_cont .action_inner,
.show-for-points .body_rewards .col_left.left, 
.show-for-points .action_detail .shop_detail .col_left.left,
.show-for-points .action-details.container,
.show-for-points .abreaks.abreak-desktop .col_right {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.show-for-points .action_detail .shop_detail {
  margin-top: -58px;
}

.show-for-points .pts-tix-header img {
  width: 100%;
  margin: 0 auto;
  height: auto;
  object-fit: cover;
  object-position: top;
}

.show-for-points .pts-tix-header-basic img {
  max-width: 500px;
  height: auto;
  margin: 20px auto;
}

.show-for-points .warning-reward-locked {
  text-align: center;
  margin: 20px auto;
  padding: 15px;
  border: 2px solid var(--propeller-pink);
  width: 90%;
  max-width: 500px;
  display: block;
}

.show-for-points .success-reward-unlocked {
  text-align: center;
  margin-top: 20px;
}

.show-for-points .shopRewDesc {
  max-width: 1500px;
  margin: 0 auto;
}

.show-for-points .submitButton.sb_rewards .shop_sold_out {
  display: none !important;
}

.show-for-points .rewdescbottom {
  display: none;
}

.show-for-points .shop-not-landing-wrapper,
.show-for-points .shopRewDesc,
.show-for-points .rew-fineprint {
  max-width: 650px;
  margin: 0 auto;
}

.show-for-points .shopRewDesc {
  font-family: var(--text);
}

.show-for-points .shopRewDesc a {
  text-decoration: underline;
}

.show-for-points .shopRewContainer {
  padding: 20px;
}

.show-for-points .action_rewards .action_detail .actionDetailsActionTitle {
  text-align: center;
  font-family: var(--title);
}

.show-for-points .price_block {
  text-align: center;
}

.show-for-points .price_block h3 {
  font-family: var(--title);
}

.show-for-points .size-info {
  padding: 0;
  font-family: var(--title);
  font-size: 20px;
  color: black;
}

.show-for-points .submitButton.sb_rewards {
  border: 1px solid #7E9EBC;
}

.show-for-points .shop-size-s_descriptor {
  display: none;
}

.show-for-points .disabled {
  pointer-events: none;
  filter: grayscale(100%);
}

.show-for-points .tixbutton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.show-for-points .tixbutton p {
  margin: 0 10px 0;
  width: 93px;
  font-family: var(--title);
  color: black;
  /* background-color: var(--newyellow); */
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
  padding: 5px;
}

.show-for-points .tixbutton a {
  display: block;
  width: 120px;
  margin: 0 auto;
  border: 1px solid var(--newgray);
  padding: 8px;
  font-family: var(--title);
  color: black;
  border-radius: 30px;
  text-align: center;
  text-transform: uppercase;
}

.show-for-points .tixbutton a:hover {
  border-color: var(--newpink);
}

.show-for-points .tixbutton.qty-0 a {
  color: black;
  pointer-events: none;
  border: none;
  font-size: 13px;
}

.show-for-points .tixbutton.qty-0 p {
  display: none;
}

.show-for-points .submit_button, 
.show-for-points .causes-payment-wrapper #submit, 
.show-for-points #continue_to_payment, 
.show-for-points #section-payment #submit, 
.show-for-points #return_to_shipping {
  background-image: none;
  background-color: white;
  color: black;
  font-family: var(--title);
  font-weight: 900;
  font-size: 25px;
  border-radius: 30px;
  padding: 11px 25px 10px;
  height: auto;
  border: 1px solid lightgray;
  max-width: 350px;
  margin: 15px auto;
}

.show-for-points .rewardbuttonCont:has(#buyRewardButton) {
  display: flex;
  justify-content: center;
}

.show-for-points .show-desc {
  max-width: 700px;
  margin: 0 auto;
  font-family: var(--text);
  font-weight: 600;
  text-align: center;
}

/* data-qty */
.show-for-points .submitButton.sb_rewards[data-qty="0"],
.show-for-points .submitButton.sb_rewards.quantity-0 {
  pointer-events: none;
  filter: grayscale(100%);
  opacity: 0.4;
}

.show-for-points #rewardButtonCheckpoint {
  position: absolute;
  left: 0;
  bottom: 160px;
}

/* button */
.show-for-points .sizeDropdownButton {
  display: none !important;
  width: 100%;
  background-color: #f2f2f2;
  color: black;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 8px;
  margin-bottom: 10px;
  /* border: 2px solid black; */
  cursor: pointer;
}

.show-for-points .submitButton.sb_rewards.hit {
  border-color: var(--newpink);
  color: black;
}

/* cont */
.show-for-points .size_options {
  position: relative;
  display: flex;
  /* display: none */
  /* background-color: #f2f2f2; */
  /* border: 2px solid black; */
  /* margin-bottom: 15px; */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* margin-top: -13px; */
  max-width: 1000px;
  margin: 0 auto;
}

.show-for-points .size_options .shop_sizes {
  /* width: 90%; */
  width: 100%;
  max-width: 1500px;
  border: none;
  margin: 5px auto;
  text-align: left;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  border: 2px solid black;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.show-for-points .size_options .shop_sizes:hover {
  border-color: var(--newpink);
}

.show-for-points .showselected {
  text-align: center;
}

.show-for-points .tixshowtop {
  display: none;
  text-align: center;
  font-family: var(--text);
}

.show-for-points .tixshow {
  text-align: center;
  font-family: var(--text);
  padding-top: 15px;
  font-weight: 600;
  font-size: 18px;
}


/* show  */
.show-for-points .sizeDropdownButton:hover {
  transform: scale(1.02);
}

.show-for-points .showDropDown {
  display: flex;
}

.show-for-points .rew-fineprint {
  margin-bottom: 25px;
}

@media screen and (max-width: 650px) {
  .show-for-points .shopRewDesc,
  .show-for-points .rew-fineprint {
    width: 90%;
  }

  .show-for-points .tixbutton {
    flex-direction: column-reverse;
    margin-top: 12px;
  }

  .show-for-points .size_options .shop_sizes {
    flex-direction: column;
    text-align: center;
  }

  .show-for-points .size-info {
    font-size: 23px;
    line-height: 26px;
  }

  .show-for-points .pts-tix-header-basic img {
    margin: 0 auto;
  }
}


/* end show for points */

.shop-not-landing-wrapper .userShippingForm h4 {
  text-transform: uppercase;
}

.shop-body-details .shopVariations {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
}

/* event tix rewards */

.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-mbl .col_right {
  width: 100%;
  padding-left: 0%;
}

@media screen and (min-width: 650px) {
  .abreaks.abreak-mbl .col_left {
    width: 49%;
  }
  
  .abreaks.abreak-mbl .col_right {
    width: 45%;
    padding-left: 5%;
  }
}

.event_act_act .col_right { 
  width: 100%;
}

.restrict_select_state {
  margin: 25px auto 10px;
}

.restrict_state_text {
  padding-bottom: 10px;
}

.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: hidden;
  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 !important;
}

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

#pink_modal .screen.on {
  display: block;
  pointer-events: all !important;
}

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

#pink_modal input {
  /* color: #D71F5C !important; */
  color: black;
  border: none;
  /* height: 60px;
  margin-bottom: 5px; */
  font-family: var(--propeller-text);
  font-size: 16px; /*Do not change this, it will break Safari*/
  width: 562px;
}

#pink_modal input:autofill,
#pink_modal input:-webkit-autofill
#pink_moadl :autofill {
  font-family: var(--propeller-text) !important;
  font-size: 20px;
  color: black !important;
}

#pink_modal .formElements-container :autofill {
  font-family: var(--propeller-text) !important;
  font-size: 20px;
  color: var(--prop-purple) !important;
  background-color: transparent;
}

#pink_modal input:focus {
  box-shadow: none;
}

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

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

#pink_modal .login-account-exists {
  color: black;
}

#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;
}

#pink_modal .dash-btn {
  display: block;
  color: var(--propeller-white);
  padding: 10px;
  max-width: 180px;
  margin: 0 auto;
  background-color: var(--propeller-black);
  font-family: var(--propeller-title);
  border-radius: 30px;
  font-size: 18px;
  text-transform: uppercase;
  background-image: none;
  width: auto;
  height: auto;
  max-width: 279px;
}

#pink_modal .dash-btn:hover {
  color: var(--propeller-white);
}


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

#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;
}

.pink_modal_videobg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #111;
  background: #83D1D6 !important; */
  background-color: #fbfbfb;
}

/* temp */
.pink_modal_videobg {
  /* background-image: url('../images/youve-entered-static-mobile.jpg'); */
  /* background-size: contain; */
}
@media screen and (min-width: 650px) {
  .pink_modal_videobg {
    /* background-image: url('../images/youve-entered-static.jpg'); */
  }
}
/* end temp */

.pink_modal_videobg .desktoppinkM {
  display: block;
}

.pink_modal_videobg .mobilepinkM {
  display: none;
}

@media screen and (max-width:650px) {
  .pink_modal_videobg .desktoppinkM {
    display: none;
  }

  .pink_modal_videobg .mobilepinkM {
    display: block;
  }
}

.pink_modal_videobg iframe {
  width: 150vw !important;
  height: 150vh !important;
  margin-left: -25vw;
  max-width: unset;
  max-height: unset;
}

@media screen and (min-width: 780px) and (max-width: 1329px) {
  .pink_modal_videobg iframe {
    top: -30vh !important;
  }

  #congrats .pink_modal_videobg iframe {
    top: -6vh !important;
  }

  #congrats .pink_modal_videobg iframe {
    width: 129vw !important;
    height: 114vh !important;
  }
}

#congrats {

}

#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;
}

#contrats .pink_modal_msgCont {
  background-color: white;
  border: 2px solid var(--propeller-purple);
  color: black;
  font-family: var(--propeller-title) !important;
  text-transform: uppercase;
  font-weight: 600;
  width: 70%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17.5%;
  padding: 40px;
  font-size: 40px;
}

.pink_modal_msgCont * {
  color: black;
  font-family: var(--propeller-title);
}

.pink_modal_spinner {
  color: black;
  font-family: "lores-12-regular";
  width: 70%;
  margin: 0 auto;
  position: absolute;
  top: 40%;
  left: 17.5%;
  padding: 40px;
  font-size: 30px;
}

.spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* Adjust as needed */
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.pink_modal_msgCont span {
  /* font-family: "lores-12-bold"; */
}

/* only show if user is logged in and premier */
.user-is-premier .pink_modal_msgCont::after {
  /* content: " If you're a Premier member, you earned double!"; */
}

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

#onboard .modal_form_container {
  border: var(--propeller-buttonborder);
  border-radius: 10px;
  padding: 30px;
  position: relative;
}

@media screen and (max-width: 650px) {
  .pink_modal_msgCont {
    padding: 32px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
  }

  #onboard .msg {
    font-size: 20px;
  }
}

#onboard .formField-container {
  position: relative;
}

#onboard .cta {
  color: var(--propeller-black);
  text-align: center;
  font-family: var(--propeller-text);
  font-size: 15px;
  font-weight: 700;
  padding: 20px;
}

#onboard .pinkonboard-terms {
  margin-top: 20px;
  color: black;
  font-family: var(--propeller-text);
  font-size: 15px;
  background: white;
  padding: 8px;
  max-width: 500px;
  margin: 20px auto;
}

#onboard .pinkonboard-terms a {
  color: var(--propeller-purple);
  text-decoration: underline;
}

#pink_modal .form_errors {
  background-color: white !important;
  color: black;
  border: 2px solid black;
  padding: 8px;
  position: absolute;
  width: 200px;
  left: calc(50% - 100px);
  top: -40px;  
}

#pink_modal .form_errors .msg {
  font-size: 12px;
  font-family: "lores-12-bold";
}

#pink_modal input,
#pink_modal .formElements-container :autofill {
  background: #f2f2f2 !important;
  /* border: 2px solid black; */
  padding: 20px;
}

.continue-without-joining {
  color: var(--propeller-purple);
  text-decoration: underline;
  margin: 0 auto;
  text-align: center;
  font-weight: 600;
}

#pink_modal .userForm {
  margin: 0;
  padding: 0 0 20px 0;
}

/*  */


/* pink screen animation container */

.lottieplayercont {
  position: fixed;
  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: 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;
  }
}

.discover-modal-points {
  bottom: 80px;
  position: absolute;
  color: white;
  font-family: var(--dis-title);
  font-size: 50px;
}

.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 .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%;
}



.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;
}

.alert-large {
  font-size: 18px;
}

.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 !important;
}

.join_action_inner .join-input-bg:has(.validateError),
.join_action_inner .join-input-bg .field-date:has(.validateError){
  background-image: none;
  background-color: #Ed2C67;
}

.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: var(--propeller-black);
}

.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;
  border: none;
  background-color: var(--propeller-white);
}

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

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

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

.body_causes .action.complete .event-voter-embed {
  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.actionCause.action-details-mini {
  margin-top: -150px;
}

.cause_desc.cause_about_desc ~ .action_watch.actionCause.action-details-mini {
  margin-top: 0px !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: transparent;
  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;
  color: var(--propeller-white);
  padding: 10px;
  max-width: 180px;
  margin: 0 auto;
  background-color: var(--propeller-black);
  font-family: var(--propeller-title);
  border-radius: 30px;
  font-size: 18px;
}

#onboard .submitButton:hover {
  transform: scale(1.1);
}

#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;
  cursor: pointer;
}

.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: black;
}

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

.watchActionContainer .propgreen {
  color: var(--propeller-pink);
  font-weight: 600;
}

@media screen and (max-width: 830px) {
  #video_length {
    width: 85%;
    margin: 0 auto;
  }

  .causeActionType-watch .watch_action_inner .action_descriptionX {
    width: 85%;
    margin: 0 auto;
  }

  .causeActionType-watch .watchAction-title {
    padding-bottom: 20px;
  }
}

/*
@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;
  box-shadow: none;
}

.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: 0 3.6rem 2rem 3.6rem;
}

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

.action_detail .actionDetailsActionTitle {
  text-transform: uppercase;
  font-size: 30px;
}

.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:'';
}

.causeActionType-join .squigly2 {
  display: none;
}

#joinMailingListForm {
  padding: 15px;
}


.petition_action_inner .actionTitle .actionDetailsMiniActionTitle, 
.join_action_inner .actionDetailsActionTitle,
.petition_action_inner .actionTitle .actionDetailsActionTitle, 
.join_action_inner .actionDetailsMiniActionTitle {
  font-size: 30px;
  color: black;
  padding-top: 8px;
  font-weight: 900;
}

.petition_action_inner .squigly2 {
  display: none;
}

.petition_action_inner .petition-desktop-left 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;
}

.join_action_inner .action_join_container input#opt-in-checkbox {
  width: 15px;
}

.join_action_inner .action_join_container .form-group.form-group-field-checkbox .col-2,
.petition_action_inner .action_petition_container .form-group.form-group-field-checkbox .col-2 {
  flex: 0 0 0%;
  max-width: 0%;
  padding-right: 10px;
  margin-top: -10px;
}

.join_action_inner .action_join_container .form-group.form-group-field-checkbox .col-10 {
  flex: 0 0 90%;
  max-width: 90%;
  padding-right: 0px;
  margin-top: 0px;
}
.action-has-experience .join_action_inner .action_join_container .form-group.form-group-field-checkbox .col-10 {
  padding-left: 0px;
}
.action-has-experience .join_action_inner .field-checkbox-form-check {
  margin-top: -12px;
}
.action-has-experience .col-2.col-checkbox-left {
  max-width: 20px;
  padding-left: 0;
  padding-right: 0;
}
.action-has-experience .col-2.col-checkbox-left input[type='checkbox']{
  width: 20px;
  height: 20px;
  box-shadow: none;
}
.action-has-experience .col-10.col-checkbox-right {
  padding-left: 25px;
  padding-right: 0;
}
/**
 * https://www.propeller.la/events/24592/24606/24594/24595
 */
.control-label-field-checkbox p {
  /* color: rgb(122, 121, 121); */
  /* color: #ccc; */
  color: black;
  font-weight: 300 !important;
  font-size: 13px;
  padding-left: 20px;
}

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

.action_petition .img_100 {
  padding-top: 0px;
  max-width: 600px;
  margin: 0 auto;
}

.actionDisclaimer {
  color: black;
}

.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: var(--propeller-text);
  padding: 10px 20px;
}

.watch_action_inner .action_descriptionX p {
  padding: 10px 0;
}

.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;
    margin-top: 20px;
  }

  .petition_action_inner .action_descriptionX p {
    padding: 10px 20px;
  }

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

  .watch_action_inner .action_descriptionX {
    width: 100%;
    /* 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: 10px;
    padding-right: 10px; */
  }
}

/* instagram follow */
.action_instagram .actionDetailsActionTitle,
.action_instagram .actionDetailsMiniActionTitle {
  font-family: var(--propeller-title);
  font-size: 30px;
}

.action_instagram .action_inner {
  width: 100%;
  padding: 20px 25px !important;
}

.instagram.causes_new .causes_2020_col1 {
  margin: 0 auto;
  background-color: transparent;
}

.action_instagram .bg_white {
  background-color: #fbfbfb;
}

.action_instagram .insta-points {
  font-family: var(--propeller-text);
  color: var(--propeller-pink);
  font-weight: 700;
}

.action_instagram .squigly2 {
  border-radius: 0;
  background-color: var(--propeller-black);
}

.action_instagram .submit_button,
.body_events .instagram_submit_button {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  display: block;
}

.action_instagram .submit_button .bold,
.action_instagram .submit_button h5,
.action-instagram .submit_button h5, 
.action-instagram .submit_button .bold {
  font-family: var(--propeller-title);
}

.body_events .body_instagram .event_act_cont .act_icon_info {
  padding: 20px !important;
}

.body_events .action_formX.action-instagram {
  max-width: 450px;
  margin: 0 auto;
  display: block;
}

.body_events .action_detail_wrapper .insta-points {
  display: none;
}

/* petition pages */
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro 55 Roman';
  font-style: normal;
  src: url("/webfonts/Neue55Rom.otf");
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro 75 Roman';
  font-style: normal;
  src: url("/webfonts/Neue75Rom.otf");
  font-display: swap;
}
@font-face {
  font-family: 'Lores 9 Plus OT Narrow Bold';
  font-style: normal;
  src: url("/webfonts/Lores9plusOtNarrowBold.otf");
  font-display: swap;
}
@font-face {
  font-family: 'Lores 9 Plus OT Narrow Regular';
  font-style: normal;
  src: url("/webfonts/Lores9PlusOtNarrowRegular.otf");
  font-display: swap;
}

.causes_new.petition,
.body_petition .petition_action_inner,
.events .action_petition,
.action_petition.action_details_wrapper.action_details {
  --pet-black: #111111;
  --pet-green: #7cd3d2;
  --pet-blue: #a1c8e9;
  --pet-purple: #aa9bcb;
  --pet-pink: #dd92c0;

  --pet-loresbold: 'Lores 9 Plus OT Narrow Bold';
  --pet-loresreg: 'Lores 9 Plus OT Narrow Regular';
  --pet-neue55: 'Neue Haas Grotesk Display Pro 55 Roman';
  --pet-neue75: 'Neue Haas Grotesk Display Pro 75 Roman';

  width: 100%;
  max-width: 100%;
}

.causes_new.petition,
.body_petition .petition_action_inner .action-wrap-cont,
.events .action_petition,
.action_petition.action_details_wrapper.action_details,
.action_petition.action_details_wrapper.action_details .petition_action_inner {
  background-color: #fbfbfb;
}

.events .action_petition {
  padding-top: 30px;
  padding-bottom: 30px;
}

.causes_new.petition .causes_2020_col1 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.causes_new.petition .petition_action_inner,
.action_petition .action-has-experience .action_detail.has_experience .action_cont .action_inner {
  background-color: #fbfbfb;
}

.body_petition .share_row,
.body_petition .share_row a {
  color: #3BA4C9;
  opacity: 1;
}

.petition_action_inner .blockTitle,
.action_petition .action-has-experience .action_detail.has_experience .action_inner .blockTitle {
  background-color: transparent;
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
  text-transform: uppercase;
  /* padding: 8px 15px 30px 15px; */
  padding: 0 0 0 20px;
}

.petition_action_inner .blockTitle h3 {
  font-family: var(--pet-loresreg);
  line-height: 28px;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
  /* position: absolute;
  left: 0; */
}

.petition_action_inner .blockTitlePetition h3::after {
  content: 'sign this petition';
  display: block;
  font-weight: 900;
  font-size: 15px;
  font-family: var(--propeller-text);
  text-transform: uppercase;
  color: var(--propeller-pink);
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.petition_action_inner .blockTitle::before {
  /* width: 100px;
  height: 50px;
  content: '';
  background-image: url('../images/megaphone.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 45%; */
}

.petition_action_inner {
  padding: 0px !important;
}

.petition_action_inner .actionDetailsMiniActionTitle,
.petition_action_inner .actionDetailsActionTitle {
  text-transform: uppercase;
  color: black !important;
  font-family: var(--propeller-title);
  padding: 0px 20px 20px !important;
  font-weight: 600 !important;
  text-align: center;
}

.petition_action_inner .petition-desktop-left img {
  width: 100%;
  max-width: 500px;
  margin-top: 30px;
}

.petition_action_inner .action_descriptionX,
.petition_action_inner .action_descriptionX p,
.events .action_petition .action_descriptionX {
  color: black !important;
  font-family: var(--propeller-text);
}

.events .action_petition .action_descriptionX {
  padding: 0 20px;
}

.petition_action_inner blockquote {
}

.petition_action_inner .action-total-count {
  padding: 20px 20px 10px 20px;
}

.petition_action_inner .action-total-count p {
  color: black;
  font-family: var(--propeller-text);
  font-size: 22px;
  padding: 0;
  margin: 0;
}

.petition_action_inner .action-total-count p:nth-child(1) {
  color: var(--propeller-pink);
  font-weight: 900;
  font-family: var(--propeller-text);
}

.petition-progress-cont {
  padding: 0 20px;
}

 .petition_action_inner .petition-progress-bar {
  position: relative;
  width: 100%;
  /* padding: 0 20px; */
}

.petition_action_inner .progress-bar {
  width: 100%;
  height: 20px;
  margin: 0 auto;
  background-color: var(--propeller-lightgray);
  border-radius: 15px; 
  border: 2px solid black;
}

.petition_action_inner .progress-made {
  width: 0;
  height: 16px;
  border-radius: 15px;
  background: linear-gradient(to right, var(--pet-green), var(--pet-blue), var(--pet-purple), var(--pet-pink));
  background: var(--propeller-pink);
  position: absolute;
  top: 2px;
  left: 2px;
}

.petition_action_inner .action-petition-field,
.petition_action_inner .field-state-select-country,
.petition_action_inner .field-state {
  /* background: linear-gradient(to right, var(--pet-green), var(--pet-blue), var(--pet-purple), var(--pet-pink));
  background: var(--propeller-pink); */
  border-radius: 30px;
  padding: 2px;
  margin-bottom: 10px;
}

.action_petition #signPetitionForm .field-date input {
  position: relative;
  z-index: 1;
  background-color: transparent;
  color: black;
  font-family: var(--propeller-text);
  margin-bottom: 8px;
}

.action_petition #signPetitionForm .field-date input::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(to right, var(--pet-green), var(--pet-blue), var(--pet-purple), var(--pet-pink));
  background: var(--propeller-pink);
  border-radius: 30px;
  padding: 2px;
  margin-bottom: 10px;
  z-index: -2;
}

.action_petition #signPetitionForm .field-date input::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: transparent;
  border-radius: 30px;
  padding: 2px;
  margin-bottom: 10px;
  z-index: -1;
}

.petition_action_inner .action-petition-field label {
  display: none;
}

.petition_action_inner .control-label-field-checkbox p {
  font-size: 13px;
  /* padding-left: 20px;
  margin-top: -20px; */
  padding: 0;
  margin: 0;
}

.petition_action_inner .col-checkbox-right {
  padding-left: 0;
}

.petition_action_inner .field-checkbox-form-check {
  width: 20px;
  height: 20px;
}

.petition_action_inner .form-group-field-checkbox {
  margin-top: 10px;
}

.petition_action_inner input[type=checkbox] {
  width: 20px;
  height: 20px !important;
  box-shadow: none;
}

.action_petition #signPetitionForm {
  margin-top: 10px;
}

.action_petition #signPetitionForm input,
.action_petition #signPetitionForm select {
  border: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  background-color:#fbfbfb;
  border-radius: 30px;
  color: black;
  font-family: var(--propeller-text);
  border: 1px solid black;
}

.action_petition #signPetitionForm input::placeholder {
  /* light light grey to prevent white on white JB 2024, was white */
  color: #999;
  font-family: var(--propeller-text);
}

.action_petition #signPetitionForm .field-date label {
  color: white;
}

.petition_action_inner  .update_profile_box {
  display: none;
}

.petition_action_inner .signPetitionContainer {
  margin-top: 35px;
  display: flex;
  width: 100%;
  /* position: fixed; */
  bottom: 0px;
  left: 0;
  z-index: 20;
}


@media screen and (max-width: 649px) {
  .petition_action_inner .signPetitionContainer {
    padding: 10px 0;
    display: none;
  }

  .petition_action_inner .action_descriptionX {
    margin-top: -5px;
  }

  .petition_action_inner .actionDetailsMiniActionTitle {
    padding: 0 20px 0 !important;
  }

  .petition_action_inner .blockTitlePetition h3::after  {
    margin-top: 20px;
  }
}

.petition_action_inner .submit_button.bg_actions {
  /* background-color: transparent !important; */
  /* background: transparent; */
  font-family: var(--propeller-title);
  border: var(--propeller-buttonborder);
}

.petition_action_inner  #signButtonCheckpoint {
  top: -80px;
  width: 10px;
  height: 10px;
  /* background-color: red; */
  position: absolute;
}

.petition_action_inner .petition-desktop-right {
  position: relative;
}

.petition_action_inner #signPetitionButton {
  border-radius: 30px;
  padding: 13px 27px;
  width: auto;
  margin: 0 auto;
}

.petition_action_inner #signPetitionButton div {
  color: var(--propeller-white);
  font-family: var(--propeller-title);
  font-size: 20px;
  line-height: 20px;
  font-weight: 600 !important;
}

.petition_action_inner .jumptoPetitionButton {
  visibility: visible;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  margin: 0 auto;
  z-index: 100;
  border: 2px solid var(--propeller-pink);

  display: none;
}

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

.petition_action_inner .update_profile_box {

}

.petition_action_inner input.validateError {
  border-color: red !important;
}

.petition_action_inner .action-petition-field:has(.validateError) {
  margin-top: 20px;
}

.petition_action_inner .action-petition-field:has(.validateError) .reqNotice {
  color: red;
  display: block !important;
  position: absolute;
  font-size: 11px;
  top: -15px;
  left: 10px;
  font-weight: 700;
}

.petition_action_inner .action-petition-field {
  position: relative;
}

.petition_action_inner .actionDisclaimer.action-peition-disclaimer {
  color: black;
  margin-top: 30px;
}

.petition_action_inner .actionDisclaimer.action-peition-disclaimer a {
  color: var(--propeller-purple) !important;
}

.petition_action_inner .premier-wrapper-new {
  background-color: var(--pet-black);
}

.petition_action_inner .premier-wrapper-new .premier_turq h1 {
  color: black;
}

.causes_new.petition .cause_stats_cont,
.causes_new.petition .cause_stats_cont div {
  color: black !important;
}

.causes_new.petition .cause_stats .tc {
  border-left: 2px solid black;
  border-top: 2px solid black;
}

.causes_new.petition .cause_stats .tc:first-child {
  border-left: none;
}

.causes_new.petition .causes_new_shareR {
  color: black;
  padding: 20px;
}

.causes_new.petition .causes_new_shareR a.but1, 
.causes_new.petition .causes_new_shareR a.but2,
.causes_new.petition .causes_new_shareR .smsShareButton, 
.causes_new.petition .causes_new_shareR .smsShareButton:hover {
  color: black;
  fill: black;
}

.causes_new.petition .causes_new_shareR .clipboard-button {
  border: 1px solid black;
}

.causes_new.petition .JoinPremeirHTML-Cont,
.body_petition .JoinPremeirHTML-Cont {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.causes_new.petition .JoinPremeirHTML-Cont .premierBadge,
.body_petition .JoinPremeirHTML-Cont .premierBadge {
  background-image: url('../images/premier_gradient-logo-black.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.causes_new.petition .JoinPremeirHTML-Cont .premierText,
.body_petition .JoinPremeirHTML-Cont .premierText {
  color: black;
  text-align: center;
  padding: 20px 30px;
  font-weight: 700;
  font-size: 18px;
}

.causeActionType-petition .JoinPremeirHTML-Cont {
  background-color: transparent;
}

.causeActionType-petition .actionDetailsMiniActionTitle,
.body_petition .actionDetailsActionTitle {
  display: none;
}

.causeActionType-petition .actionDetailsMiniActionTitle.action_title_petition {
  display: block;
}

.action-share-section {
  order: 2;
}

/* desktop */
@media screen and (min-width: 650px) {
  .petition_action_inner .blockTitle {
    max-width: 600px;
  }

  .petition_action_inner .blockTitle h3 {
    width: 100%;
  }

  .petition_action_inner .blockTitle::before {
    width: 100%;
    background-position: left center;
    margin-left: 20px;
  }

  .petition_action_inner .actionDetailsMiniActionTitle {
    /* padding-bottom: 30px; */
  }

  .body_petition .action-has-experience .action_detail.has_experience .petition_action_inner .action_petition .action_descriptionX {
    width: 100%;
  }

  .petition_action_inner .petition-desktop-cols {
    display: flex;
    flex-direction: row;
  }

  .petition_action_inner .petition-desktop-left {
    width: 60%;
  }

  .petition_action_inner .petition-desktop-right {
    width: 40%;
  }

  .petition_action_inner .petition-desktop-left img {
    max-width: 400px;
    margin-top: 0;
  }

  .petition_action_inner .action_descriptionX p {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .petition_action_inner .action-total-count {
    padding-top: 0;
  }

  .petition_action_inner .action-total-count p {
    display: inline;
  }

  .petition_action_inner #signPetitionForm {
    padding-top: 40px;
  }

  .petition_action_inner .signPetitionContainer {
    position: relative;
    bottom: unset;
    left: unset;
  }

  .causes_new.petition .causes_logo_follow {
    margin-left: 20px;
  }

  .causes_new.petition .JoinPremeirHTML-Cont,
  .body_petition .JoinPremeirHTML-Cont {
    flex-direction: row;
    max-width: 600px;
    margin: 0 auto;
    align-items: center;
  }

  .causes_new.petition .JoinPremeirHTML-Cont .premierBadge,
  .body_petition .JoinPremeirHTML-Cont .premierBadge {
    width: 250px;
    margin: 0 auto;
  }

  .causes_new.petition .causes_2020_col2,
  .body_petition .causes_2020_col2 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
  }

  /* .causes_new.petition .causes_2020_col2 .col3,
  .body_petition .causes_2020_col2 .col3 {
    max-width: 500px;
    padding-left: 0;
    margin: 0 auto
  } */

}

/* event adjustments for petitions */
.body_events .petition_action_inner .signPetitionContainer {
  background-color: transparent;
}

/* HRC Button text adjustment */
/* https://www.propeller.la/petition/26068/pledge-to-vote-and-help-elect-pro-equality-candidates */
.body-page-26068 .petition_action_inner #signPetitionButton div,
.actionPageId-26068 .petition_action_inner #signPetitionButton div,
.actionId-20253 .petition_action_inner #signPetitionButton div {
  font-size: 1px;
  line-height: 1px;
  visibility: hidden;
}

.body-page-26068 .petition_action_inner #signPetitionButton div::after,
.actionPageId-26068 .petition_action_inner #signPetitionButton div::after,
.actionId-20253 .petition_action_inner #signPetitionButton div::after {
  content: 'PLEDGE';
  display: block;
  visibility: visible;
  font-size: 20px;
}

.body_events .actionId-20253 .event_action .event-action-action-type.petition::before {
  content: 'PLEDGE';
}

.body_events .actionId-20253 .event_action .event-action-action-type.petition .action-type {
  display: none;
}

.body_events .actionId-20253 .action-detail-action-type {
  visibility: hidden;
  font-size: 1px !important;
}

.body_events .actionId-20253 .action-detail-action-type::before {
  visibility: visible;
  content: 'pledge';
  display: block;
  font-size: 18px !important;
}

.body_events .actionId-20253 .petition_action_inner .blockTitlePetition h3::after,
.actionPageId-26068 .petition_action_inner .blockTitlePetition h3::after,
.body-page-26068 .petition_action_inner .blockTitlePetition h3::after {
  content: 'sign this pledge';
}


/* end petitions */


/* Featured Action Type */
.causeActionType-featured {
  --featured-font: 'Neue Haas Grotesk Display Pro Roman 55';
  --featured-bold: 'Neue Haas Grotesk Display Pro Bold';
  --featured-lores: 'Lores 9 Plus OT Narrow Bold';

  --featured-green: #7cd3d2;
  --featured-blue: #a1c8e9;
  --featured-purple: #aa9bcb;
  --featured-pink: #dd92c0;

  --featured-light-green: #e5f6f6;
  --featured-light-blue: #ecf3fa;
  --featured-light-purple: #eeebf5;
  --featured-light-pink: #f8e9f2;
}

.causeActionType-featured .adaptive-header {
  height: 420px;
}


.causeActionType-featured .featvidcont-desktop {
  display: none;
}

.causeActionType-featured .featvidcont {
  max-width: 100%;
  background-color: #111;
  margin-top: -10px;

  display: none;
}

.causeActionType-featured .actionDetailsMiniActionTitle {
  padding: 20px;
  font-family: var(--propeller-title);
  color: var(--propeller-black);
  font-weight: 600 !important;
  font-size: 30px;
  text-transform: uppercase;
  margin: 70px auto 0;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .causeActionType-featured .actionDetailsMiniActionTitle {
    padding: 20px 20px 0;
  }
}

.causeActionType-featured .short-desc {
  padding: 0 25px 20px 25px;
  font-family: var(--featured-font);
  font-weight: 100 !important;
  margin-bottom: 0;
}

.causeActionType-featured strong {
  font-weight: 900 !important;
  font-family: var(--featured-bold);
}

.causeActionType-featured .action.bg_white {
  background-color: transparent;
  box-shadow: none;
}

.causeActionType-featured .squigly2 {
  display: none;
}

.causeActionType-featured .action_detail .action_cont .action_inner {
  padding: 0;
}

.causeActionType-featured .causes_new.featured {
  width: 100%;
  padding-top: 85px;
}

.causeActionType-featured .featured-action-description p,
.causeActionType-featured .featured-action-description h1,
.causeActionType-featured .featured-action-description h2,
.causeActionType-featured .featured-action-description h3,
.causeActionType-featured .featured-action-description h4,
.causeActionType-featured .featured-action-description h5,
.causeActionType-featured .featured-action-description h6 {
  padding: 0 25px;
  font-family: var(--featured-font);
  margin-bottom: 0;

}

.causeActionType-featured .featured-action-description h1,
.causeActionType-featured .featured-action-description h2,
.causeActionType-featured .featured-action-description h3,
.causeActionType-featured .featured-action-description h4,
.causeActionType-featured .featured-action-description h5,
.causeActionType-featured .featured-action-description h6 {
  margin: 18px 0;
}

.causeActionType-featured .featured-action-description p {
  line-height: 28px;
  margin: 14px 0;
}

.causeActionType-featured .featured-action-description p:has(img) {
  width: 100%;
  padding: 0;
}

.causeActionType-featured .buttonCont {
  /* background-color: black; */
  /* width: 340px; */
  border-radius: 30px;
  margin: 55px 0;
}

.causeActionType-featured .causes_new .submit_button {
  /* background: linear-gradient(to right, var(--featured-green), var(--featured-blue), var(--featured-purple), var(--featured-pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: var(--featured-lores);
  font-size: 18px;
  font-weight: 100;
  background: linear-gradient(to right, var(--featured-green), var(--featured-blue), var(--featured-purple), var(--featured-pink));
  color: black;
  border-radius: 30px;
  margin: 0 15px; */
}

.causeActionType-featured .share-global-wrapper {
  padding: 20px;
}

@media screen and (min-width: 650px) {
  .causeActionType-featured .featvidcont {
    max-width: 100%;
    background-color: #111;
    margin-top: -10px;
  }
  .causeActionType-featured .featvidcont-desktop {
    display: block;
    max-width: 1550px;
    margin: 0 auto;
  }

  .causeActionType-featured .featvidcont-mobile {
    display: none;
  }

  .causeActionType-featured .causes_2020_col1 {
    width: 100%;
  }

  .causeActionType-featured .causes_new.featured {
    max-width: 100%;
  }

  .causeActionType-featured .actionDetailsMiniActionTitle {
    max-width: 1200px;
    margin: 70px auto 0;
    font-size: 40px;
  }

  .causeActionType-featured #share_article {
    max-width: 1000px;
    margin: 0 auto;
  }

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

  .causeActionType-featured .causes_new .submit_button {
    font-size: 23px;
  }
}

/* Light Mode */
.causeActionType-featured.style-light-mode {
  background-image: linear-gradient(to right, var(--featured-light-green), var(--featured-light-blue), var(--featured-light-purple), var(--featured-light-pink))
}

/* Dark Mode */
.causeActionType-featured.style-dark-mode {
  background-color: #111; 
  color: white;
}

.causeActionType-featured.style-dark-mode .actionDetailsMiniActionTitle {
  color: white;
}

.causeActionType-featured.style-dark-mode .featured-action-description p,
.causeActionType-featured.style-dark-mode .featured-action-description h1,
.causeActionType-featured.style-dark-mode .featured-action-description h2,
.causeActionType-featured.style-dark-mode .featured-action-description h3,
.causeActionType-featured.style-dark-mode .featured-action-description h4,
.causeActionType-featured.style-dark-mode .featured-action-description h5,
.causeActionType-featured.style-dark-mode .featured-action-description h6 {
  color: white;
}

.causeActionType-featured.style-dark-mode .causes_new .submit_button {
  background: linear-gradient(to right, var(--featured-green), var(--featured-blue), var(--featured-purple), var(--featured-pink));
  color: black;
  border-radius: 30px;
}

.causeActionType-featured.style-dark-mode .featblue {
  color: var(--featured-blue);
}

.causeActionType-featured.style-dark-mode .featpink {
  color: var(--featured-pink);
}

.causeActionType-featured.style-dark-mode .featgreen {
  color: var(--featured-green);
}

.causeActionType-featured.style-dark-mode .featpurple {
  color: var(--featured-purple);
}

/* End Featured Actions */



/* TIKTOK Action Type */
.body_tiktok-follow {

  --featured-font: 'Neue Haas Grotesk Display Pro Roman 55';
  --featured-bold: 'Neue Haas Grotesk Display Pro Bold';
  --featured-lores: 'Lores 9 Plus OT Narrow Bold';

  --featured-green: #7cd3d2;
  --featured-blue: #a1c8e9;
  --featured-purple: #aa9bcb;
  --featured-pink: #dd92c0;

  --featured-light-green: #e5f6f6;
  --featured-light-blue: #ecf3fa;
  --featured-light-purple: #eeebf5;
  --featured-light-pink: #f8e9f2;

  background-color: #111;
  color: white;
}

.body_tiktok-follow .action_cont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: unset;
  color: white;
}

.body_tiktok-follow .action_cont:before {
  content: '';
  display: block;
  background-image: url('../images/tt-tiktok-follow-character.gif');
  width: 35%;
  height: 450px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.body_tiktok-follow .actionDetailsActionTitle {
  text-align: center;
  color: white;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 40px;
}

.body_tiktok-follow .follow-points-cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.body_tiktok-follow .follow-points-cont .followStars {
  background-image: url('../images/tt-left-sparkle.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 40px;
  height: 40px;
  margin: 20px;
}

.body_tiktok-follow .follow-points-cont .followStars.stars2 {
  background-image: url('../images/tt-sparkle-right.gif');;
}

.body_tiktok-follow .follow-points-cont p {
  font-family: 'Lores Narrow Bold';
  background: linear-gradient(to right, var(--featured-green), var(--featured-blue), var(--featured-purple), var(--featured-pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;  
  font-size: 33px;
  font-weight: 100;
  margin-bottom: 0;
}

.body_tiktok-follow .action-description {
  text-align: center;
}

.body_tiktok-follow .field-action-instagram,
.body_tiktok-follow .rela {
  background: linear-gradient(to right, var(--featured-green), var(--featured-blue), var(--featured-purple), var(--featured-pink));
  border-radius: 30px;
  padding: 2px;
  margin-bottom: 10px;
  height: 42px;
}

.body_tiktok-follow input {
  background-color: #111 !important;
  height: 38px;
  border-radius: 30px;
  padding-left: 15px;
  color: white;
}

.body_tiktok-follow input::placeholder {
  /* padding-left: 12px; */
  color: white;
}

.body_tiktok-follow .field-action-instagram label {
  display: none;
}

.body_tiktok-follow .field-action-instagram #signPetitionForm input {
  border: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  border-radius: 30px;
  color: white;
}

.body_tiktok-follow .field-action-instagram #signPetitionForm input::placeholder {
  color: white;
}

.body_tiktok-follow input[type="checkbox"] {
  box-shadow: none;
  border: none;
  width: 20px;
  margin-bottom: 0;
}

.body_tiktok-follow .update_profile_box {
  /* display: flex; */
  flex-direction: row;
  align-items: center;
  margin-left: 15px;
  margin-top: 18px;
}

.body_tiktok-follow .update_profile_box span {
  font-weight: 700;
  padding-top: 8px;
  color: white;
}

.body_tiktok-follow input[type=checkbox] {
  display: none;
  margin-bottom: 8px;
}

.body_tiktok-follow input[type=checkbox]:checked {
  background-color: #111;
}

.body_tiktok-follow input[type=checkbox]:checked::before {
  background-image: url('../images/sur-checkmark.png');
  background-size: 80% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.body_tiktok-follow input[type=checkbox] {
  z-index: 3;
  cursor: pointer;
  padding-left: 33px;
  display: block;
  position: relative;
  height: 20px;
  line-height: 1.7em;
}

.body_tiktok-follow input[type=checkbox]::after {
  z-index: 1;
  top: -1px;
  left: 0px;
  width: 21px;
  height: 21px;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  display: block;
  content: "";
  position: absolute;
  border-radius: 4px;
}

.body_tiktok-follow input[type=checkbox]::before {
  z-index: 2;
  top: 0px;
  left: 1px;
  width: 19px;
  height: 19px;
  background: #111;
  display: block;
  content: "";
  position: absolute;
  border-radius: 3px;
}

.body_tiktok-follow .submit_button {
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  color: black;
  border-radius: 30px;
  width: auto;
  max-width: 406px;
  margin: 0 auto;
  display: block;
}

.body_tiktok-follow .submit_button div {
  font-family: var(--featured-lores);
  font-weight: 100;
  text-align: center;
}

.body_tiktok-follow .action-disclaimer {
  color: white;
}

@media screen and (max-width: 650px) {
  .body_tiktok-follow .action_detail .action_cont .action_inner {
    padding: 15px;
  }

  .body_tiktok-follow .action_cont {
    flex-direction: column;
  }

  .body_tiktok-follow .action-description {
    margin-bottom: 30px;
  }

  .body_tiktok-follow .action_cont::before {
    width: 98%;
    margin: 0 auto;
    height: 400px;
  }

  .body_tiktok-follow .follow-points-cont {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .body_tiktok-follow .follow-points-cont p {
    text-align: center;
    font-size: 29px;
    line-height: 29px;
  }

  .body_tiktok-follow .follow-points-cont .followStars {
    margin: 8px;
    width: 30px;
    height: 30px;
  }
}

/*  */

/* Propel Actions */
/* https://propeller.la/causes/20786/sandy-hook-promise/propel/20851/tell-congress-stop-assault-weapon-and-high-capacity-magazine-sales-now */
/* basics */
@import url("https://p.typekit.net/p.css?s=1&k=kqu1hwu&ht=tk&f=28316.28319.28321&a=11900443&app=typekit&e=css");

@font-face {
  font-family:"lores-15-narrow";
  src:url("https://use.typekit.net/af/c6f7dc/00000000000000007735bf75/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/c6f7dc/00000000000000007735bf75/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/c6f7dc/00000000000000007735bf75/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"lores-12ot-bold";
src:url("https://use.typekit.net/af/67262f/00000000000000007735bf74/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/67262f/00000000000000007735bf74/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/67262f/00000000000000007735bf74/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"lores-12-narrow";
src:url("https://use.typekit.net/af/f11294/00000000000000007735bf71/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f11294/00000000000000007735bf71/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f11294/00000000000000007735bf71/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@import url("https://p.typekit.net/p.css?s=1&k=cev1unl&ht=tk&f=28337&a=11900443&app=typekit&e=css");
@font-face {
    font-family:"lores-9-plus-wide";
    src:url("https://use.typekit.net/af/96a625/00000000000000007735bf8c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/96a625/00000000000000007735bf8c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/96a625/00000000000000007735bf8c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.causeActionType-propel {
  background-image: url('../images/pa-checkerboard-repeat2.gif');
  background-repeat: repeat;
  background-size: 250px;
  background-position: center;
}

.causeActionType-propel .bg_white {
  background-color: transparent;
}

.causeActionType-propel #causesNewCon {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.causeActionType-propel .causes_2020_col1 {
  margin-top: 0 !important;
  width: 100%;
  padding: 0;
}

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

.causeActionType-propel .action_detail .action_cont .action_inner {
  padding: 0;
}

.causeActionType-propel .parent-action-description {
  display: none;
}

/* header */
.propelActionHeader {
  margin-top: -10px;
}

.propelActionHeader-mobile {
  display: none;
}

.propelActionHeader-desktop {
  display: block;
}

.causeActionType-propel .actionDetailsMiniActionTitle,
.causeActionType-propel .squigly2 {
  display: none;
}

/* info sec */
.propelAction-info {

}

.propelAction-bg {
  background-color: #111;
  width: 60%;
  max-width: 1200px;
  margin: 0 auto;
  color: white;
  padding: 30px 50px;
}

.propelAction-bg a:hover,
.causeActionType-propel a:hover {
  text-decoration: none;
}

.causeActionType-propel a:hover .share-sec {
  /* transform: scale(1.03); */
}

.causeActionType-propel .share-sec {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  width: 60%;
  background-color: var(--prop-pink);
}

.causeActionType-propel .share-sec p {
  /* background-image: url('../images/pa-sharethisaction-container.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; */
  padding: 10px 10px 14px 10px;
  /* font-family: var(--prop-lores-12narr); */
  font-family: "lores-12ot-bold";
  color: #111;
  font-weight: 900;
  font-size: 45px;
  letter-spacing: 4px;
  margin-bottom: 0;
}

.propelAction-bg .propelAction-title {
  color: white;
  font-family: var(--prop-font);
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
  display: none;
}

.causeActionType-propel .action-propel-image {
  width: 60%;
  margin: 20px;
}

.causeActionType-propel .propelImgSec {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.causeActionType-propel .propelDownArrowCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

/* share section */
.causeActionType-propel .share-propel-container {
  background: #111;
  text-align: center;
  padding: 40px 0 20px 0;
  margin: -43px auto 0 auto;
  color: white;
}

.causeActionType-propel .user-share-actions-wrapper {
  width: 60%;
  margin: 0 auto;
}

.causeActionType-propel .user-share-actions-dashboard-wrapper {
  background: transparent !important;
}

.causeActionType-propel .card-header {
  display: none;
}

.causeActionType-propel .user-share-actions-dashboard-wrapper .card-body {
  padding: 0px;
  width: 100%;
  max-width: 100%;
}

.causeActionType-propel .share-propel-container a, 
.causeActionType-propel .share-propel-container .txt_grey1, 
.causeActionType-propel .share-propel-container .txt_blue1, 
.causeActionType-propel .share-propel-container .button,
.causeActionType-propel .share-propel-container .txt_grey1,
.causeActionType-propel .share-propel-container span {
  color: white !important;
}

.causeActionType-propel h4 {
  font-size: 24px;
}

.causeActionType-propel .share-propel-socials {
  padding: 10px 0 20px 0;
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 40px;
}

.causeActionType-propel .share-propel-socials a {
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin: 0 15px;
  align-items: center;
}

.causeActionType-propel .icon-twitter:before {
  margin-left: 8px;
}

.causeActionType-propel .share-propel-socials a span {
  padding-left: 0;
  margin-left: 0;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-family: var(--prop-font);
  font-weight: 900;
}

.causeActionType-propel .input-group {
  max-width: 400px;
  margin: 0 auto;
}

.causeActionType-propel .submitButton {
  cursor: pointer;
  letter-spacing: 1px;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  display: inline-block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 0px;
  text-transform: uppercase;
  font-family: 'Lores 9 Plus OT Narrow Bold';
  font-size: 18px;
  font-weight: 900;
  border-radius: 30px;
  margin: 15px;
  color: black;
  background: linear-gradient(to right, var(--prop-green), var(--prop-blue), var(--prop-purple), var(--prop-pink));
}

.causeActionType-propel .submitButton:hover {
  transform: scale(1.02);
}

/* your results */
.your-results-container {
  background-color: var(--prop-pink) !important;
  position: relative;
  width: 100%;
  padding: 20px 0;
}

.your-results-content {
  position: relative;
  width: 100%;
  margin: 0 auto; 
  max-width: 780px;
  background-image: url('../images/ap-roundedbg-2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 31px 20px;
}

.your-results-vid-bg {
  position: absolute;
  overflow: hidden;
  width: 104vw;
  height: 378px;
  /* */
  /* background-color: var(--prop-pink); */
}

.vidbg-mobile {
  display: none;
}

.vidbg-desktop {
  display: block;
}

.your-results-vid-bg iframe {
  position: absolute;
  top: 50%;
  left: 40%;
}

@media (min-aspect-ratio: 16/9) {
  .your-results-vid-bg iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .your-results-vid-bg iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}

.your-results-container .user-share-actions-your-results {
  color: transparent;
  background-image: url('../images/pa-your-results.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
}

.your-results-container .results {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.your-results-container .results-num-sec {
  display: flex;
  justify-content: center;
  align-items: center;
}

.results-num-sec .smiley {
  background-image: url('../images/pa-smiley.gif');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

.results-num-sec .resultsx {
  font-family: "lores-15-narrow";
  font-size: 60px;
  padding: 0 10px;
}

.results-num-sec .result-num {
  font-family: var(--prop-lores-12narr);
  font-size: 90px !important;
}

.your-results-container .resultsText {
  color: var(--prop-green);
  font-family: var(--prop-lores12bold);
  font-size: 40px;
  text-transform: uppercase;
  max-width: 400px;
  text-align: center;
  line-height: 40px;
}

.your-results-container .keepsharingtext {
  font-family: "lores-15-narrow";
  color: var(--prop-pink);
  font-size: 35px;
  line-height: 35px;
  text-transform: uppercase;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}

.your-results-container .statdashnotif {
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  padding-bottom: 0;
}

.your-results-container .statdashnotif a {
  text-decoration: none;
  font-weight: 100;
}

.your-results-container .statdashnotif span {
  color: var(--prop-blue);
  text-transform: uppercase;
  font-weight: 900;
}

.causeActionType-propel .action-propel-must-have-account {
  background-color: var(--prop-pink);
  width: 90%;
  max-width: 500px;
  text-align: center;
  color: black;
  margin: 30px auto 60px auto;
  border: 2px solid black;
  padding: 20px;
  display: block;
}

.causeActionType-propel .action-propel-must-have-account a {
  color: #111;
  font-weight: bold;
  text-decoration: underline;
}

.causeActionType-propel .JoinPremeirHTML-Cont {
  margin-bottom: -14px !important; 
}

/* join premier */
.causeActionType-propel .JoinPremeirHTML-Cont {
  justify-content: center;
  max-width: 600px;
  margin: 0 auto;
  flex-direction: column;
  background: white;
  padding: 50px 10px 70px 10px;
  margin-top: -49px;
  margin-bottom: -64px;
}

.causeActionType-propel .JoinPremeirHTML-Cont .premierBadge {
  width: 120px;
  height: 120px;
}

.causeActionType-propel .JoinPremeirHTML-Cont .premierText {
  max-width: 320px;
  text-align: center;
  font-weight: 700;
}

.causeActionType-propel .JoinPremeirHTML-Cont a {
  color: #F820B2;
}

.causeActionType-propel .causesNew:has(.causes_logo_follow) {
  display: none;
}

.causeActionType-propel .footer-new {
  margin-top: 0px;
}

/* mobile */
@media screen and (max-width:650px) {
  .propelActionHeader-mobile {
    display: block;
  }

  .causeActionType-propel .footer-new {
    margin-top: 30px;
  }
  
  .propelActionHeader-desktop {
    display: none;
  }

  .propelAction-info {
    background-size: 90px;
  }

  .causeActionType-propel .share-sec {
    width: 100%;
  }

  .causeActionType-propel .share-sec p {
    font-size: 7vw;
  }

  .causeActionType-propel .propelDownArrowGif img {
    max-width: 30px;
    object-fit: contain;
    height: auto;
  }

  .propelAction-bg {
    width: 90%;
    margin-top: 13px;
    padding: 20px;
  }

  .causeActionType-propel .share-propel-container {
    padding: 40px 10px 20px 10px;
    margin-bottom: 20px;
  }

  .causeActionType-propel .propelAction-bg .share-sec p {
    padding: 10px 18px;
  }

  .causeActionType-propel .user-share-actions-wrapper {
    width: 90%;
    margin-top: -30px;
  }

  .your-results-content {
    width: 90%;
    height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .your-results-container {
    height: 480px;
  }

  .your-results-container .results {
    flex-direction: column;
  }

  .vidbg-desktop {
    display: none;
  }

  .vidbg-mobile {
    display: block;
  }

  .your-results-container .user-share-actions-your-results {
    height: 45px;
    width: 315px;
  }

  .results-num-sec .resultsx {
    font-size: 40px;
  }

  .results .result-num {
    font-size: 40px !important;;
  }

  .results-num-sec .smiley {
    width: 80px;
    height: 80px;
  }

  .your-results-container .resultsText {
    font-size: 20px;
    line-height: 18px;
    margin-top: 10px;
    font-size: 23px;
    line-height: 20px;
    margin-top: 14px;
  }

  .causeActionType-propel .share-propel-container {
    margin-top: -20px;
  }

  .your-results-vid-bg {
    height: 480px;
    width: 115vw;
  }
}

@media screen and (max-width: 400px) {
  .your-results-container .user-share-actions-your-results {
    height: 27px;
  }
}

@media screen and (min-width: 650px) and (max-width: 1016px) {
  .your-results-vid-bg {
    width: 163vw;
    margin-left: -20vw;
  }

  .your-results-content {
    background-color: #111;
    background-size: cover;
    width: 90%;
  }
}

/* end propel action */

/* join action (NEW) */
.body_join,
.causeActionType-join,
.body_causes .join_action_inner,
.body_join .action-exp-wrapper .action-wrap-cont {
  /* --pet-black: #111111;
  --pet-green: #7cd3d2;
  --pet-blue: #a1c8e9;
  --pet-purple: #aa9bcb;
  --pet-pink: #dd92c0;

  --pet-loresbold: 'Lores 9 Plus OT Narrow Bold';
  --pet-loresreg: 'Lores 9 Plus OT Narrow Regular';
  --pet-neue55: 'Neue Haas Grotesk Display Pro 55 Roman';
  --pet-neue75: 'Neue Haas Grotesk Display Pro 75 Roman'; */

  width: 100%;
  max-width: 100%;
  box-shadow: none;
  /* background: var(--pet-black); */
}

.body_join .action_detail .action_cont {
  width: 95%;
}

/* experience join action */
.body_join .action-exp-wrapper .action-wrap-cont .join_action_inner {
  padding-top: 20px !important;
}

.body_join .actionDetailsActionTitle,
.body_join .action-exp-wrapper .action-wrap-cont .actionDetailsActionTitle {
  display: none;
}

.body_join .action-exp-wrapper .action-wrap-cont .join_action_inner .blockTitle::before  {
  margin-top: 30px;
}

@media screen and (max-width: 650px) {
  .body_join .action-exp-wrapper .action-wrap-cont .join_action_inner .blockTitle::before  {
    margin-bottom: 25px;
    left: 0 !important;
  }
}

.body_join .action-exp-wrapper .action-wrap-cont .disclaimer-experience {
  color: black !important;
}
/*  */

.body_causes .join_action_inner {
  padding-top: 20px !important;
}

.causes_new.join,
.body_join .join_action_inner,
.body_join .join_action_inner .action-wrap-cont,
.events .action_join,
.body_causes .join_action_inner {
  /* background-color: var(--pet-black); */
  background-color: #fbfbfb;
}

.causeActionType-join .causes_new {
  padding-top: 0 !important;
  margin: -50px 0 0 0;
  width: 100%;
  max-width: 100%;
}

.causeActionType-join .join_action_inner .actionDetailsMiniActionTitle,
.body_causes .join_action_inner .actionDetailsMiniActionTitle {
  display: none;
}

.events .action_join {
  padding-top: 30px;
}

.causes_new.join .causes_2020_col1 {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 0 !important;
}

.body_causes .join_action_inner .squigly2 {
  display: none;
}

.body_causes .join_action_inner .blockTitle {
  padding-top: 30px;
  margin-left: 10px;
  display: none;
}

.join_action_inner .premierText {
  color: black;
}

.causeActionType-join .join_action_inner,
.action_join .action-has-experience .action_detail.has_experience .action_cont .action_inner {
  /* background-color: var(--pet-black); */
}

.join_action_inner .blockTitle,
.action_join .action-has-experience .action_detail.has_experience .action_inner .blockTitle {
  background-color: transparent;
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
  text-transform: uppercase;
  padding: 8px 15px 30px 15px;

  display: none;
}

@media screen and (max-width: 420px) {
  .join_action_inner .blockTitle::before {
    height: 50px;
    /* left: 50%; */
  }
}

.join_action_inner {
  padding: 0px !important;
}

.join_action_inner .joinAction-title {
  text-transform: uppercase;
  font-weight: 600;
  color: black !important;
  font-family: var(--propeller-title);
  padding: 0px 20px;
  font-size: 30px;
  text-align: center;
}

.join_action_inner .blockTitleJoin {
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.join_action_inner img {
  width: 100%;
  max-width: 500px;
  margin-top: 30px;
}

.join_action_inner .action_descriptionX,
.join_action_inner .action_descriptionX p,
.events .action_join .action_descriptionX {
  color: black !important;
  font-family: var(--propeller-text);
}

.events .action_join .action_descriptionX {
  padding: 0 20px;
}

.join_action_inner blockquote {
  /* background-color: var(--pet-black) !important; */
}

.join_action_inner .action-total-count {
  padding: 20px 20px 10px 20px;
}

.join_action_inner .action-total-count p {
  color: black;
  font-family: var(--propeller-text);
  font-size: 20px;
  padding: 0;
  margin: 0;
}

.join_action_inner .action-total-count p:nth-child(1) {
  /* color: var(--pet-green); */
  font-weight: 900;
  /* font-family: var(--pet-neue75); */
  font-family: var(--propeller-title);
  text-transform: uppercase;
  color: black;
}

.join-progress-cont {
  padding: 0 20px;
  margin-bottom: 15px;
}

.join_action_inner .join-progress-bar {
  position: relative;
  width: 100%;
  /* padding: 0 20px; */
}

.join_action_inner .progress-bar {
  width: 100%;
  height: 20px;
  margin: 0 auto;
  background-color: var(--propeller-lightgray);
  border-radius: 15px; 
  border: 2px solid var(--propeller-black);
}

.join_action_inner .progress-made {
  width: 0;
  height: 16px;
  border-radius: 15px;
  /* background: linear-gradient(to right, var(--pet-green), var(--pet-blue), var(--pet-purple), var(--pet-pink)); */
  background: var(--propeller-pink);
  position: absolute;
  left: 2px;
  top: 2px;
}

.causeActionType-join .joinActionForm,
.body_causes .join_action_inner .joinActionForm {
  margin-top: 40px;
}

.join_action_inner .join-input-bg {
  background: linear-gradient(to right, var(--pet-green), var(--pet-blue), var(--pet-purple), var(--pet-pink));
  border-radius: 30px;
  padding: 2px;
  margin-bottom: 10px;
}

.join_action_inner .join-input-bg:has(.form-group-field-checkbox) {
  background: white;
  border-radius: 2px;
  padding: 20px;
}

.join_action_inner .join-input-bg .field-state-select-country,
.join_action_inner .join-input-bg .field-state.state_select,
.join_action_inner .join-input-bg .field-date {
  background: linear-gradient(to right, var(--pet-green), var(--pet-blue), var(--pet-purple), var(--pet-pink));
  border-radius: 30px;
  padding: 2px;
  position: relative;
  margin-bottom: 10px;
}

.join_action_inner .join-input-bg .field-date {
  margin-top: 20px;
}

.join_action_inner .join-input-bg .field-state-select-country select,
.join_action_inner .join-input-bg .field-state.state_select select,
.join_action_inner .join-input-bg .field-date .form-control.text-area {
  margin-bottom: 0;
  /* background-color: #111; */
  border-radius: 30px;
  /* background-color: #111 !important; */
  color: black !important;
  border: none;
}

.join_action_inner .join-input-bg:has(.field-state-select-country),
.join_action_inner .join-input-bg:has(.field-date) {
  background: none;
  margin-bottom: 0;
}

.join_action_inner .join-input-bg .field-date label{
  position: absolute;
  top: -25px;
  color: black;
  left: 0;
  padding-left: 5px;
}

/* .join */

.join_action_inner .input_handhold {
  display: none;
}

.join_action_inner .control-label-field-checkbox p {
  font-size: 13px;
  padding-left: 20px;
  margin-top: -20px;
}

.join_action_inner .field-checkbox-form-check {
  width: 20px;
  height: 20px;
}

.join_action_inner .form-group-field-checkbox {
  margin-top: 10px;
}

.join_action_inner input[type=checkbox] {
  width: 20px;
  height: 20px !important;
}

.action_join .joinActionForm input.field-show-single,
.joinActionForm input.field-show-single {
  border: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  border-radius: 30px;
  background-color: var(--propeller-lightgray) !important;
  color: black;
  font-family: var(--propeller-text);
  border: 1px solid black;
}

.action_join .joinActionForm input::placeholder,
.joinActionForm input::placeholder {
  /* light light grey */
  color: #999999;
  font-family: var(--pet-neue55);
}

.join_action_inner  .update_profile_box {
  display: none;
}

.join_action_inner .signPetitionContainer {
  margin-top: 35px;
  display: flex;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0;
  z-index: 20;
}

@media screen and (max-width: 649px) {
  .join_action_inner .signPetitionContainer {
    background-color: #111;
    padding: 10px 0;
  }
}


.join_action_inner #signButtonCheckpoint {
  top: -80px;
  width: 10px;
  height: 10px;
  /* background-color: red; */
  position: absolute;
}

.join_action_inner .joinbuttoncont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.join_action_inner .join-desktop-left {
  position: relative;
  margin-right: 30px;
}

@media screen and (max-width: 650px) {
  .join_action_inner .join-desktop-left {
    margin-right: 0;
  }
}

.join_action_inner .join-desktop-right {
  position: relative;
}

.join_action_inner .action-disclaimer,
.join_action_inner .add-disc {
  color: black;
  margin-top: 30px;
}

.join_action_inner .premier-wrapper-new {
  background-color: var(--pet-black);
}

.join_action_inner .premier-wrapper-new .premier_turq h1 {
  color: black;
}

.causes_new.join .cause_stats_cont,
.causes_new.join .cause_stats_cont div {
  color: black !important;
}

.causes_new.join .cause_stats .tc {
  border-left: 2px solid black;
  border-top: 2px solid black;
}

.causes_new.join .cause_stats .tc:first-child {
  border-left: none;
}

.causes_new.join .causes_new_shareR {
  color: black;
  padding: 20px;
}

.causes_new.join .causes_new_shareR a.but1, 
.causes_new.join .causes_new_shareR a.but2,
.causes_new.join .causes_new_shareR .smsShareButton, 
.causes_new.join .causes_new_shareR .smsShareButton:hover {
  color: black;
  fill: black;
}

.causes_new.join .causes_new_shareR .clipboard-button {
  border: 1px solid white;
}

.causes_new.join .JoinPremeirHTML-Cont,
.join .JoinPremeirHTML-Cont {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.causes_new.join .JoinPremeirHTML-Cont .premierBadge,
.join .JoinPremeirHTML-Cont .premierBadge {
  background-image: url('../images/premier_gradient-logo-black.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.causes_new.join .JoinPremeirHTML-Cont .premierText,
.join .JoinPremeirHTML-Cont .premierText {
  color: black;
  text-align: center;
  padding: 20px 30px;
  font-weight: 700;
  font-size: 18px;
}

.causeActionType-join .join_button_docked {
  display: none !important;
}


/* mobile */
@media screen and (max-width: 649px) {
  .join_action_inner .blockTitle::before {
    width: 280px;
    height: 70px;
  }

  .join_action_inner .joinAction-title {
    padding: 0;
    margin-bottom: -15px;
  }

  .causeActionType-join .footer-new {
    margin-top: 30px;
  }
}

/* desktop */
@media screen and (min-width: 650px) {
  .join_action_inner .blockTitle {
    max-width: 600px;
    height: 100px;
  }

  .join_action_inner .blockTitle h3 {
    width: 0px;
  }

  .join_action_inner .blockTitle::before {
    width: 100%;
    background-position: left center;
    margin-left: 20px;
    height: 80px;
  }

  .body_join .action-has-experience .action_detail.has_experience .join_action_inner .action_join .action_descriptionX {
    width: 100%;
  }

  .join_action_inner #joinMailingListForm {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
  }

  .join_action_inner .join-desktop-left {
    width: 60%;
    max-width: 640px;
  }

  .join_action_inner .join-desktop-right {
    width: 40%;
    max-width: 520px;
  }

  .join_action_inner img {
    max-width: 400px;
    margin-top: 0;
  }

  .join_action_inner .action_descriptionX p {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .join_action_inner .action-total-count {
    padding-top: 0;
  }

  .join_action_inner .action-total-count p {
    display: inline;
    padding-left: 8px;
  }

  .causes_new.join .causes_logo_follow {
    margin-left: 20px;
  }

  .causes_new.join .JoinPremeirHTML-Cont,
  .join .JoinPremeirHTML-Cont {
    flex-direction: row;
    max-width: 600px;
    margin: 0 auto;
    align-items: center;
  }

  .causes_new.join .JoinPremeirHTML-Cont .premierBadge,
  .join .JoinPremeirHTML-Cont .premierBadge {
    width: 250px;
    margin: 0 auto;
  }

  .causes_new.join .causes_2020_col2,
  .join .causes_2020_col2 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
  }

  /* .causes_new.join .causes_2020_col2 .col3,
  .join .causes_2020_col2 .col3 {
    max-width: 500px;
    padding-left: 0;
  } */

}
/* end join */

/* join action (OLD) - keeping temporarily in case reverted */
/* .causeActionType-join #causesNewCon {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.causeActionType-join .causes_2020_col1 {
  margin-top: 0 !important;
  width: 100%;
  padding: 0;
}

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

.causeActionType-join .action_detail .action_cont .action_inner {
  padding: 0;
}

.causeActionType-join .blockTitle,
.causeActionType-join .action_title,
.causeActionType-join .squigly2 {
  display: none;
}

.causeActionType-join #joinMailingListForm {
  background-image: url('../images/join-paper-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  padding: 0;
}

.causeActionType-join .causesNew.left.col1,
.causeActionType-join .share-global-wrapper {
  display: none;
}

.causeActionType-join .acPremierBg {
  display: none;
}

.causeActionType-join .JoinPremeirHTML-Cont {
  width: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px 50px 20px;
  font-family: var(--prop-font);
  margin-bottom: 0;
  text-align: center;
  font-weight: 900;
}

.causeActionType-join .premierText {
  max-width: 400px;
  margin: 0 auto;
} */

/* top */
/* .join-top-sec {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding-top: 50px;
}

.join-top-sec .propeller-stamp {
  background-image: url('../images/join-propeller-stamp.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 300px;
  height: 100px;
  position: absolute;
  top: 40px;
  left: calc(50% - 465px);
}

.join-top-sec .joinCauseImage img {
  object-fit: contain;
  max-width: 300px;
  margin: 0 auto;
  background-color: transparent;
} */

/* title */
/* .joinAction-title {
  background-image: url('../images/join-paper-texture-black-repeat.jpg');
  background-repeat: repeat;
  background-position: center center;
  background-size: contain;
  color: white;
  font-size: 28px;
  margin: 50px auto;
  width: 85%;
  max-width: 550px;
  padding: 10px;
  text-align: center;
}

.causeActionType-join .action_description2 {
  background-image: url('../images/join-paper-texture-white-repeat.jpg');
  background-repeat: repeat;
  background-position: center center;
  background-size: contain;
  color: #111;
  text-align: center;
  padding: 20px 10px 10px 10px;
  max-width: 650px;
  margin: 50px auto;
  font-weight: 700;
}

.causeActionType-join .action_description2 p {

}

.joinInfoCont {
  position: relative;
}

.joinHeartStamp {
  background-image: url('../images/join-heart-stamp.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 110px;
  height: 110px;
  position: absolute;
  right: calc(50% - 384px);
  bottom: -96px;
} */

/* form */
/* .joinActionForm {
  max-width: 600px;
  margin: 0 auto;
}

.joinActionForm input {
  background-color: transparent !important;
  border: none !important;
  background-image: url('../images/join-underline.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.joinActionForm .input_handhold {
  display: none;
}

.causeActionType-join .joinButton {
  background-color: transparent;
  color: white !important;
  background-image: url('../images/join-button-container.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.causeActionType-join .joinButton:hover {
  background-color: transparent;
}

.causeActionType-join .joinButton .bold {
  font-family: var(--prop-font);
  font-size: 20px;
  color: white;
}

.causeActionType-join .joinActionDisclaimer {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 40px auto;
}

.causeActionType-join .join_button_docked {
  display: none;
}

.causeActionType-join ::selection {
  background-color: var(--prop-blue);
}

@media screen and (max-width: 650px) {
  .join-top-sec {
    padding-top: 0;
  }

  .join-top-sec .propeller-stamp {
    left: -5px;
    top: 20px;
  }

  .joinCauseImage {
    margin-top: 140px;
  }

  .joinAction-title {
    width: 90%;
    margin: 30px auto;
  }

  .causeActionType-join .action_description2 {
    width: 85%;
    margin: 30px auto;
    font-size: 18px;
  }

  .joinHeartStamp {
    width: 85px;
    bottom: -85px;
    right: 15px;
  }

  .joinActionForm {
    width: 90%;
    margin: 65px auto 40px auto;
  }

  .causeActionType-join .joinActionDisclaimer {
    width: 90%;
  }
} */

/* end join action */

/* watch action */
.causeActionType-watch,
.body_causes .watch_action_inner {
  background-color: #fbfbfb;
  height: 100%;
  overflow-x: hidden;
}

.causeActionType-watch .bg_white,
.body_causes .watch_action_inner .bg_white {
  background-color: #fbfbfb;
}

.causeActionType-watch .blockTitle,
.causeActionType-watch .action_title,
.causeActionType-watch .squigly2,
.body_causes .watch_action_inner .blockTitle,
.body_causes .watch_action_inner .action_title,
.body_causes .watch_action_inner .squigly2 {
  display: none;
}

.causeActionType-watch .action_detail .action_cont .action_inner {
  padding: 0;
}

.causeActionType-watch .causes_2020_col1 {
  width: 100%;
  margin: 0;
  margin-top: 0;
}

.causeActionType-watch #causesNewCon {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.causeActionType-watch .action_watch.actionCause.action-details-mini {
  margin-top: 0 !important;
}

.causeActionType-watch .causes_new .causes_2020_col1 {
  margin-top: 0 !important;
}

.causeActionType-watch .footer-new {
  margin-top: 0px;
}

.causeActionType-watch .cause-admin-section {
  margin-top: 50px;
}

.mobileOnly {
  display: block;
}

.desktopOnly {
  display: none;
}

@media screen and (min-width: 650px) {
  .mobileOnly {
    display: none;
  }

  .desktopOnly {
    display: block;
  }
}

/* header */
.watchActionHeader {
  margin-top: -16px;
}

.watchActionHeader-mobile {
  display: none;
}

.watchActionHeader-desktop {
  display: block;
}

/* info cont */
.watchActionContainer {
  /* width: 100%;
  background-image: url('../images/tvstatic-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 100px; */
}

@media screen and (max-width: 650px) {
  .watchActionContainer {
    /* background-image: url('../images/tvstatic-background-mobile.jpg'); */
  }
}

.watchActionInfoBg {
  display: flex;
  justify-items: center;
  align-items: start;
  width: 100%;
  height: auto;
  margin-top: -20px;
}

.watchAction-info-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: #fbfbfb;
  /* padding: 30px; */
  position: relative;
  color: black;
}

.watchActionVidBgCont {
  /* position: absolute;
  overflow: hidden;
  width: 110vw; 
  height: 1500px; */
}

.watchActionVidBgCont iframe {
  /* top: 50%;
  left: 40%;
  height: 100%; */
}

@media (min-aspect-ratio: 16/9) {
  .watchActionVidBgCont iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    /* height: 56.25vw; */
  }
}
@media (max-aspect-ratio: 16/9) {
  .watchActionVidBgCont iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    /* width: 177.78vh; */
  }
}

@media screen and (min-width: 951px) and (max-width: 1550px) {
  .watchActionInfoBg { 
    /* height: 1450px; */
  }

  .watchActionVidBgCont {
    /* width: 200vw !important; */
    /* height: 1500px; */
    /* margin-top: -40px; */
  }
  .causeActionType-watch .action_inner {

  }
}

@media screen and (min-width: 650px) and (max-width: 950px) {
  /* .watchActionInfoBg { 
    height: 1300px;
  }

  .watchActionVidBgCont {
    width: 280vw;
    height: 1350px;
  } */

  .causeActionType-watch .action_inner {
    /* overflow-x: hidden;
    overflow-y: auto;
    height: 1300px; */
  }
}

@media screen and (max-width: 649px) {
  .watchActionInfoBg { 
    /* height: 1000px; */
  }

  .watchActionVidBgCont {
    /* width: 105vw;
    height: 1050px; */
  }

  .causeActionType-watch .action_inner {
    /* overflow-x: hidden;
    overflow-y: auto;
    height: 1000px; */
  }

  .watchActionVidBgCont iframe {
    /* width: 455vw; */
    /* width: 100%; */
  }

  .watchActionPremier:has(.JoinPremeirHTML-Cont) {
    /* margin-top: 300px; */
  }
}

.causeActionType-watch .watchvideoGif {
  /* background-image: url('../images/tv-watchthisvideo.gif');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 310px;
  margin: 51px auto;
  position: relative; */
} 

@media screen and (max-width: 650px) {
  .causeActionType-watch .watchvideoGif {
    /* max-width: 80%;
    height: 250px; */
  }
}

.causeActionType-watch .watchAction-title {
  text-align: center;
  text-transform: uppercase;
  color: black;
  font-size: 35px;
  margin-bottom: 0;
}

.causeActionType-watch .watchActionContainer {
  margin: 30px auto;
  max-width: 800px;
}

.causeActionType-watch .watchActioninfo,
.body_events .watchActioninfo {
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.causeActionType-watch .watchActioninfo.mobileOnly,
.body_events .watchActioninfo.mobileOnly {
  margin-bottom: 0;
  padding: 20px 0 0 0;
}

.causeActionType-watch .divider {
  height: 2px;
  width: 100%;
  background-color: black;
}

.causeActionType-watch .watch_action_inner .action_descriptionX {
  background-color: transparent;
  color: black;
}

.causeActionType-watch .watch_action_inner .action_descriptionX p {
  color: black;
}

.causeActionType-watch .watch_action_inner .action_descriptionX a {
  color: var(--propeller-purple);
}

.watchActionPremier:has(.JoinPremeirHTML-Cont) {
  background-color: transparent;
  width: 100%;
  padding: 0 0 50px;
}

.causeActionType-watch .JoinPremeirHTML-Cont {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  margin: 40px auto 70px auto;
}

.causeActionType-watch .JoinPremeirHTML-Cont .premierBadge {
  width: 120px;
  height: 120px;
}

.causeActionType-watch .JoinPremeirHTML-Cont .premierText {
  max-width: 320px;
  text-align: center;
  font-weight: 700;
}

.causeActionType-watch .JoinPremeirHTML-Cont a {
  color: #F820B2;
}

.causeActionType-watch .JoinPremeirHTML-Cont span {
  color: black;
}

.causeActionType-watch .causesNew:has(.causes_logo_follow) {
  display: none;
}

.causeActionType-watch .share-global-wrapper {
  display: none;
}

.watchvidbg-mobile {
  display: none;
}

.watchvidbg-desktop {
  display: block;
}

/* mobile */
@media screen and (max-width: 650px) {
  .watchActionHeader-mobile {
    display: block;
  }
  
  .watchActionHeader-desktop {
    display: none;
  }

  .watchAction-info-content {
    /* padding: 20px; */
    width: 100%;
    margin: 0 auto;
  }

  .causeActionType-watch .watchAction-title {
    font-size: 25px;
  }

  .causeActionType-watch .watchActioninfo {
    font-size: 12px;
  }

  .watchvidbg-desktop {
    display: none;
  }

  .watchvidbg-mobile {
    /* display: none; */
    display: block;
  }

  .watchActionInfoBg {
    /* height: 760px; */
    /* overflow-x:hidden; */
  }
}

/* adjustments for cause pages */
.body_causes .watchActionInfoBg {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin-top: -10px;
  position: relative;
}

.body_causes .watchActionVidBgCont {
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.body_causes .action_detail .action_cont .watch_action_inner {
  padding: 0px;
}

@media screen and (max-width: 1000px) {
  .body_causes .watchvidbg-mobile {
    display: block;
  }

  .body_causes .watchvidbg-desktop {
    display: none;
  }
}

.body_events .watchActionInfoBg {
  display: block;
}

.body_events .body_watch .action-detail.event-cta2 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 11px;
}

.body_events .watchAction-info-content {
  padding: 20px;
}
/*  */

/* end watch action */


/* action code */
.body_causes.causeActionType-action-code .actionDetailsActionTitle,
.body_action-code .actionDetailsActionTitle {
  display: none;
}

.body_causes.causeActionType-action-code .causes_new {
  width: 100% !important;
  padding: 15px;
}

.body_causes.causeActionType-action-code .share-global-wrapper {
  display: none;
}

.body_causes.causeActionType-action-code .action-code-image,
.body_action-code .action-code-image {
  display: none;
}

.body_causes.causeActionType-action-code .action_detail .action_cont .action_inner,
.body_action-code .action_detail .action_cont .action_inner {
  padding: 0;
  width: 100%;
}

.body_causes.causeActionType-action-code .action_detail .action_cont .action_inner {
  margin-top: -140px;
}

.body_causes.causeActionType-action-code .action_detail.has_cause .action_cont ,
.body_action-code .action_detail.has_cause .action_cont {
  padding-right: 0;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.body_causes.causeActionType-action-code .action-details,
.body_action-code .action-details {
  width: 100%;
  max-width: 100%;
}

.body_causes.causeActionType-action-code .action_action-code,
.body_action-code .action_action-code {
  padding-top: 0;
  margin: 0;
  width: 100%;
}

.body_causes.causeActionType-action-code .action_detail .get_onboard ,
.body_action-code .action_detail .get_onboard {
  display: none;
}

.body_causes.causeActionType-action-code .footer-new,
.body_action-code .footer-new {
  margin-top: 30px;
}

.body_causes.causeActionType-action-code #joinMailingListFormX .action-code-right,
.body_action-code #joinMailingListFormX .action-code-right {
  width: 100%;
}

.body_causes.causeActionType-action-code #joinMailingListFormX .action-code-left,
.body_action-code #joinMailingListFormX .action-code-left {
  display: none;
}

/* background */
.actionCodeBgContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.actionCodeBg {
  background-image: url('../images/ac-background-desktop.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.actionCodeBg div {
  position: absolute;

}

.actionCodeBg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.burst1 {
  width: 230px;
  top: -90px;
  left: 130px;
  animation: acSpinLeft 18s linear infinite;
}

.burst2 {
  width: 140px;
  top: 30%;
  left: 23%;
  animation: acSpinRight 22s linear infinite;
}

.burst3 {
  width: 180px;
  top: 50%;
  right: 20%;
  animation: acSpinLeft 16s linear infinite;
}

.circle1 {
  width: 200px;
  top: 130px;
  right: -30px;
  animation: acZoom 4s linear alternate infinite;
}

.circle2 {
  width: 140px;
  top: 10px;
  left: 50%;
  animation: acZoom 6s 2s linear alternate infinite;
}

.circle3 {
  bottom: 30px;
  left: 50px;
  width: 120px;
  animation: ZoomSpinRight 10s linear alternate infinite;
}

.squiggle1 {
  top: 8px;
  right: 5%;
  width: 300px;
}

.squiggle2 {
  bottom: 25%;
  left: 100px;
  width: 250px;
}

.triangle1 {
  bottom: 0;
  right: 15px;
  width: 320px;
}

.triangle2 {
  left: -10px;
  width: 200px;
  top: 30%;
}

@keyframes acSpinRight {
  to {
    transform: rotate(360deg);
  }
}

@keyframes acSpinLeft {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes acZoom {
  to {
    transform: scale(0.5);
  }
}

@keyframes ZoomSpinRight {
  to {
    transform: scale(0.6) rotate(360deg);
  }
}

@media screen and (max-width: 650px) {
  .burst1 {
    width: 180px;
    top: -100px;
    left: 30px;
  }

  .burst2 {
    left: -20px;
  }

  .burst3 {
    right: -5px;
    width: 120px;
    top: 70%;
  }

  .circle1 {
    width: 140px;
  }

  .circle2 {
    width: 60px;
    right: 50%;
    top: 50%;
    left: unset;
  }

  .squiggle1 {
    width: 110px;
  }

  .squiggle2 {
    left: 5px;
    width: 200px;
  }

  .triangle1 {
    width: 190px;
    right: 0;
  }
  
  .triangle2 {
    width: 70px;
    top: 50%;
  }
}

/* content */
.actionCode-title {
  text-align: center;
  font-weight: 100;
  font-size: 35px;
  text-transform: capitalize;
}

.body_causes.causeActionType-action-code .action_description2x,
.body_action-code .action_description2x {
  text-align: center;
}

.actionCodeInfoCont {
  width: 85%;
  max-width: 500px;
  margin: 0 auto;
  height: auto;
  position: relative;
}

.actionCodeInfoContent {
  border: 1px solid black;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  padding: 20px;
  background-color: white;
}

.actionCodeInfoContBg {
  position: absolute;
  border: 1px solid black;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  top: 5px;
  left: -5px;
  background-color: var(--prop-pink);
  z-index: 1;
}

.actionCodeInfoArrow {
  display: block;
  right: 20px;
  bottom: -45px;
  position: absolute;
  z-index: 5;
  transform: translateY(0);
  animation: actionCodeArrowMove 0.8s alternate ease-in-out infinite;
}

.actionCodeInfoArrow img {
  width: 40px;
  height: auto;
  object-fit: contain;
}

@keyframes actionCodeArrowMove {
  to {
    transform: translateY(25px);
  }
}

.body_causes.causeActionType-action-code #joinMailingListFormX .action-code-right .actionCodeInputCont,
.body_action-code #joinMailingListFormX .action-code-right .actionCodeInputCont {
  margin: 40px auto;
}

.actionCodeInputCont {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}

input.action-code {
  border: 1px solid black;
  border-radius: 30px;
  position: relative;
  z-index: 2;
  padding: 20px;
  background-color: white;
  font-family: var(--prop-lores);
  font-size: 30px;
  margin-bottom: 0;
  text-align: center;
  font-weight: 900;
  height: 60px;
}

.actionCodeInputBg {
  position: absolute;
  border: 1px solid black;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  top: 5px;
  left: -5px;
  background-color: var(--prop-purple);
  z-index: 1;
}

/* button */
.body_causes.causeActionType-action-code .submitContainer,
.body_action-code .submitContainer {
  max-width: 250px;
  margin: 40px auto 0 auto;
  position: relative;
}

.body_causes.causeActionType-action-code .submit_button,
.body_action-code .submit_button {
  background-color: #111;
  background-image: none !important;
  border: 1px solid white !important;
  border-radius: 30px !important;
  color: white !important;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 6px;
}

.body_causes.causeActionType-action-code .submit_button:hover,
.body_action-code .submit_button:hover {
  background-color: var(--prop-pink);
}

.body_causes.causeActionType-action-code .submit_button .bold,
.body_action-code .submit_button .bold {
  color: white;
  font-family: var(--prop-font);
  font-size: 24px;
  font-weight: 900;
}

.acButtonCont {
  position: relative;
  width: 250px;
  margin: 0 auto;
}

.acButtonBg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  top: 5px;
  left: -5px;
  background-color: #111;
  z-index: 1;
}

.actionCodeMouseArrow {
  width: 22px;
  height: 30px;
  left: -45px;
  top: 10px;
  position: absolute;
  transform: translate(0, 0);
  animation: SubmitArrow 3.5s infinite ease-in-out;
}

.actionCodeMouseArrow img {
  object-fit: contain;
  width: 100%;
  height: auto;
}

@keyframes SubmitArrow {
  30% {
    transform: translate(-80px, 20px);
  }
  60% {
    transform: translate(-60px, -20px);
  }
  80% {
    transform: translate(-20px, 40px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

/* premier */
.actionCodePremier {
  position: relative;
  max-width: 500px;
  margin: 110px auto 0 auto;
}

.actionCodePremier .padT {
  padding-top: 0;
}

.body_causes.causeActionType-action-code .JoinPremeirHTML-Cont,
.body_action-code .JoinPremeirHTML-Cont {
  border: 1px solid black;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  padding: 20px;
  background-color: white;
  font-family: var(--prop-font);
  margin-bottom: 0;
  text-align: center;
  font-weight: 900;
  flex-direction: column;
}

.body_causes.causeActionType-action-code .acPremierBg,
.body_action-code .acPremierBg {
  position: absolute;
  border: 1px solid black;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  top: 5px;
  left: -5px;
  background-color: #DFFE06;
  z-index: 1;
}

.JoinPremeirHTML-Cont a {
  color: #FC2990;
}

/* end action code */


/* 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_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;

  width: 100%;
}

.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 .img_100 {
  padding: 0;
}

.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_experience .action_bar.one {
  background-color: white;
}

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

.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: 0 2.6rem 2rem 2.6rem;
    margin-top: -20px;
  }

  .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;
  }
}


/* Points Rewards, premier & unlocking */
.body_rewards.points-reward-restricted .action_rewards.action_details {
  padding-top: 255px;
}

.points-reward-premier-header,
.points-reward-unlock-header {
  position: fixed;
  top: 83px;
  left: 0;
  width: 100%;
  padding: 12px 20px;
  text-align: center;
  background-color: #fff;
}

.points-reward-premier-header h2,
.points-reward-unlock-header h2 {
  font-family: var(--propeller-title);
  text-transform: uppercase;
  color: var(--propeller-black);
  margin-bottom: 4px;
}

.points-reward-premier-header p,
.points-reward-unlock-header p {
  font-family: var(--propeller-text);
  color: var(--propeller-black);
  margin-bottom: 4px;
  font-size: 15px;
  max-width: 790px;
  margin: 0 auto;
}

/* points reward premier header img */
.points-reward-premier-header {
  padding: 0;
  z-index: 100;
}

.premierHeaderCont {
  background-image: url('../images/propeller-premier-headers-4200wide-04.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 255px;
  object-fit: contain;
  position: relative;
}

@media screen and (max-width: 650px) {
  .premierHeaderCont {
    background-image: url('../images/pointsrewards-premier-header-mobile.jpg');
    height: 255px;
  }
}

@media screen and (min-width: 1575px) {
  .premierHeaderCont {
    height: 16vw;
  }

  .body_rewards.points-reward-restricted .action_rewards.action_details {
    padding-top: 14vw;
  }
}

.points-reward-premier-header a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* unlock actions header */
.points-reward-unlock-header {
  background-image: url('../images/pointsrewards-premier-header-bg-4200-2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 255px;
  object-fit: contain;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.points-reward-unlock-header h2 {
  color: var(--propeller-yellow);
  max-width: 41vw;
  margin: 10px auto 10px;
  font-size: 35px;
  line-height: 35px;
}

.points-reward-unlock-header p {
  color: var(--propeller-white);
  max-width: 37vw;
  margin: 0 auto;
  font-family: 'Outfit';
  font-size: 17px;
}

.points-reward-unlock-header p a {
  color: var(--propeller-pink);
}

@media screen and (max-width: 800px) {
  .points-reward-unlock-header {
    top: 71px;
  }

  .points-reward-unlock-header h2 {
    max-width: 52vw;
    font-size: 22px;
    line-height: 22px;
  }

  .points-reward-unlock-header p {
    font-size: 15px;
    max-width: 60vw;
  }
}

@media screen and (max-width: 500px) {
  .points-reward-unlock-header {
    height: 300px;
  }

  .points-reward-unlock-header h2 {
    max-width: 90%;
  }

  .points-reward-unlock-header p {
    max-width: 90%;
  }
}


/* ticket rewards premier paywall restriction */
.show-for-points.points-reward-restricted .shop-body-details {
  display: block;
  position: relative;
  margin-top: 60px;
}

.show-for-points.points-reward-restricted .shop-body-details .reward-locked-grayout {
  display: block !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  height: 100%;
  z-index: 10;
  text-align: center;
  padding: 20px;
  background-color: rgba(0,0,0,0.3);
  border: 2px solid var(--propeller-pink);
}

.show-for-points.points-reward-restricted .shop-body-details .reward-locked-grayout a {
  color: var(--propeller-pink);
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 800;
  margin-top: -70px;
  display: block;
}

@media screen and (max-width: 650px) {
  .show-for-points.points-reward-restricted .shop-body-details {
    margin-top: 80px;
  }

  .show-for-points.points-reward-restricted .size_options {
    width: 90%;
  }

  .show-for-points.points-reward-restricted .shop-body-details .reward-locked-grayout a {
    font-size: 25px;
    line-height: 26px;
    margin-top: -84px;
  }
}


/* User Content Page */
/* https://propeller.la/user-content/22584/join-hrc-in-sending-brittney-griner-and-her-family-messages-of-love-and-support */
@import url("https://use.typekit.net/jax5usi.css");
@import url("https://p.typekit.net/p.css?s=1&k=jax5usi&ht=tk&f=39496.39500&a=11900443&app=typekit&e=css");
@font-face {
font-family:"neue-haas-grotesk-display-pro Roman";
src:url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}
@font-face {
font-family:"neue-haas-grotesk-display-pro Bold";
src:url("https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

/* .body_causes.causeActionType-user-content class for cause related UGC */

.body_user-content,
.body_causes.causeActionType-user-content {
  --uc-black: #111111;

  --uc-bold: "neue-haas-grotesk-display-pro Bold";
  --uc-roman: "neue-haas-grotesk-display-pro Roman";

  background-color: #fbfbfb;
  color: black;
}

.body_user-content .action.complete .complete_notice .card-body {
  margin: 85px auto 10px;
  font-family: var(--propeller-text);
  color: var(--propeller-pink);
}

.body_user-content .action.complete .complete_notice .card-body p,
.body_user-content .action.complete .complete_notice .card-body h2 {
  color: var(--propeller-pink);
  text-transform: uppercase;
}

.body_user-content .action_cause,
.body_causes.causeActionType-user-content .action_cause {
  display: none;
}

.body_user-content .action-details,
.body_causes.causeActionType-user-content .action-details {
  width: 100%;
  max-width: 100%;
}

.body_causes.causeActionType-user-content .wGutter.left.two, 
.body_causes.causeActionType-user-content .wGutter.right.two {
  padding: 0;
}

.body_causes.causeActionType-user-content .causes_new,
.body_causes.causeActionType-user-content .causes_new .causes_2020_col1 {
  width: 100%;
  max-width: 100%;
  /* background: var(--uc-black); */
  margin-top: 0;
}

.body_causes.causeActionType-user-content .blockTitle {
  display: none;
}

.body_causes.causeActionType-user-content .actionTitle .squigly2 {
  height: 0;
  margin-bottom: 0;
}

.body_causes.causeActionType-user-content .action.bg_white {
  /* background: var(--uc-black); */
}

.body_user-content .action-wrap-cont,
.body_causes.causeActionType-user-content .action-wrap-cont {
  margin-top: -80px;
}

@media screen and (max-width: 650px) {
  .body_user-content .action-wrap-cont,
  .body_causes.causeActionType-user-content .action-wrap-cont {
  margin-top: -40px;
}
}

.body_user-content .action_detail.has_cause .action_cont,
.body_causes.causeActionType-user-content .action_detail.has_cause .action_cont {
  width: 100%;
  padding-right: 0;
}

.body_user-content .action_detail .action_cont .action_inner,
.body_causes.causeActionType-user-content .action_detail .action_cont .action_inner {
  padding: 0;
}

.body_user-content .actionDetailsActionTitle,
.body_causes.causeActionType-user-content .actionDetailsMiniActionTitle {
  display: none;
}

.body_user-content .uc-top-cont,
.body_causes.causeActionType-user-content .uc-top-cont {
  display: flex;
  flex-direction: row;
  justify-content: start;
  border-bottom: 2px solid var(--propeller-black);
}

.body_user-content .uc-top-cont .img_100,
.body_causes.causeActionType-user-content .uc-top-cont .img_100{
  width: 40%;
  padding-bottom: 0;
  padding-top: 0;
  max-width: 450px;
  margin-right: auto;
  margin: 0;
}

.body_user-content .img_100 img,
.body_causes.causeActionType-user-content .img_100 img {
  margin-right: auto;
}

.body_user-content .uc-top-cont .uc-title-cont,
.body_causes.causeActionType-user-content .uc-top-cont .uc-title-cont {
  width: 60%; 
  /* background-color: var(--uc-black); */
  padding: 30px;
  padding-left: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 850px;
}

.body_user-content .uc-top-cont .uc-title-cont h2,
.body_causes.causeActionType-user-content .uc-top-cont .uc-title-cont h2 {
  color: var(--propeller-black);
  font-family: var(--propeller-title);
  font-weight: 600;
  font-size: 40px;
  text-transform: uppercase;
}

.body_user-content .action_descriptionX,
.body_causes.causeActionType-user-content .action_descriptionX {
  /* background: linear-gradient(to right, #b0e5e4, #bce2eb, #cacce6, #e9beda); */
  padding: 40px;
  color: var(--propeller-black);
}

.body_user-content .action_descriptionX p,
.body_user-content .action_descriptionX h2,
.body_causes.causeActionType-user-content .action_descriptionX p,
.body_causes.causeActionType-user-content .action_descriptionX h2{
  max-width: 850px;
  margin: 0 auto;
  padding: 10px 0;
  color: black;
}

.body_user-content .uc-form-top-cont,
.body_causes.causeActionType-user-content .uc-form-top-cont {
  width: 94%;
  margin: 0 auto;
  max-width: 850px;
  display: flex;
  justify-content: center;
}

.body_user-content .uc-form-top-left,
.body_causes.causeActionType-user-content .uc-form-top-left {
  width: 20%;
  display: none;
}

.body_user-content .video-icon,
.body_causes.causeActionType-user-content .video-icon {
  background-image: url('../images/uc-video-icon.gif');
  width: 200px;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -10px;
}

.body_user-content .uc-form-top-right,
.body_causes.causeActionType-user-content .uc-form-top-right {
  width: 80%;
  text-align: center;
}

.body_user-content .uc-form-top-right h2,
.body_causes.causeActionType-user-content .uc-form-top-right h2 {
  font-size: 20px;
  max-width: 660px;
}

.body_user-content .uc-form-cont,
.body_causes.causeActionType-user-content .uc-form-cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  max-width: 850px;
  margin: 0 auto;
}

.body_user-content .uc-form-left,
.body_causes.causeActionType-user-content .uc-form-left,
.uc-form-left {
  max-width: 425px;
  width: 100%;
  margin: 0 10px;
  height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.body_user-content .uc-form-right,
.body_causes.causeActionType-user-content .uc-form-right,
.uc-form-right {
  max-width: 425px;
  margin: 0 10px;
  width: 100%;
}

.body_user-content .uc-form-right-col,
.body_causes.causeActionType-user-content .uc-form-right-col,
.uc-form-right-col {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.body_user-content .uc-form-right-col h3,
.event-newStyle-mode.body_events .uc-form-right-col h3,
.body_events.body_user-content .uc-form-right-col h3,
.body_causes.causeActionType-user-content .uc-form-right-col h3,
.uc-form-right-col h3 {
  font-family: var(--propeller-title);
  font-size: 35px;
  line-height: 1;
  margin-bottom: 0;
  padding: 0 0 25px;
  color: var(--propeller-black);
}

.body_user-content .uc-sparkles,
.body_causes.causeActionType-user-content .uc-sparkles,
.uc-sparkles {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 50px;
  display: none;
}

.body_user-content .uc-sparkles.sparklesLeft,
.body_causes.causeActionType-user-content .uc-sparkles.sparklesLeft,
.uc-sparkles.sparklesLeft {
  background-image: url('../images/uc-sparkles-left.gif');
}

.body_user-content .uc-sparkles.sparklesRight,
.body_causes.causeActionType-user-content .uc-sparkles.sparklesRight,
.uc-sparkles.sparklesRight {
  background-image: url('../images/uc-sparkles-right.gif');
}

.body_user-content .action-form-field,
.body_causes.causeActionType-user-content .action-form-field {
  background: var(--propeller-purple);
  border-radius: 30px;
  padding: 2px;
  margin-bottom: 10px;
}

.body_user-content .action_petition #signPetitionForm input,
.body_causes.causeActionType-user-content .action_petition #signPetitionForm input {
  color: var(--propeller-black);
  border: none;
  background-color: #fbfbfb;
  height: 50px;
  opacity: 1 !important;
}

.body_user-content form .user-comment-label,
.body_causes.causeActionType-user-content form .user-comment-label {
  display: none;
}

.body_user-content form .uc-fbg,
.body_causes.causeActionType-user-content form .uc-fbg {
  background-color: var(--propeller-purple);
  border-radius: 21px;
  padding: 2px;
  margin-bottom: 10px;
}

.body_user-content form .text-area::placeholder,
.body_causes.causeActionType-user-content form .text-area::placeholder {
  color: #999999;
  display: block;
  font-size: 16px;
}

.body_user-content form .text-area,
.body_causes.causeActionType-user-content form .text-area {
  background-color: #fbfbfb;
  margin-bottom: 0;
  height: 200px;
  border-radius: 20px;
  color: var(--propeller-black);
  font-size: 16px;
  padding: 10px;
}

.body_user-content form .field-required,
.body_causes.causeActionType-user-content form .field-required {
  /* color: #e9beda !important; */
  color: var(--propelller-pink) !important;
  margin-left: 10px;
  margin-top: 0 !important;
}

.body_user-content form .upload-image,
.body_causes.causeActionType-user-content form .upload-image {
  display: none;
}

.body_user-content form .genForm,
.body_causes.causeActionType-user-content form .genForm {
  padding-top: 0;
}

.body_user-content form .upload-cloudflare-describe,
.body_causes.causeActionType-user-content form .upload-cloudflare-describe {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-size: 14px;
  text-align: left;
  width: 100%;
}

.body_user-content form .upload-cloudflare-describe p,
.body_causes.causeActionType-user-content form .upload-cloudflare-describe p {
  margin-bottom: 5px;
}

.body_user-content form .userPicBg,
.body_causes.causeActionType-user-content form .userPicBg {
  background: var(--propeller-purple);
  border-radius: 10px;
  padding: 2px;
  width: 100%;
}

.body_user-content #signPetitionForm input.userPicField,
.body_causes.causeActionType-user-content #signPetitionForm input.userPicField {
  background-color: #fbfbfb !important;
  border-radius: 10px;
  padding-top: 8px;
  height: 50px;
}

.body_user-content #signPetitionForm #uploadImageWrapper,
.body_causes.causeActionType-user-content #signPetitionForm #uploadImageWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.body_user-content #signPetitionForm input::file-selector-button,
.body_causes.causeActionType-user-content #signPetitionForm input::file-selector-button {
  text-transform: uppercase;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 800;
  background-color: #d6d6d6;
  padding: 5px;
  cursor: pointer;
  color: black !important;
}

.body_user-content #signPetitionForm .submitButton,
.body_causes.causeActionType-user-content #signPetitionForm .submitButton {
  margin-top: 20px;
  background: transparent;
  background-image: none;
}

.body_user-content .update_profile_box,
.body_causes.causeActionType-user-content .update_profile_box {
  justify-content: start;
  align-items: center;
}

.body_user-content .update_profile_box #update_profile,
.body_causes.causeActionType-user-content .update_profile_box #update_profile {
  height: 15px !important;
  width: 15px;
  border: none !important;
}

.body_user-content .update_profile_box span,
.body_causes.causeActionType-user-content .update_profile_box span {
  color: var(--propeller-pink);
  padding-left: 10px;
}

.body_user-content .action-form-disclaimer,
.body_causes.causeActionType-user-content .action-form-disclaimer {
  max-width: 650px;
  margin: 0 auto;
  font-size: 15px;
}

.body_causes.causeActionType-user-content .action-form-disclaimer a,
.body_causes.causeActionType-user-content .txt_blue1,
.body_user-content .action-form-disclaimer a {
  color: #3BA4C9;
  text-decoration: underline;
}

.body_causes.causeActionType-user-content .cause_stat .txt_blue1 {
  color: var(--propeller-black);
  text-decoration: none;
}

.body_causes.causeActionType-user-content .causes_new_shareR a.but1, 
.body_causes.causeActionType-user-content .causes_new_shareR a.but2,
.body_causes.causeActionType-user-content .causes_new_shareR .smsShareButton, 
.body_causes.causeActionType-user-content .causes_new_shareR .smsShareButton:hover {
  color: white;
  fill: white;
}

.body_user-content .uc-fbg:has(.validateError) {
  background-image: none;
  background-color: var(--primary);
}

.body_user-content .validateError {
  border-color: var(--primary) !important;
}

.body_user-content .dash-btn {
  cursor: pointer;
}

.body_user-content .dash-btn:hover {
  background: linear-gradient(120deg, #f820b2, #fd4d0f);
  pointer-events: all;
  transform: scale(1.01);
}

#valErrorMessage {
  width: 100%;
  padding: 10px;
  border: 1px solid red;
  margin: 10px;
  text-align: center;
  font-weight: 700;
  max-width: 400px;
}

/* mobile */
@media screen and (max-width: 650px) {
  .body_user-content .uc-top-cont,
  .body_causes.causeActionType-user-content .uc-top-cont {
    flex-direction: column;
  }

  .body_user-content .uc-top-cont .img_100,
  .body_causes.causeActionType-user-content .uc-top-cont .img_100 {
    width: 100%;
    max-width: 100%;
  }

  .body_user-content .img_100 img,
  .body_causes.causeActionType-user-content .img_100 img {
    width: 100%;
  }

  .body_user-content .uc-top-cont .uc-title-cont,
  .body_causes.causeActionType-user-content .uc-top-cont .uc-title-cont {
    width: 100%; 
    padding: 30px;
    padding-left: 30px;
  }

  .body_user-content .uc-top-cont .uc-title-cont h2,
  .body_causes.causeActionType-user-content .uc-top-cont .uc-title-cont h2 {
    font-size: 32px;
  }

  .body_user-content .uc-form-top-cont,
  .body_causes.causeActionType-user-content .uc-form-top-cont {
    flex-direction: column;
    margin-bottom: 30px;
    width: 100%;
  }

  .body_user-content .uc-form-top-left,
  .body_causes.causeActionType-user-content .uc-form-top-left {
    width: 100%;
  }

  .body_user-content .uc-form-top-right,
  .body_causes.causeActionType-user-content .uc-form-top-right {
    width: 100%;
  }

  .body_user-content .video-icon,
  .body_causes.causeActionType-user-content .video-icon {
    margin: 0 auto;
  }

  .body_user-content .uc-form-top-right h2,
  .body_causes.causeActionType-user-content .uc-form-top-right h2 {
    text-align: left;
    padding-bottom: 25px;
  }

  .body_user-content .uc-form-right-col h3,
  .body_causes.causeActionType-user-content .uc-form-right-col h3 {
    font-size: 30px;
  }

  .body_user-content .uc-form-cont,
  .body_causes.causeActionType-user-content .uc-form-cont {
    flex-direction: column;
  }

  .body_user-content .uc-form-left,
  .body_user-content .uc-form-right,
  .body_causes.causeActionType-user-content .uc-form-left,
  .body_causes.causeActionType-user-content .uc-form-right {
    max-width: 100%;
    width: 100%;
  }

  .body_user-content .uc-form-right,
  .body_causes.causeActionType-user-content .uc-form-right {
    padding-top: 20px;
  }

}

.body_user-content .get_onboard {
  padding: 20px;
}

.amoe-user-upload .dash-btn {
  width: 200px;
  font-family: var(--propeller-title);
  font-weight: 100;
  font-size: 18px;
  line-height: 1;
  background: var(--propeller-black);
  color: var(--propeller-white);
  margin: 20px auto 20px auto;
  padding: 10px 20px;
  height: auto;
  transition: 0.2s ease;
}

.amoe-user-upload .dash-btn .bold {
  font-family: var(--propeller-title);
  font-weight: 700;
  text-transform: uppercase;
}

.amoe-user-upload .dash-btn:hover {
  background-image: none;
  background: var(--propeller-black);
  transform: scale(1.01);
}

/* end user content page */


/* experience related actions */

.action_detail .action_experience {
  display: none;
}

.action_detail.has_experience .action_experience {
  /* display: block; */
  display: none;
}

.action_detail.has_experience .action_cont.action-details {
  width: 100%;
}

.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-exp-wrapper .action-has-experience {
  width: 100%;
}

.action-exp-wrapper .action-wrap-cont {
  background-color: black;
  width: 100%;
  padding-bottom: 15px;
}

.action-has-experience .action_detail.has_experience .action-details {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.action-has-experience .action_detail.has_experience .action_cont .action_inner {
  width: 92%;
  margin: 0 auto;
  background-color: white;
}

.action-has-experience .action_detail.has_experience .txt_small_gry {
  font-size: 16px;
  font-weight: 900;
  padding: 0px 0px 20px 0;
  color: black;
  width: 92%;
  margin: 0 auto;
}

.action-has-experience .action_detail.has_experience .txt_title_black.action-details-experience {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 0;
  width: 92%;
  margin: 0 auto;
}

.action_petition .action-has-experience .action_detail.has_experience .txt_title_black.action-details-experience,
.action_petition .action-has-experience .action_detail.has_experience .txt_small_gry {
  color: var(--propeller-black);
}

.action-has-experience .action_detail.has_experience .action_inner .blockTitle {
  color: black;
  background-color: #FFEA37;
}

.action-has-experience .action_detail.has_experience .petition_action_inner .blockTitle {
  width: 250px;
}

.action-has-experience .action_detail.has_experience .action_inner .blockTitle h3 {
  font-family: 'Lores Narrow Bold';
}

.action-has-experience .action_detail.has_experience .petition_action_inner .signPetitionButton,
.action-has-experience .action_detail.has_experience .action_inner .submit_button {
  /* background-color: black;
  font-family: 'Lores Narrow Bold';
  color: #FFea37; */
}

.action-has-experience .action_detail.has_experience .petition_action_inner .signPetitionButton div,
.action-has-experience .action_detail.has_experience .action_inner .submit_button div {
  /* font-family: 'Lores Narrow Bold';
  color: #FFea37; */
}

.action-has-experience .action_detail.has_experience .petition_action_inner .signPetitionButton:hover,
.action-has-experience .action_detail.has_experience .action_inner .submit_button:hover {
  /* background-color: #FFEA37;
  color: black; */
}

.action-has-experience .action_detail.has_experience .petition_action_inner .signPetitionButton:hover div,
.action-has-experience .action_detail.has_experience .action_inner .submit_button:hover div {
  /* color: black; */
}

.action-has-experience .action_detail.has_experience .action_inner #donate_prefix {
  background-color: white !important;
  border: 1px solid black;
  color: black;
}

.action-has-experience .action_detail.has_experience .action_inner .amount_dollar {
  background-color: white !important;
  color: black;
}

.action-has-experience .action_detail.has_experience .action_inner .amount_readout {
  background-color: #ffea37;
  color: black;
  font-family: 'Lores Narrow Bold';
}

.action-has-experience .action_detail.has_experience .action_inner .paymentMethodCause {
  display: flex;
  flex-direction: row;
}

.action-has-experience .action_detail.has_experience .action_inner .paymentMethodCause #updateMyPaymentMethod {
  width: 10%;
  height: 20px;
}

.action-has-experience .action_detail.has_experience .action_inner .join_button {
  display: none;
}

@media screen and (min-width: 650px) {
  .action-has-experience .action_detail.has_experience .petition_action_inner .action_petition {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .action-has-experience .action_detail.has_experience .petition_action_inner .action_petition .img_100 {
    width: 50%;
  }

  .action-has-experience .action_detail.has_experience .petition_action_inner .action_petition .action_descriptionX {
    width: 50%;
  }

  .action-has-experience .action_detail.has_experience .petition_action_inner .action_petition .action_formX {
    width: 100%;
  }
}

@media screen and (max-width: 649px) {
  .action-has-experience .action_detail.has_experience .action_inner .JoinPremeirHTML-Cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .action-has-experience .action_detail.has_experience .action_inner .JoinPremeirHTML-Cont .premierBadge {
    width: 30%;
  }

  .action-has-experience .action_detail.has_experience .action_inner .JoinPremeirHTML-Cont .premierText {
    width:65%;
  }

}

/*!---------------------*/
/*!  Survey Action    */
/*!---------------------*/
/* https://design.propeller.la/survey/22597/propeller-welcome-survey */
.causes_new.survey {
  margin-top: -50px;
  margin-bottom: 50px;
  padding-top: 0px;
  width: 100%;
  max-width: 100%;
  background-color: #111;
  color: white;
}

.causes_new.survey #survey {
  max-width: 900px;
  margin: 0 auto;
}

.causes_new.survey .causes_2020_col1 {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 15px !important;
}

.causes_new.survey .squigly2 {
  display: none;
}

.causes_new.survey .causes_logo_follow,
.causes_new.survey .cause_stats_cont,
.causes_new.survey .causes_new_shareR,
.causes_new.survey .action_detail.complete .causes_pink_share {
  display: none;
}

.causes_new.survey .causes_2020_col1 .action_inner {
  padding: 0;
}

.causes_new.survey .causes_2020_col1 .action_inner,
.causes_new.survey .bg_white {
  background-color: transparent;
}

.causes_new.survey .actionDetailsMiniActionTitle {
  display: none;
}

/* success page after complete */
.causes_new.survey .action.complete .complete_notice {
  background-color: #111;
  padding: 50px 20px;
}

.causes_new.survey .action_detail.complete .card-body {
  max-width: 850px;
  margin: 0 auto;
  background-color: #111;
  color: white;
  text-align: center;
  font-weight: 100;
}

.causes_new.survey .action_detail.complete .card-body h2 {
  font-weight: 100;
  font-size: 35px;
}

@media screen and (max-width: 649px) {
  .causes_new.survey .action_detail.complete .card-body h2 {
    font-weight: 100;
    font-size: 30px;
  }
}

.causes_new.survey .action_detail.complete .card-body p {
  font-size: 20px;
}

.causes_new.survey .action_detail.complete .card-body a {
  color: #7cd3d2;
}

.causes_new.survey .action-back2 {
  margin: -60px auto 0 auto;
  border: none;
  border-radius: 40px;
  font-size: 20px;
  color: #111;
  transition: transform 0.5s;
}

.causes_new.survey .action-back2:hover {
  transform: scale(1.05);

}

/* success page edits hw2023 */

.causes_2020_col1 .col2:has(.action-success-message) {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.action.complete .complete_notice {
  margin-top: -25px;
}

.action-success-header-mobile {
  display: block;
}

.action-success-header-desktop {
  display: none;
}

@media screen and (min-width: 650px) {
  .action-success-header-mobile {
    display: none;
  }
  
  .action-success-header-desktop {
    display: block;
  }
}

.action.complete .complete_notice .card-body {
  max-width: 620px;
  margin: 0 auto;
}

.action.complete .complete_notice .card-body h2 {
  color: var(--propeller-black);
  font-family: var(--propeller-title);
  font-size: 30px;
  text-align: center;
}

.action.complete .complete_notice .card-body p {
  color: var(--propeller-black);
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  padding: 20px;
}

.action.complete .complete_notice .card-body li {
  color: var(--propeller-black);
  font-size: 14px;
  padding: 8px;
}

.action.complete:has(.action-success-message) .causes_pink_share {
  background-color: var(--propeller-white);
  /* text-align: center;
  background-color: var(--propeller-white);
  color: var(--propeller-black);
  border: 2px solid var(--propeller-pink);
  max-width: 620px;
  margin: 0 auto;
  border-radius: 8px; */
}

.action.complete:has(.action-success-message) .causes_pink_share a, 
.action.complete:has(.action-success-message) .complete_notice .causes_pink_share .txt_grey1, 
.action.complete:has(.action-success-message) .complete_notice .causes_pink_share .txt_blue1, 
.action.complete:has(.action-success-message) .complete_notice .causes_pink_share .button,
.action.complete:has(.action-success-message) .txt_grey1 {
  color: black;
}

.action.complete:has(.action-success-message) h5 {
  margin: 20px 0 30px 0;
}

.action.complete:has(.action-success-message) .txt_30:has(.share-global) {
  margin-bottom: 20px;
}

.action.complete:has(.action-success-message) .icon-text svg {
  fill: black;
}

.action.complete:has(.action-success-message) .causes_pink_share .clipboard-button {
  background: black;
  border-radius: 20px;
  font-family: var(--propeller-title);
  text-transform: uppercase;
  color: var(--propeller-white);
  font-size: 16px;
  margin: 30px auto;
}

.action.complete:has(.action-success-message) input {
  max-width: 400px;
  margin: 0 auto;
  font-weight: 600;
}
/**
* JB undid because it interferes with multi participation actions
*/


.action.complete ~ .action_inner {
  /* display: none; */
}

/*  */

/*  */

/* survey title cont */
.causes_new.survey .survey-title-cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 500px;
  margin: 0 auto;
}

.causes_new.survey .survey-title-cont .surveyarrow {
  background-image: url('../images/sur-arrows.gif');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 35px;
  margin: 0 auto;
}

.causes_new.survey .surveyTitleDescCont {
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  -webkit-background-clip: text;
  -webkit-box-decoration-break: clone; 
  -webkit-text-fill-color: transparent;
  color: transparent;
  padding: 20px;
  font-family: 'Neue Haas Grotesk Display Pro Bold';
  font-weight: 900;
  font-size: 35px;
  text-align: center;
  width: auto;
}
/*  */

.causes_new.survey .action_description {
  padding-bottom: 10px;
}

.causes_new.survey .action_description p {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: black;
}

.causes_new.survey .action_form {
  width: 92%;
  margin: 0 auto;
}

.causes_new.survey .survey-question-container {
  padding-bottom: 0;
}

.causes_new.survey .disableSurvey {
  opacity: 0.6;
  pointer-events: none;
}

.causes_new.survey .surveyTimer {
  text-align: center;
  padding: 20px;
  border: 2px solid var(--propeller-pink);
  display: none;
  width: auto;
  margin: 20px auto;
  color: var(--propeller-pink);
}

.causes_new.survey .survey-question-radio-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.causes_new.survey .survey-question-radio-wrapper .survey-radio-button-label {
  margin-bottom: 27px;
}

.causes_new.survey .action-survey-question-label {
  font-weight: 600;
  font-size: 22px;
  line-height: 25px;
  padding-bottom: 10px;
}

.causes_new.survey .formLabel,
.causes_new.survey label {
  font-weight: 500;
  font-size: 22px;
  line-height: 25px;
}

.causes_new.survey .action-survey-question-field .form-control {
  font-size: 14px;
}

.causes_new.survey .field-show-single:has(input) {
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  padding: 2px;
  border-radius: 30px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.causes_new.survey .field-show-single input {
  border-radius: 30px;
  background: #111;
  padding: 0px 10px 0 10px;
  margin-bottom: 2px;
  text-indent: 3px;
  color: white;
}

/* select */
.causes_new.survey .field-show-single:has(.form-control-dropdown) {
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  padding: 2px;
  border-radius: 30px;
  margin-bottom: 20px;
  padding-bottom: 0;
  height: 42px;
  margin-top: 10px;
  position: relative;
}

.causes_new.survey .field-show-single .form-control-dropdown {
  border-radius: 30px;
  background: #111;
  padding: 0px 10px 0 10px;
  margin-bottom: 2px;
  text-indent: 3px;
  color: white;
  height: 38px;
  font-size: 1.6rem;
}

.causes_new.survey select {
  border: 0;
  vertical-align: middle;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  padding-left: 5px;
}

.causes_new.survey .field-show-single:has(.form-control-dropdown)::after {
  content: '';
  background-image: url('../images/carrot-down-white.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 30px;
  display: block;
  padding-right: 2px;
  position: absolute;
  right: 15px;
  top: 7px;
  pointer-events: none;
}
/*  */

/* checkboxes */
.causes_new.survey .survey-question-container .field-show-checkboxes {
  width: 100%;
  padding-left: 15px;
}

.causes_new.survey .field-show-single:has(.field-show-checkboxes) {
  background: none;
}

.causes_new.survey .survey-question-container .field-show-checkboxes .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  margin: 20px 0px;
}

.causes_new.survey .survey-question-container .field-show-checkboxes .row .col-1 {
  width: 40px;
  flex: unset;
  max-width: unset;
  padding-left: 0;
}

.causes_new.survey .survey-question-container .field-show-checkboxes .row .col-1 .form-check-input-bool {
  margin-bottom: 0;
  box-shadow: none;
}

.causes_new.survey .survey-question-container .field-show-checkboxes .row .col-11 {
  width: 80%;
  flex: unset;
  max-width: unset;
  padding-bottom: 5px;
  padding-left: 10px;
}


.causes_new.survey input[type=checkbox] {
  display: none;
}

.causes_new.survey input[type=checkbox]:checked {
  background-color: #111;
}

.causes_new.survey input[type=checkbox]:checked::before {
  background-image: url('../images/sur-checkmark.png');
  background-size: 80% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.causes_new.survey input[type=checkbox] {
  z-index: 3;
  cursor: pointer;
  padding-left: 33px;
  display: block;
  position: relative;
  height: 29px;
  line-height: 1.7em;
}

.causes_new.survey input[type=checkbox]::after {
  z-index: 1;
  top: -1px;
  left: 0px;
  width: 30px;
  height: 30px;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  display: block;
  content: "";
  position: absolute;
  border-radius: 4px;
}

.causes_new.survey input[type=checkbox]::before {
  z-index: 2;
  top: 0px;
  left: 1px;
  width: 28px;
  height: 28px;
  background: #111;
  display: block;
  content: "";
  position: absolute;
  border-radius: 3px;
}

/*  */

/* radio */
.action-survey-question-field input[type=radio]:checked::before {
  background-image: url('../images/sur-checkmark.png');
  background-size: 80% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.action-survey-question-field {
  padding-top: 10px;
}

.action-survey-question-field label {
  margin-bottom: 20px;
  width: calc(100% - 35px);
}

.action-survey-question-field input[type=radio] {
  z-index: 3;
  cursor: pointer;
  padding-left: 33px;
  display: block;
  position: relative;
  height: 29px;
  line-height: 1.7em;
  margin-bottom: 30px;
  width: 28px;
}

.action-survey-question-field input[type=radio]::after {
  z-index: 1;
  top: -1px;
  left: 0px;
  width: 30px;
  height: 30px;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  display: block;
  content: "";
  position: absolute;
  border-radius: 4px;
}

.action-survey-question-field input[type=radio]::before {
  z-index: 2;
  top: 0px;
  left: 1px;
  width: 28px;
  height: 28px;
  background: #111;
  display: block;
  content: "";
  position: absolute;
  border-radius: 3px;
}

.survey-radio-button-label {
  padding-left: 10px;
}
/*  */

/* textarea */
.causes_new.survey .field-textarea {
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  padding: 1px;
  border-radius: 10px;
}

.causes_new.survey .form-control.text-area {
  background: #111;
  border: none;
  border-radius: 10px;
  color: white;
  height: 100px;
}
/*  */

/* submit button */
.causes_new.survey .submit_button {
  width: 280px;
  margin: 0 auto;
  border-radius: 40px;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  margin-left: calc(50% - 140px);
}

.causes_new.survey .submit_button h5 {
  color: #111;
  font-family: 'Lores 9 Plus Wide Regular';
  font-size: 30px;
  font-weight: 100;
  line-height:1;
}
/*  */

/* hw todo - organize this */
.causes_new.survey .survey-question-container[data-question-id="4"] .action-survey-question-field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 15px;
}

.causes_new.survey .survey-question-container[data-question-id="4"] .action-survey-question-field input {
  width: 20px;
  box-shadow: none;
  margin-right: 15px;
}

.causes_new.survey .survey-question-container[data-question-id="5"] {
  padding-top: 15px;
}

.causes_new.survey .survey-question-container[data-question-id="5"],
.causes_new.survey .survey-question-container[data-question-id="9"],
.causes_new.survey .survey-question-container[data-question-id="11"] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding-left: 25px;
}

.causes_new.survey .survey-question-container[data-question-id="11"] {
  padding-bottom: 10px;
}

.causes_new.survey .survey-question-container[data-question-id="5"] .form-check,
.causes_new.survey .survey-question-container[data-question-id="9"] .form-check,
.causes_new.survey .survey-question-container[data-question-id="11"] .form-check {
    padding-left: 0;
}

.causes_new.survey .survey-question-container[data-question-id="5"] input,
.causes_new.survey .survey-question-container[data-question-id="9"] input,
.causes_new.survey .survey-question-container[data-question-id="11"] input {
  box-shadow: none;
  width: 25px;
  min-width: 25px;
}

.causes_new.survey .survey-question-container[data-question-id="5"] .action-survey-question-label,
.causes_new.survey .survey-question-container[data-question-id="9"] .action-survey-question-label,
.causes_new.survey .survey-question-container[data-question-id="11"] .action-survey-question-label {
  width: 100%;
  order: 2;
}

.causes_new.survey .survey-question-container[data-question-id="5"] .action-survey-question-field,
.causes_new.survey .survey-question-container[data-question-id="9"] .action-survey-question-field,
.causes_new.survey .survey-question-container[data-question-id="11"] .action-survey-question-field {
  order: 1;
}

.causes_new.survey .survey-question-container[data-question-id="5"] .col-2,
.causes_new.survey .survey-question-container[data-question-id="5"] .col-10,
.causes_new.survey .survey-question-container[data-question-id="9"] .col-2,
.causes_new.survey .survey-question-container[data-question-id="9"] .col-10,
.causes_new.survey .survey-question-container[data-question-id="11"] .col-2,
.causes_new.survey .survey-question-container[data-question-id="11"] .col-10 {
  flex: unset;
  max-width: unset;
}

.causes_new.survey .survey-question-container[data-question-id="10"] {
  /* padding: 10px 0; */
}

.causes_new.survey .survey-question-container[data-question-id="10"] .action-survey-question-field {
  max-width: 650px;
  margin: 10px;
}

.causes_new.survey .survey-question-container[data-question-id="10"] .action-survey-question-field textarea {
  margin-bottom: 0;
}

.causes_new.survey .causes_2020_col2 {
  width: 94%;
  margin: 0 auto;
  max-width: 1300px;
}

.causes_new.survey .causes_2020_col2 form {
  max-width: 500px;
}

@media screen and (min-width: 650px) {
  .causes_new.survey .survey-question-container[data-question-id="5"] {
    padding-top: 0px;
  }

  .causes_new.survey .survey-question-container[data-question-id="5"] .action-survey-question-label,
  .causes_new.survey .survey-question-container[data-question-id="9"] .action-survey-question-label,
  .causes_new.survey .survey-question-container[data-question-id="11"] .action-survey-question-label {
    margin-top: 13px;
  }

  .causes_new.survey .survey-question-container[data-question-id="10"] {
    padding: 30px 0 10px 0;
  }

  .causes_new.survey .survey-question-container[data-question-id="11"] {
    padding-bottom: 20px;
  }

  .causes_new.survey input[type='text'] {
    max-width: 450px;
    }

  .causes_new.survey .field-show-single:has(input[type='text']),
  .causes_new.survey .field-show-single:has(select) {
    max-width: 450px;
    margin: 15px auto;
  }

  .causes_new.survey .survey-question-container[data-question-type="dropdown"] .action-survey-question-label {
    max-width: 450px;
    margin: 0 auto -20px auto;
    padding-left: 12px;
  }
}

/* end survey */


/* video headers */
.hero-cloudfare-video {
  width: auto;
  height: auto;
  position: relative;
}

.art-vidhead-mobile {
  height: 650px;
  overflow: hidden;
  padding: 0;
  position: relative;
  display: block;
}

.art-vidhead-desktop {
  height: 650px;
  overflow: hidden;
  padding: 0;
  position: relative;
  display: none;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1790px) {
  .art-vidhead-desktop {
    height: 700px;
    max-width: 100%;
  }
}

.art-vid-head-cont {
  height: 100%;
}

.art-vidhead-mobile iframe {
  box-sizing: border-box;
  height: 56.25vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50% !important;
  width: 177.77777778vh !important;
}

.art-vidhead-desktop iframe {
  box-sizing: border-box;
  height: 56.25vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50% !important;
  width: 177.77777778vh !important;
}

@media screen and (min-width: 600px) {
  .art-vidhead-desktop {
    display: block;
    margin-top: -15px;
  }

  .art-vidhead-mobile {
    display: none;
  }
}

@media screen and (min-width: 601px) and (max-width: 659px) {
  .art-vidhead-desktop {
    height: 257px;
    margin-top: 84px;
  }

  .art-vidhead-desktop iframe {
    min-width: 145%;
  }
}

@media screen and (min-width: 660px) and (max-width: 699px) {
  .art-vidhead-desktop {
    height: 400px;
    margin-top: 15px;
  }

  .art-vidhead-desktop iframe {
    min-width: 145%;
  }
}

@media screen and (min-width: 700px) and (max-width: 760px) {
  .art-vidhead-desktop {
    height: 485px;
  }

  .art-vidhead-desktop iframe {
    min-width: 130%;
  }
}

@media screen and (min-width: 761px) and (max-width: 920px) {
  .art-vidhead-desktop {
    height: 226px;
    margin-top: 85px;
  }

  .art-vidhead-desktop iframe {
    min-width: 108%;
  }
}

@media screen and (min-width: 921px) and (max-width: 1100px) {
  .art-vidhead-desktop {
    height: 520px;
    margin-top: 15px;
  }
  .art-vidhead-desktop iframe {
    min-width: 130%;
  }
}

@media screen and (min-width: 1101px) and (max-width: 1300px) {
  .art-vidhead-desktop iframe {
    min-width: 140%;
  }
}

.art-vidhead-desktop iframe {
  height: 100% !important;
}

/* end header */


/* headcount stats */
.hc-stats-cont p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin: 10px;
}

.hc-stats-cont img {
  object-fit: contain;
  width: 40%;
  max-width: 200px;
  height: auto;
  margin-left: 10px;
  margin-bottom: 0;
}

.hc-stats-cont span {
  font-size: 35px;
  margin-right: 10px;
}

@media screen and (max-width: 650px) {
  .hc-stats-cont p {
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
  }

  .hc-stats-cont img {
    width: 90%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
  }
  
  .hc-stats-cont span {
    font-size: 35px;
    margin-right: 0;
  }
}
/*  */


/*!---------------------*/
/*! Leaders Base Styles (Needed for Custom Pages) */
/*! Standard non-customized leader profile styles are in leader.css */

/* HW Commenting out to test leader.css. 
/*!---------------------*/
/* Standard */


/* Impact */
/* .body_leaders .campaign_impact {
  background-image: url('../images/impact-bolts.gif');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body_leaders .campaign_impact .climate_heading {
  color: transparent;
  background-color: transparent !important;
  margin-bottom: 30px;
  width: 100%;
  height: 70px;
}

.body_leaders .campaign_impact .climate_heading::after {
  content: 'IMPACT';
  text-transform: uppercase;
  font-size: 60px;
  color: black;
  display: block;
  text-align: center;
  font-weight: 600;
  margin-top: -50px;
}

.body_leaders .campaign_impact .climate_impact_row {
  margin-top: 50px;
}

.body_leaders .campaign_impact #campaign_image_actions,
.body_leaders .campaign_impact #campaign_image_money,
.body_leaders .campaign_impact #campaign_image_participants {
  background-image: none !important;
  height: 1px;
}

.body_leaders .campaign_impact .climate_impact_stat {
  display: flex;
  flex-direction: column-reverse;
  padding: 30px 0px;
}

.body_leaders .campaign_impact .climate_impact_number {
  color: black;
}

@media screen and (max-width: 550px) {
  .body_leaders .campaign_impact .climate_impact_number {
    font-size: 60px;
  }

  .body_leaders .campaign_impact .climate_impact_number_box {
    width: 100% !important;
  }

  .body_leaders .campaign_impact .climate_spacer_60 {
    display: none;
  }

  .body_leaders .campaign_impact #total_participants {
    padding-bottom: 0;
  }
}

.body_leaders .campaign_impact .climate_impact_number_bg {
  background-color: transparent;
}

.body_leaders .campaign_impact .climate_impact_label {
  color: black;
  border-bottom: 4px solid black;
  font-size: 30px;
  margin: 0 15px;
}

.body_leaders .campaign_impact #total_participants .climate_impact_label {
  visibility: hidden;
  font-size: 1px;
}

.body_leaders .campaign_impact #total_participants .climate_impact_label::after {
  font-size: 30px;
  content: 'SUPPORTERS';
  visibility: visible;
}

@media screen and (min-width: 650px) {
  .body_leaders .campaign_impact {
    background-image: url('../images/impact-bolts-desktop.gif');
  }

  .body_leaders .campaign_impact .climate_heading {
    margin-bottom: 50px;
  }

  .body_leaders .campaign_impact .climate_heading::after {
    margin-top: -100px;
  }

  .body_leaders .campaign_impact .climate_impact_label {
    border-bottom: none;
    padding-bottom: 0px;
  }

  .body_leaders .campaign_impact .climate_impact_stat {
    border-right: 4px solid black;
    padding: 55px 0px;
  }

  .body_leaders .campaign_impact .climate_impact_stat:nth-child(3) {
    border-right: none;
  }
} */


/* carousels */
/* 
.body_leaders .featuredActionsWrapper {
  padding-bottom: 80px;
}

.body_leaders .featuredActionsWrapper.SingleSlideCarousel { 
  display: block !important;
}

.body_leaders .featuredActionsWrapper.SingleSlideCarousel::after {
  content: '' !important;
}

@media screen and (min-width: 650px) {
  .body_leaders .featuredActionsWrapper.SingleSlideCarousel .slick-track { 
    transform: none !important;
  }


  .body_leaders .featuredActionsWrapper.lessthanfour:after {
    background-image: none !important;
  }
}

.body_leaders .featuredActionsWrapper.FullCarousel {
  margin-bottom: 0px;
}


.body_leaders .artistRewardsWrapper {
  margin-top: 0px;
}

.body_leaders .home-header-row {
  border-bottom: none;
  width: 100%;
  text-align: center;
}

.impact-subtitle {
  display: none;
}

.leaderboard-subtitle {
  text-align: center;
  padding: 0 15px;
} */

/* if custom title, clear default */
/* .body_leaders .artistActionWrapper .customSubtitle.home-header::after,
.body_leaders .artistRewardsWrapper .customSubtitle.home-header::after {
  content: '';
}

.body_leaders .featuredActionsWrapper .subtitle,
.body_leaders .impact-subtitle {
  font-family: 'Neue Haas Grotesk Display Pro Roman 55';
  display: block;
  text-align: center;
  max-width: 620px;
  font-weight: 100;
  margin: 20px auto 20px auto;
  padding: 20px;
  font-size: 18px;
  text-transform: none;
  color: white;
}

.body_leaders .impact-subtitle {
  margin-top: -15px;
}

.body_leaders .artistActionWrapper .home-row {
  margin-top: 20px;
}

.body_leaders .artistRewardsWrapper .home-row {
  margin-top: 20px;
}

.body_leaders .carouselTitle {
  color: white;
  font-size: 60px;
  font-weight: 600;
  text-align: center;
  margin: 0px 0px -60px 0px;
}

.body_leaders .artistActionWrapper .carouselTitle {
  color: transparent;
  font-size: 1px;
}

.body_leaders .artistActionWrapper .carouselTitle::after {
  color: white;
  display: block;
  content: 'TAKE ACTION';
  font-size: 60px;
  font-weight: 600;
  margin: 30px 0px -30px 0px;
}

.body_leaders .carousel-subtitle {
  font-family: 'neue haas grotesk display pro roman 55';
  font-weight: 500;
  font-size: 18px;
  text-transform: none;
  text-align: center;
  color: #fff;
  margin-top: 4rem;
}
.body_leaders .artistRewardsWrapper .carousel-subtitle {
  margin-top: 1.5rem;
}

.body_leaders .home-row {
  margin-top: 2rem;
} */

/* cards */
/* .body_leaders .card-new-container {
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  transform: scale(0.97);
}

.body_leaders .card-new {
  background-color: black;
  padding: 8px;
  margin-bottom: 0px;
  border-radius: 0px;
 border: 2px solid white;
}

.body_leaders .card-new-bg-points.card-reward {
  background-color: #73dd30;
}

.body_leaders .card-new-info-container {
  -webkit-line-clamp: 4;
}

.body_leaders .artistHighlightsWrapper .card-new-container,
.body_leaders .artistHighlightsWrapper .card-new {
  background-color: transparent;
}

.body_leaders .artistHighlightsWrapper .card-new-bar {
  background-color: black;
  padding: 15px 0 0 0;
}

.body_leaders .artistHighlightsWrapper .card-new-icon-box {
  display: none;
}

.body_leaders .artistHighlightsWrapper .card-new-description-box {
  margin-left: 0;
}

.body_leaders .artistHighlightsWrapper .card-new-description {
  color: var(--ap-green);
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 1px;
  visibility: hidden;
  text-align: left;
}

.body_leaders .artistHighlightsWrapper .card-new-description::before {
  content: 'READ';
  font-size: 25px;
  visibility: visible;
  text-transform: uppercase;
}

.body_leaders .artistHighlightsWrapper .card-new-bg-share-post .card-new-description::before {
  content: 'VIEW';
  font-size: 25px;
  visibility: visible;
  text-transform: uppercase;
}

.body_leaders .card-new-bg-causes.card-new-bar,
.body_leaders .card-new-bg-event-actions.card-new-bar {
  background-color: #8CCFBF;
}

.body_leaders .card-new-bg-causes .card-new-description,
.body_leaders .card-new-bg-event-actions .card-new-description  {
  color: black;
}

.body_leaders .card-new-bg-causes .card-new-icon,
.body_leaders .card-new-bg-event-actions .card-new-icon{
  filter: brightness(0%);
}

.body_leaders .artistHighlightsWrapper .card-new-info {
  padding: 0px;
}

.body_leaders .card-new-image {
  background-color: white;
}

.body_leaders .card-new-bar {
  margin-top: -2px;
}

.body_leaders .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.body_leaders .featuredActionsWrapper:after {
  content: var(--more-content);
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  color: white;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 58px;
}

.body_leaders .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 320px;
  width: 60px;
  height: 80px;
}

.body_leaders .featuredActionsWrapper .slick-prev {
  background-image: url('../images/artist-green-leftarrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 50px;
}

.body_leaders .featuredActionsWrapper .slick-next {
  background-image: url('../images/artist-green-rightarrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 50px;
}

@media screen and (min-width:650px) {
  .body_leaders .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 125px);
  }

  .body_leaders .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 125px);
  }
}

@media screen and (max-width: 650px) {
  .body_leaders .page-leaders .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }
} */

/* mobile cards fix */
/* @media screen and (max-width: 450px) {
  .body_leaders .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .body_leaders .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .body_leaders .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
 }

 .body_leaders .card-new-bg-causes .card-new-icon-box {
    width: 30px !important;
  }

  .body_leaders .card-new-icon-box {
    width: 20px !important;
  }

  .body_leaders .card-new-description {
    line-height: 20px;
    margin-left: 5px;
    text-transform: uppercase !important;
  }

  .body_leaders .card-new-bg-causes .card-new-description {
    line-height: 30px;
    margin-left: 5px;
  }

  .body_leaders .artistHighlightsWrapper .card-new-description {
    padding-left: 0;
  }

  .body_leaders .artistHighlightsWrapper .card-new-bar {
    padding: 15px 0 0 0 !important;
  }

  .body_leaders .artistHighlightsWrapper .card-new-info {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .body_leaders .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .body_leaders .featuredActionsWrapper .card-new-description {
    font-size: 12px;
  }

  .body_leaders .featuredActionsWrapper .slick-arrow {
    margin-top: 300px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .body_leaders .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .body_leaders .featuredActionsWrapper .slick-arrow {
    margin-top: 290px;
  }
}

@media screen and (max-width: 425px) {

} */

/* Causes Section */
/* .body_leaders .artistCausesWrapper .slick-track {
  width: 100% !important;
  transform: none !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.body_leaders .artistCausesWrapper .slick-list {
  padding: 0 !important;
}

.body_leaders .artistCausesWrapper .card-new-link {
  width: 170px !important;
  margin: 5px;
}

.body_leaders .artistCausesWrapper .card-new-bar {
  background-color: black;
  color: white;

  display: none;
}

.body_leaders .artistCausesWrapper .card-new-info {
  display: none;
}

.body_leaders .artistCausesWrapper .card-new-container {
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 170px;
}

@media screen and (max-width: 450px) {
  .body_leaders .artistCausesWrapper .card-new-container {
    width: 170px !important;
  }
}

@media (max-width: 375px) {
  .body_leaders .artistCausesWrapper .home-row {
      width: auto;
  }
}

@media screen and (min-width: 650px) {
  .body_leaders .artistCausesWrapper .card-new-link {
    width: 200px !important;
  }

  .body_leaders .artistCausesWrapper .card-new-container {
    width: 200px !important;
  }
}

.body-page-22475 .artistCausesWrapper .card-new {
  background-color: var(--ap-green);
}

.body_leaders .artistCausesWrapper .slick-arrow {
  display: none !important;
}

.body_leaders .artistCausesWrapper .featuredActionsWrapper:after {
  content: '';
  display: none;
}

.body_leaders .artistCausesWrapper .slick-cloned {
  display: none !important;
} */

/* Leaderboard */
/* .lb-title {
  text-align: center;
  font-weight: 600;
  font-sizE: 25px;
}

.leader_leaderboard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 80px;
}

.leaderboard-label-row {
  font-weight: 900;
  text-transform: uppercase;
  border-bottom: none;
  margin: 0 20px;
}

.leaderboard-label-row .lb-photo {
  width: 110px;
}

.leaderboard-header {
  display: flex;
  flex-direction: row;
}

.leaderboard-header .labelrow2 {

}

.leaderboard-users {
  column-count: 2;
  column-gap: 40px;
}

.leaderboard-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 0;
  font-size: 20px;
  width: 100%;
  border-bottom: 2px solid white;
  max-width: 480px;
}

.lb-rank {
  width: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.lb-photo {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.lb-name {
  width: 270px;
  display: flex;
  align-items: center;
}

.lb-points {
  display: flex;
  flex-grow: 2;
  justify-content: flex-end;
  text-align: right;
}

@media screen and (max-width: 1150px) {
  .leaderboard-users {
    column-count: 1;
    column-gap: 0px;
  }


  .labelrow2 {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .lb-name {
    width: 100px;
  }

  .leaderboard-row {
    font-size: 17px;
  }

  .lb-photo {
    width: 50px;
    height: 50px;
  }

  .leaderboard-label-row .lb-photo {
    width: 50px;
    height: 50px;
  }

  .lb-points {
    width: 100px;
  }
}

@media screen and (max-width: 340px) {
  .lb-name {
    width: 25%;
  }

  .leaderboard-row {
    font-size: 12px;
  }


  .lb-photo,
  .leaderboard-label-row .lb-photo {
    width: 30px;
    height: 30px;
  }
} */

/* end leaderboard */



/*!---------------------*/
/*! END Leaders Base Styles
/*!---------------------*/


/*!---------------------*/
/*! Leaders / Artists  */
/*!---------------------*/
/* previously 'ambassadors' */

/* Leaders Landing Page */
/* https://propeller.la/leaders */
.page-leaders {
  margin-top: 90px;
  background-color: white;
  color: black;
}

.page-leaders .leaders-title {
  padding: 0px 0 0 50px;
}

.page-leaders .leaders-title h2 {
  font-size: 100px;
}

.page-leaders .leaders-title img {
  width: auto;
  max-width: 100%;
  height: 60px;
  object-fit: contain;
}

.page-leaders .leaders-desc {
  padding: 0px 50px 0 50px;
  font-size: 25px;
  text-align: left;
  max-width: 650px;
  font-family: var(--propeller-text);
}

/* intro */
.page-leaders .leader-landing-intro {
  max-width: 100%;
  padding: 0 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* category buttons */
.page-leaders .leader-cat-selection {
  padding: 0 50px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.page-leaders .leaderCategoryButton {
  background: white;
  color: var(--propeller-purple);
  border-color: var(--propeller-purple);
  border-radius: 30px;
  text-transform: capitalize;
  font-size: 16px;
  width: auto;
  font-weight: 100;
  padding: 9px 24px 10px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 10px;
  height: 35px;
}

.page-leaders .showCategory {
  background: var(--propeller-purple);
  color: white;
}

/* leader cards */
.page-leaders .leaderGrid {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 400px;
}

.page-leaders .leaderCard {
  width: 250px;
  margin: 20px;
  transition: ease 0.5s;
}

.page-leaders .leaderCard img {
  max-width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
  transition: ease 0.5s;
}

.page-leaders .leaderCard h5 {
  color: black;
  font-size: 20px;
  font-weight: 600;
  padding-top: 10px;
  text-transform: capitalize;
  height: 65px;
  text-align: center;
}

.page-leaders .leaderCard a:hover {
  text-decoration: none;
}

.page-leaders .leaderCard:hover img {
  transform: scale(1.03);
}


/* spotlight */
.leader-spotlight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 45px 0;
  border: 4px solid var(--propeller-yellow);
  border-radius: 12px;
  padding: 40px;
}

.leader-spot-content img {
  max-width: 450px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.leader-spot-content h3 {
  font-size: 40px;
  line-height: 42px;
  color: var(--propeller-pink);
  text-align: center;
}

.leader-spot-content .leader-spot-desc {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  max-width: 350px;
  width: 100%;
  margin: 20px auto 25px;
}

.leader-spot-right .leaderSpotCard {
  width: 100%;
  margin: 0;
  max-width: 100%;
  transition: ease 0.5s;
}

.leader-spot-right .leaderSpotCard h5 {
  font-size: 22px;
  color: var(--propeller-black);
  font-weight: 500;
  padding-top: 10px;
  text-transform: capitalize;
  text-align: center;
}

.page-leaders .leaderSpotCard img {
  max-width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 5px 5px 5px lightgray;
  transition: ease 0.5s;
  border: 2px solid var(--propeller-pink);
}

.page-leaders .leaderSpotCard a:hover {
  text-decoration: none;
}

.page-leaders .leaderSpotCard:hover img {
  transform: scale(1.03);
}


/* leader highlights */
.page-leaders .leader-highlight-title {
  margin-bottom: 50px;
}

.page-leaders .leader-highlight-title img {
  object-fit: contain;
  width: auto;
  height: 65px;
  max-width: 90%;
  margin: 0 auto;
}

.page-leaders .leader-highlight-title h3 {
  font-family: var(--propeller-title);
  font-size: 80px;
  text-align: center;
}

.page-leaders .leader-highlights .featuredActionsWrapper .slick-track {
  align-items: start;
}

.body_leaders .page-leaders .featuredActionsWrapper .card-new-container {
  width: 300px !important
}

.body_leaders .page-leaders .featuredActionsWrapper .card-new-image {
  border-radius: 14px 14px 0 0 ;
}

.body_leaders .page-leaders .leader-highlights-row .featuredActionsWrapper::after {
  color: black;
  font-weight: 600;
  margin-top: 84px;
  font-family: var(--propeller-title);
}

.body_leaders .page-leaders .card-new {
  background-color: transparent;
  border: none;
}

.body_leaders .page-leaders .card-new-container {
  background-color: transparent;
  padding: 0;
  border-radius: 15px;
}

.body_leaders .page-leaders .card-new-bg-blog.card-new-bar {
  display: none;
}

.body_leaders .page-leaders .action-type-blog .card-type {
  display: none;
}

.body_leaders .page-leaders .carousel-Highlights.FullCarousel .card-ns {
  transform: scale(1);
}

.body_leaders .page-leaders .card-new-info {
  background-color: transparent;
  color: black;
  font-size: 20px;
  line-height: 22px;
  font-weight: 100;
}

.body_leaders .page-leaders .featuredActionsWrapper .slick-next {
  background-image: url('../images/standard-icon_arrow_right.svg');
}

.body_leaders .page-leaders .featuredActionsWrapper .slick-prev {
  background-image: url('../images/standard-icon_arrow_left.svg');
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .body_leaders .page-leaders .featuredActionsWrapper .slick-arrow {
    margin-top: 320px;
  }

  .body_leaders .page-leaders .featuredActionsWrapper .slick-prev {
    margin-top: 280px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .body_leaders .page-leaders .featuredActionsWrapper .slick-arrow {
    margin-top: 320px;
  }
}

/* mobile */
@media screen and (max-width: 1000px) {
  .page-leaders .leader-landing-intro {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 650px) {
  .page-leaders .leaders-title {
    padding: 30px 0 0;
    width: 90%;
    margin: 0 auto;
  }

  .page-leaders .leaders-title h2 {
    font-size: 50px;
  }

  .page-leaders .leaders-desc {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    font-size: 20px;
  }

  .page-leaders .leader-cat-selection {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }

  .page-leaders .leaderCategoryButton {
    margin: 5px;
  }

  .leader-spot-content {
    max-width: 90%;
    margin: 0 auto;
  }

  .leader-spotlight {
    flex-direction: column;
    align-items: center;
    margin: 30px 0;
    padding: 20px;
  }

  .page-leaders .leader-highlight-title {
    margin-bottom: 30px;
  }

  .leader-spot-content h3,
  .page-leaders .leader-highlight-title h3 {
    font-size: 35px;
    line-height: 35px;
  }

  .page-leaders .leader-landing-intro {
    padding: 0 30px;
  }

}

/* Ambassadors / Artists Profiles & Custom Profiles */
/* https://propeller.la/ambassadors/22475/lizzo */

/* see leaders.css */



/* leader embed voter */
.leadervoterembed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.leadervoterembed .event-voter-embed iframe {
  height: 1405px !important;
}

@media screen and (max-width: 650px) {
  .leadervoterembed .event-voter-embed iframe {
    height: 1547px !important;
  }
}

.leadervoterembed #formtitle {
  margin-bottom: 0;
  padding: 0 20px;
}




/*
https://design.propeller.la/events/24592/24606/24594/24596
*/
.field-checkbox-form-check {
  padding-left: 10px;
  padding-right: 10px;
}

/*!---------------------*/
/*! 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;
  }
}

.body_events .donatePro_amts, 
.body_events .event_causes_cont .amount_readout {
  display: block;
}

#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: 100%;
}

@media (max-width: 650px) {
  .causes_2020_col1, .causes_2020_col2 {
    width: 100%;
  }
}
.causes_new {
  display: flex;
  flex-direction: column;
  /* margin-top: -80px; */
  /* margin-bottom: 100px; */
  padding-top: 100px;
  margin-top: 0px !important;
}

.causes_new_stew {
  display: none;
}

.causes_new.instagram {
  margin-top: -170px !important;

}

/* grab cause base page for weird head spacing */
.causes_new.cause- {
  padding-top: 0;
  margin-top: -40px;
}

.causes_new ~ .causes_new_grid .cause-feeds-wrapper-inner {
  display: none;
}

.causes_new.cause- ~ .causes_new_grid .cause-feeds-wrapper-inner {
  display: block;
}

.causes_new.complete {
  margin-top: 0px;
}

.body_causes .causes_new .causes_2020_col1 {
  margin-top: 70px;
}
.body_causes .causes_new.petition {
  padding-top: 30px;
}
.body_causes .causes_new.user-content {
  padding-top: 0;
}
.body_causes .causes_new.petition .causes_2020_col1 {
  margin-top: 0px;
}

.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;
}

.causes_new .cause_new_donate_line .donateLineText {
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-weight: 600;
}

.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: -23px;
  color: black;
  height: 18px;
}

.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;
}

#amount.formerror {
  border-color: red;
}

.causes_new .donatePro_amts .tc .dols {
  color: #3BA4C9;
}

.causes_new .donatePro_amts .tc .but::before {
  content: '$';
}

.donateForm .donatePro_amt_buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}

.causes_new .donatePro_amts .donateButBg {
  width: 50%;
  margin-top: 0;
}

.causes_new .donateCustom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.causes_new .donateCustom p {
  margin-bottom: 0;
}

.causes_new .donatePro_amts .tc {
  margin-top: 10px;
}

.donateCustomAmt {
  position: relative;
}

#enterInt {
  font-size: 12px;
  color: red;
  position: absolute;
  top: -37px;
  left: 20px;
}

.donateCustomAmt #minimumReqNotice {
  display: none;
  position: absolute;
  height: 20px;
  bottom: -8px;
  left: 20px;
  font-size: 12px;
}

#minimumReqNotice.minimumerror {
  color: red;
}

.body_events .donateCustomAmt #minimumReqNotice {
  bottom: -3px;
}

@media screen and (max-width: 650px) {
  .body_events .donateCustomAmt #minimumReqNotice {
    bottom: -15px;
  }
}

.body_events #enterInt {
  top: -30px;
  width: 170px;
  left: -4px;
}

.disableButton {
  pointer-events: none;
  filter: grayscale(100%);
  opacity: 0.5;
}

.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;
}

.causelogoStatCont {
  border: var(--propeller-buttonborder);
  padding: 20px;
  max-width: 620px;
  margin: 0 auto;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

.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;
}

.cause_stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.cause_stat {
  margin: 0 44px;
}

.cause_stat .cause-stat-label {
  text-align: center;
  opacity: 0.8;
  font-family: var(--propeller-text);
  color: var(--propeller-black);
}

.cause_stat .cause-stat-num {
  font-family: var(--propeller-title);
  font-size: 30px;
  color: var(--propeller-black);
  text-align: center;
  font-weight: 800;
}

@media screen and (max-width: 650px) {
  .causes_new .causelogoStatCont {
    flex-direction: column;
    padding: 20px;
    width: 90% !important;
    margin: 30px auto;
  }

  .cause_stats {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.action-details-mini-back-cont .action-details-mini-back {
  margin: 0 auto;
  padding: 10px 35px;
  background-color: var(--propeller-black) !important;
  color: var(--propeller-white) !important;
}

/* 
.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_stats .txt_13.causes_new {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
} */

.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;
}


.cause-interval-desc {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.monthly-premier-please-login {
  font-size: 12px;
  padding-top: 3px;
}

/* action detials mini back button bottom */
.action-details-mini-back-cont {
  /* margin-top: 50px; */
  height: auto;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.action-details-mini-back-cont .action-details-mini-back {
  display: block;
}

.action-details-mini-back {
  display: none;
}

.action-back2 {
  /* margin-top: 50px; */
  padding: 24px 48px;
  font-size: 18px;
}
@media (max-width: 649px) {
  .action-back2 {
    /* width: 100%; */
  }
  .action-details-mini-back-cont {
    width: 100%;
  }
}
/* desktop */
@media (min-width: 650px) {
  .action-back2 {
    /* margin-top: 80px; */
    padding: 24px 48px;
    font-size: 18px;
  }
  .action-details-mini-back-cont {
    /* margin-bottom: 100px; */
    margin-top: 50px;
  }
}
/* 
.action.complete {
  margin-top: 100px;
}

.action-details-mini-back-cont {
  position: absolute;
  left: 20px;
} */

.causes_new.featured .action_featured.action-details-mini {
  margin-top: -150px;
}

.body_causes .causes_new.complete .keep-propelling-action,
.body_causes .causes_new.complete ~ .causes_new_grid .cause-feeds-wrapper-inner {
  display: none;
}

.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;
}

/*!---------------------*/
/*! Monthly Donor        */
/*!---------------------*/
.body_monthly-donor .blockTitleJoin,
.body_annual-donor .blockTitleJoin {
  display: none;
}

.body_monthly-donor .get_onboard,
.body_annual-donor .get_onboard {
  display: none;
}

.body_monthly-donor .stripeDonationDisclamer #gtx-trans,
.body_annual-donor .stripeDonationDisclamer #gtx-trans {
  display: none;
}

.body_monthly-donor .action_detail .actionDetailsActionTitle,
.body_annual-donor .action_detail .actionDetailsActionTitle {
  margin: 20px 0 -20px 0;
  padding: 20px 0;
}

.body_monthly-donor .action_descriptionX p,
.body_annual-donor .action_descriptionX p {
  padding: 10px 0;
  margin-bottom: 0;
}

.body_monthly-donor .donatePro_amts .tr,
.body_annual-donor .donatePro_amts .tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}

.body_monthly-donor .donatePro_amts .donateButBg,
.body_annual-donor .donatePro_amts .donateButBg {
  width: 50%;
}

.body_monthly-donor .donatePro_amts .tc .but::before,
.body_annual-donor .donatePro_amts .tc .but::before {
  content: '$';
}

.body_monthly-donor .donatePro_amts .tc .but, 
.body_monthly-donor .donatePro_amts .tc input,
.body_annual-donor .donatePro_amts .tc .but,
.body_annual-donor .donatePro_amts .tc input {
  font-size: 18px;
  font-weight: 600;
}

.body_monthly-donor .donateCustom,
.body_annual-donor .donateCustom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.body_monthly-donor .donateCustom p,
.body_annual-donor .donateCustom p {
  margin-bottom: 0;
}

.body_monthly-donor .donateCustomAmt #minimumReqNotice,
.body_annual-donor .donateCustomAmt #minimumReqNotice {
  height: 20px;
  bottom: -8px;
}

@media screen and (max-width: 650px) {
  .donateCustomAmt #minimumReqNotice,
  .body_monthly-donor .donateCustomAmt #minimumReqNotice,
  .body_annual-donor .donateCustomAmt #minimumReqNotice {
    bottom: -18px;
  }

  #enterInt {
    top: -30px;
  }

  .body_monthly-donor .firstAndLastNameLine .lastNameContainer,
  .donateForm .firstAndLastNameLine .lastNameContainer,
  .body_annual-donor .firstAndLastNameLine .lastNameContainer {
    padding-left: 0;
  }
}

.body_monthly-donor .donatePro_amts .tc .inp .dols,
.body_annual-donor .donatePro_amts .tc .inp .dols {
  color: #3BA4C9;
}

.body_monthly-donor .right.amount_readout::before,
.body_annual-donor .right.amount_readout::before {
  content: "You'll earn ";
  font-weight: 500;
}

.body_monthly-donor.donate-not-logged-in .donatePro_buts .tc .but span,
.body_annual-donor.donate-not-logged-in .donatePro_buts .tc .but span {
  color: black;
  bottom: -60px;
}

.body_monthly-donor.donate-not-logged-in .donatePro_buts .tc .but.active,
.body_annual-donor.donate-not-logged-in .donatePro_buts .tc .but.active {
  margin-bottom: 28px;
}

.body_monthly-donor .savepaymentcheck input[type="checkbox"],
.body_annual-donor .savepaymentcheck input[type="checkbox"] {
  margin: 0;
  padding: 0;
  height: 13px;
}

.body_monthly-donor .donatePro_buts,
.body_annual-donor .donatePro_buts {
  display: none;
}

.body_monthly-donor .donateCustom .donateButBg,
.body_annual-donor .donateCustom .donateButBg {
  width: 225px;
  display: flex;
}

.body_monthly-donor .donate_amount input,
.body_annual-donor .donate_amount input {
  width: 95%;
}

.body_monthly-donor .monthly-donor-permonth,
.body_annual-donor .monthly-donor-permonth {
  display: block !important;
  margin: 28px 0 0 0;
  font-weight: 800;
  font-size: 14px;
}

.body_monthly-donor .points-per-month,
.body_annual-donor .points-per-year {
  display: block !important;
  line-height: 1;
  margin-top: 10px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  font-family: var(--propeller-title);
}

.body_monthly-donor .points-per-month span,
.body_annual-donor .points-per-year span {
  font-weight: 700;
  color: var(--propeller-pink);
  padding: 5px 0;
  border-radius: 5px;
}

.body_monthly-donor .points-per-month span.points-per-month-num,
.body_annual-donor .points-per-year span.points-per-month-num {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.body_monthly-donor .amt-readout-container,
.body_events .action_monthly_donor_container .amt-readout-container,
.body_annual-donor .amt-readout-container,
.body_events .action_annual_donor_container .amt-readout-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  margin-top: 5px;
}

.body_monthly-donor .bonus-entry-notice,
.body_events .action_monthly_donor_container .bonus-entry-notice,
.body_annual-donor .bonus-entry-notice,
.body_events .action_annual_donor_container .bonus-entry-notice {
  font-weight: 400;
  margin-top: 10px;
  font-family: var(--propeller-title);
  font-size: 18px;
  text-align: left;
  line-height: 20px;
}

.body_events .action_monthly_donor_container .bonus-entry-notice,
.body_events .action_annual_donor_container .bonus-entry-notice {
  margin-top: 0px;
}

.body_monthly-donor .bonus-entry-notice span,
.body_events .action_monthly_donor_container .bonus-entry-notice span,
.body_annual-donor .bonus-entry-notice span,
.body_events .action_annual_donor_container .bonus-entry-notice span {
  font-weight: 700;
  color: var(--propeller-pink);
  padding: 5px 0;
  border-radius: 5px;
}

@media screen and (max-width: 650px) {
  .body_monthly-donor .bonus-entry-notice,
  .body_events .action_monthly_donor_container .bonus-entry-notice,
  .body_annual-donor .bonus-entry-notice,
  .body_events .action_annual_donor_container .bonus-entry-notice {
    margin-top: 5px;
  }
}

.body_events .action_monthly_donor_container .body-cause-donate #enterInt,
.body_events .action_annual_donor_container .body-cause-donate #enterInt {
  top: -36px;
}


.body_events.body-cause-donate .action_monthly_donor_container .amt-readout-label,
.body_events.body-cause-donate .action_annual_donor_container .amt-readout-label {
  margin-top: 30px;
}

.body_monthly-donor.monthly-donor-success .monthly-desktop-right,
.body_annual-donor.annual-donor-success .monthly-desktop-right {
  display: none;
}

.body_monthly-donor.monthly-donor-success .monthly-desktop-left,
.body_annual-donor.annual-donor-success .monthly-desktop-left {
  width: 90%;
  max-width: 650px;
  margin: 0 auto;
}

.body_monthly-donor.monthly-donor-success .alert-success-container,
.body_annual-donor.annual-donor-success .alert-success-container {
  width: auto;
  display: inline-block;
  flex-direction: column;
  border: 2px solid var(--propeller-pink);
  margin: 20px auto;
  padding: 15px;
  border-radius: 10px;
}

.body_monthly-donor.monthly-donor-success .alert-success,
.body_annual-donor.annual-donor-success .alert-success {
  margin-bottom: -1px;
  border: none;
  width: auto;
  display: block;
  text-align: center;
  background-color: transparent;
  font-family: var(--propeller-text);
  color: black;
  padding: 8px;
}

.body_monthly-donor.monthly-donor-success .badge-purple,
.body_annual-donor.annual-donor-success .badge-purple {
  background-image: none;
  background-color: var(--propeller-pink);
  color: var(--propeller-white);
}

.body_monthly-donor.monthly-donor-success .btn-primary, 
.body_monthly-donor.monthly-donor-success .btn-primary:hover, 
.body_monthly-donor.monthly-donor-success .btn-primary:active, 
.body_monthly-donor.monthly-donor-success .btn-primary:visited,
.body_annual-donor.annual-donor-success .btn-primary,
.body_annual-donor.annual-donor-success .btn-primary:hover,
.body_annual-donor.annual-donor-success .btn-primary:active,
.body_annual-donor.annual-donor-success .btn-primary:visited {
  border: none;
}

.body_monthly-donor .complete_notice,
.body_annual-donor .complete_notice {
  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;
  background: #e9ecef !important;
}

.payment_form input:-webkit-autofill,
.payment_form select#cc_exp_mo, 
.payment_form select#cc_exp_yr, 
.payment_form select#s_state, 
.payment_form select#s_country {
  -webkit-box-shadow: 0 0 0px 1000px #e9ecef inset;
}

.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: #e9ecef;
}

.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;
}

/* end donate form */



/* *****************
* Donate Form New Style
*
* monthly-donor action
* https://design8.propeller.la/monthly-donor/32456/test-monthly-donor-action
*
* cause donate 
* https://design8.propeller.la/causes/18179/human-rights-campaign
********************/

.body-cause-donate .action_detail .action_cont,
.body_causes .causes_new .causes_2020_col1 {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.body_causes .causes_new .causes_2020_col1 {
  margin-top: 30px;
}

.body-cause-donate .causesDescFormContainer,
.action_monthly_donor_container,
.action_annual_donor_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
}

.body-cause-donate .causes-new-left,
.body-cause-donate .monthly-desktop-left {
  width: 45%;
  padding-right: 50px;
  text-align: center;
}

.body-cause-donate .causes-new-right,
.body-cause-donate .monthly-desktop-right {
  width: 50%;
  text-align: left;
}

.body_monthly-donor .action_detail .actionDetailsActionTitle, 
.body_annual-donor .action_detail .actionDetailsActionTitle {
  display: none;
}

.body-cause-donate .cause-header {
  display: block !important;
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding: 0;
  margin: 0 auto;
}

.body_monthly-donor .cause-header-monthly,
.body_annual-donor .cause-header-monthly {
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding: 0;
  margin: 0 auto;
}

.body_monthly-donor .cause-header-monthly::after {
  content: ' BY DONATING MONTHLY';
}

.body_annual-donor .cause-header-monthly::after {
  content: ' BY DONATING ANNUALLY';
}

.body-cause-donate .monthlyAction-title,
.body-cause-donate .cause-about-title {
  text-align: center;
  font-family: var(--propeller-title);
  font-size: 35px;
  line-height: 37px;
  text-transform: uppercase;
  color: var(--propeller-black);
}

.body-cause-donate .actionDescription,
.body-cause-donate .action_description2 {
  text-align: left;
  color: var(--propeller-black);
}

.body-cause-donate .actionDescription img,
.body-cause-donate .action_description2 img {
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
}

.body-cause-donate .donate-desc span {
  color: var(--propeller-pink);
}

.body-cause-donate .causes-new-right .donateformCont {
  background-color: transparent;
  padding: 10px 0;
}

.body-cause-donate .donateForm .donatePro_amt_buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  flex-direction: row;
  width: 100%;
}

.body-cause-donate .donatePro_amts .donateButBg {
  width: 100px;
}

.body-cause-donate .donatePro_buts {
  margin: 0 0 20px 0;
}

.body-cause-donate .donatePro_amts .tc .but {
  background-color: #F5F5F5;
  border: 1px solid var(--propeller-black);
  color: var(--propeller-black);
  font-family: var(--propeller-title);
}

.body-cause-donate .donatePro_amts .tc .but:hover {
  background-color: #e5e5e5;
}

.body-cause-donate .donatePro_amts .tc .but.active,
.body-cause-donate .donatePro_amts .tc .but.active:hover {
  background-color: var(--propeller-black);
  color: var(--propeller-white);
}

.body-cause-donate .donateCustom {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin: 20px 0;
}

.body-cause-donate .custamtLabel {
  padding-bottom: 5px;
}

.body-cause-donate .donateCustom p {
  line-height: 1;
  text-align: left;
}

.body-cause-donate .donateCustom .donateButBg {
  width: 320px;
}

.body-cause-donate .donateCustom .donateButBg input {
  margin-left: 0;
  padding-left: 20px;
  background-color: #F5F5F5;
  border: 1px solid var(--propeller-black);
  color: var(--propeller-black);
  font-family: var(--propeller-title);
}

.body-cause-donate .donateCustom .tc .inp .dols {
  z-index: 10;
  color: var(--propeller-black);
  font-family: var(--propeller-title);
}

.body-cause-donate .donateCustomAmt #minimumReqNotice {
  bottom: -35px;
}

.body_monthly-donor.body-cause-donate .donateCustomAmt #minimumReqNotice,
.body_annual-donor.body-cause-donate .donateCustomAmt #minimumReqNotice {
  bottom: -25px;
}

.body_monthly-donor .monthly-donor-header,
.body_annual-donor .monthly-donor-header {
  display: block !important;
  text-align: left;
  font-family: var(--propeller-title);
  color: var(--propeller-black);
  margin-bottom: 5px;
  line-height: 1;
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
}

.body_monthly-donor.body-cause-donate #enterInt,
.body_annual-donor.body-cause-donate #enterInt {
  top: -36px;
  left: 0px;
}

.body-cause-donate #enterInt {
  top: -13px;
  left: 0px;
}

.body-cause-donate .amt-readout-label {
  padding: 0;
  margin: 0;
  line-height: 1;
  margin: 25px 0 5px;
}

.body-cause-donate .amount_readout,
.body_monthly-donor .action-has-experience .action_detail.has_experience .action_inner .amount_readout,
.body_annual-donor .action-has-experience .action_detail.has_experience .action_inner .amount_readout {
  width: auto;
  display: block;
  background-color: var(--propeller-yellow);
  color: var(--propeller-black);
  font-family: var(--propeller-title);
  font-weight: 600;
  float: left;
  border-radius: 5px;
  padding: 5px;
  font-size: 18px;
  line-height: 18px;
  margin-top: 0;
}

.body-cause-donate .amt-readout-cont {
  display: block;
  margin: 0 15px 15px 0;
}

.body_monthly-donor .right.amount_readout::before,
.body_annual-donor .right.amount_readout::before,
.body-cause-donate .amount_readout::before {
  content: '';
}

.body-cause-donate .donate_amount.donateDollarToPoints {
  display: flex;
  flex-direction: column;
  max-width: 600px;
}

.body-cause-donate .donate_amount.donateDollarToPoints select,
.body-cause-donate .donate_amount.donateDollarToPoints input {
  width: 100%;
  margin: 10px 0;
  border: 1px solid var(--propeller-black);
  background-color: #f5f5f5;
  padding: 2px 10px;
}

.body-cause-donate .donate_amount.donateDollarToPoints input {
  padding-left: 20px;
}

.body-cause-donate .amount_dollar .dollar_sign {
  z-index: 100;
  position: absolute;
  color: black;
  margin-top: 30px;
  line-height: 1;
}

.body-cause-donate .amount_dollar {
  background-color: transparent;
}

.body-cause-donate .causes-payment {
  margin-top: 20px;
}

.body-cause-donate .causelogoStatCont {
  margin-top: 30px;
}

.body-cause-donate .submit_button,
.body-cause-donate #continue_to_payment,
.body-cause-donate #donateQuickButton,
.body-cause-donate .action-has-experience .action_detail.has_experience .action_inner .submit_button {
  margin-left: 0;
  border-radius: 30px;
  padding: 12px 40px;
  font-family: var(--propeller-title);
  color: var(--propeller-white);
  font-size: 15px;
}

.body-cause-donate #donationAmountWarning {
  color: var(--propeller-pink);
  font-weight: 900;
  margin: 0px 0 5px 22px;
  border: 2px solid var(--propeller-pink);
  padding: 5px;
  width: 209px;
}

.body-cause-donate .action-has-experience .action_detail.has_experience .action_inner .submit_button div {
  font-family: var(--propeller-title);
  color: var(--propeller-white);
}

.body-cause-donate .action-has-experience .action_detail.has_experience .action_inner .submit_button:hover,
.body-cause-donate .action-has-experience .action_detail.has_experience .action_inner .submit_button:hover div {
  font-family: var(--propeller-title);
  color: var(--propeller-white);
}

.body-cause-donate .submit_button h5,
.body-cause-donate #donateQuickButton h5 {
  font-family: var(--propeller-title);
  font-size: 15px;
}

.body-cause-donate .payment_form input, 
.body-cause-donate .payment_form select#cc_exp_mo, 
.body-cause-donate .payment_form select#cc_exp_yr, 
.body-cause-donate .payment_form select#s_state, 
.body-cause-donate .payment_form select#s_country {
  border: 1px solid black;
}

@media screen and (max-width: 850px) {
  .action_detail .action_cont .action_inner {
    padding: 0;
  }
}

@media screen and (max-width: 700px) {
  .body-cause-donate .causesDescFormContainer, 
  .action_monthly_donor_container,
  .action_annual_donor_container {
    flex-direction: column;
    align-items: center;
  }

  .body-cause-donate .causes-new-left, .body-cause-donate .monthly-desktop-left {
    width: 100%;
    padding-right: 0;
  }

  .body-cause-donate .causes-new-right, .body-cause-donate .monthly-desktop-right {
    width: 100%;
    padding-left: 0;
  }
} 

.body-cause-donate .action-has-experience .action_detail.has_experience .action_cont .action_inner {
  padding: 20px;
}

.body-cause-donate .disclaimer-top {
  display: none;
}

/* end donate new style */


/* How it works Page */
/* https://design.propeller.la/how-it-works */

.body_how-it-works,
.hiw23-container,
.hiw23-elements-container {
  overflow-x: hidden;
}

/* header/videobg */
.howVidContainer{
  display: flex;
  justify-content: center;
  align-items: center;
}

.howBg {
  width: 100%;
}

.how_vid iframe {
  width: 100%;
  height: 100%;
}

.how_vid {
  position: absolute;
  left: 15%;
  width: 70%;
}

.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;
}

/* content */
.hiw23-container {
  background-image: url('../images/hiw23-background.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 300px;
  position: relative;
}

.hiw23-elements-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hiw23-content-container {
  width: 100%;
}

.hiw23-section {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  height: 325px;
  position: relative;
  z-index: 5;
}

.hiw23-section p {
  text-align: center;
  padding-top: 15px;
  font-weight: 900;
  font-family: var(--prop-font);
  color: #111;
  font-size: 20px;
}

.hiw23-content {
  width: 50%;
  max-width: 380px;
}

.hiw23-title img {
  width: 100%;
  max-width: 350px;
  height: auto;
  object-fit: contain;
}

.hiw23-gif {
  width: 432px;
  margin: 0 30px;
}

.hiw23-gif img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* elements */
.bottomGrid {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.bottomGrid img {
  height: 201px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.flowerRainbow {
  position: absolute;
  bottom: 136px;
  right: 50px;
  object-fit: contain;
  width: 50%;
  max-width: 500px;
}

.bottomFlower {
  width: 135px;
  bottom: 190px;
  left: 80px;
  position: absolute;
  z-index: 2;
}

.blueMushroom {
  position: absolute;
  bottom: 40px;
  left: 3%;
  width: 100px;
}

.purpleMushroom {
  position: absolute;
  bottom: 100px;
  width: 120px;
  left: 40%;
}

.pinkMushroom {
  position: absolute;
  bottom: 0;
  width: 150px;
  right: 2%;
}

.purpleBird {
  position: absolute;
  top: 350px;
  right: 4%;
}

.blueBird {
  top: 270px;
  left: 5%;
  position: absolute;
}

.hiw23-container .spaceship {
  top: 20px;
  width: 250px;
  left: 20%;
  position: absolute;
}

.hiw23-container .planet {
  top: 20px;
  position: absolute;
  left: 3%;
  width: 150px;
}

.cloud1 {
  position: absolute;
  width: 150px;
  left: -120px;
  top: 30%;
  z-index: 1;
  transform: translateX(180px);
  animation: cloudSway 5.5s ease-in-out infinite alternate;
}

.cloud2 {
  right: 0px;
  width: 200px;
  z-index: 1;
  top: 45%;
  position: absolute;
  transform: translateX(180px);
  animation: cloudSway 5s 2s ease-in-out infinite alternate;
}

.cloud3 {
  left: -100px;
  width: 180px;
  top: 70%;
  position: absolute;
  z-index: 1;
  transform: translateX(80px);
  animation: cloudSway 4s 3s ease-in-out infinite alternate;
}

@keyframes cloudSway {
  to {
    transform: translateX(0);
  }
}

/* mobile */
@media screen and (max-width: 649px) {
  .hiw23-container {
    padding-top: 140px;
    padding-bottom: 300px;
  }

  .hiw23-section {
    flex-direction: column;
    width: 100%;
    height: auto;
  }

  .hiw23-section:nth-child(2) {
    flex-direction: column-reverse;
  }

  .hiw23-content {
    width: 100%;
    padding: 0 20px;
  }

  .hiw23-gif {
    width: 95%;
    max-width: 430px;
    margin: 0 auto;
  }

  .hiw23-container .spaceship {
    left: unset;
    right: 5px;
    top: 30px;
  }

  .hiw23-container .planet {
    width: 120px;
  }

  .bottomGrid img {
    width: 857px;
    height: auto;
  }

  .purpleBird {
    top: 68%;
    right: 63%;
    width: 100px;
  }

  .bottomFlower {
    width: 84px;
    bottom: 87px;
    left: 14px;
  }

  .pinkMushroom {
    width: 84px;
    right: -20px;
  }

  .blueMushroom {
    bottom: 13px;
    left: 2%;
    width: 74px;
    z-index: 5;
  }

  .purpleMushroom {
    bottom: 49px;
    width: 40px;
    left: 26%;
  }

  .blueBird {
    top: 580px;
    width: 139px;
    right: 5%;
    left: unset;
  }

  .flowerRainbow {
    bottom: 77px;
    width: 250px;
    right: 10px;
  }

  .cloud1 {
    top: 37%;
  }

  .cloud2 {
    top: 65%;
  }

  .cloud3 {
    top: 80%;
  }
}

@media screen and (max-width: 390px) {
  .purpleBird {
    top: 66%;
  }

  .cloud1 {
    top: 34%;
  }

  .cloud2 {
    top: 62%;
  }

  .blueBird {
    top: 556px;
    width: 114px;
  }
}

/* end how it works page */

/* Impact Page */
/* Impact Landing */
/* https://design.propeller.la/impact */

/* basics */
/* borders */
.impactPage-border {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.body_impact .footer-new {
  margin-top: 30px;
}

/* header */
.impactHeader-desktop {
  display: block;
}

.impactHeader-mobile {
  display: none;
}

@media screen and (max-width: 650px) {
  .impactHeader-desktop {
    display: none;
  }
  
  .impactHeader-mobile {
    display: block;
  }
}
/*  */

/* stat cards */
.impactPage-statsbg {
  width: 100%;
  background-image: url('../images/i23-impact-background-repeat.jpg');
  background-size: auto 33.3%;
  background-repeat: repeat;
  background-position: bottom;
  padding: 20px;
}

.impactPage-cardsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}

.actionStatCard {
  padding: 7px 0 19px 17px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 270px;
  width: 45%;
  max-width: 200px;
  margin: 10px;
  position: relative;
}

.actionStatGif {
  width: calc(100% - 17px);
  height: 100px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 82px;
}

.actionStatCard .actionData {
  text-align: center;
  font-weight: 900;
  font-size: 27px;
  position: absolute;
  width: calc(100% - 17px);
  bottom: 14px;
  right: 0;
}

.actionStatCard.overall-actions {
  background-image: url('../images/i23-actions-generated.png');
}

.actionStatCard.overall-actions .actionStatGif {
  background-image: url('../images/i23-actions-generated.gif');
}

.actionStatCard.community-members {
  background-image: url('../images/i23-community-members-card.png');
}

.actionStatCard.community-members .actionStatGif {
  background-image: url('../images/i23-communitymembers.gif');
}

.actionStatCard.dollars-raised {
  background-image: url('../images/i23-dollars-raised.png');
}

.actionStatCard.dollars-raised .actionStatGif {
  background-image: url('../images/i23-dollars-raised.gif');
}

.actionStatCard.trees-planted {
  background-image: url('../images/i23-trees-planted.png');
}

.actionStatCard.trees-planted .actionStatGif {
  background-image: url('../images/i23-treesplanted.gif');
}

.actionStatCard.election-reminder-signups {
  background-image: url('../images/headcount.png');
}

.actionStatCard.election-reminder-signups .actionStatGif {
  background-image: url('../images/elections-headcount.gif');
  height: 75px;
  top: 114px;
}

.actionStatCard.volunteer-hours {
  background-image: url('../images/i23-volunteer-hours.png');
}

.actionStatCard.volunteer-hours .actionStatGif {
  background-image: url('../images/i23-hours.gif');
}

.actionStatCard.meals-donated {
  background-image: url('../images/i23-meals-donated.png');
}

.actionStatCard.meals-donated .actionStatGif {
  background-image: url('../images/i23-meals.gif');
}

.actionStatCard.non-violence-trainings {
  background-image: url('../images/nonviolence-trainings.png');
}

.actionStatCard.non-violence-trainings .actionStatGif {
  background-image: url('../images/i23-nonviolent.gif');
}

.actionStatCard.qpr-training-completions {
  background-image: url('../images/i23-mental-health-crisis.png');
}

.actionStatCard.qpr-training-completions .actionStatGif {
  background-image: url('../images/i23-mentalhealth.gif');
}

.actionStatCard.drug-tests-provided {
  background-image: url('../images/i23-drug-test-strips.png');
}

.actionStatCard.drug-tests-provided .actionStatGif {
  background-image: url('../images/i23-drugtests.gif');
}

.actionStatCard.petition-signatures {
  background-image: url('../images/i23-petition-signatures.png');
}

.actionStatCard.petition-signatures .actionStatGif {
  background-image: url('../images/i23-petition-signatures.gif');
}

.actionStatCard.premier-members {
  background-image: url('../images/i23-premier-members.png');
}

.actionStatCard.premier-members .actionStatGif {
  background-image: url('../images/i23-premier.gif');
}
/*  */

/* movements */
.impactPage-movementsContainer {
  background-color: #EAB782;
  width: 100%;
  padding-top: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.movementsTopBorder {
  background-image: url('../images/i23-blue-orange-transition.jpg');
}

.movementsHeader {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.movements-title {
  height: 75px;
  position: relative;
  z-index: 2;
  margin: 0 -60px;
}

.movements-megaphone {
  position: relative;
  z-index: 1;
}

.movementsSectionContainer {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-image: url('../images/i23-movements-highlight.png');
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
}

.movementsSectionContainer:nth-child(even) {
  flex-direction: row-reverse;
}

.movementsSectionContainer .movement-image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 420px;
  height: 300px;
}

.movementsSectionContainer .movement-arrow {
  background-image: url('../images/i23-arrow-left.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 85px;
  height: 60px;
  margin-top: 75px;
  margin-left: -56px;
  transform: translateX(-30px);
  animation: leftright 2s infinite linear alternate;
}

.movementsSectionContainer.righttoleft .movement-arrow {
  transform: translateX(30px) rotate(180deg);
  animation: rightleft 2s infinite linear alternate;
  margin-left: 0;
  margin-right: -56px;
}

@keyframes leftright {
  to {
    transform: translateX(30px);
  }
}

@keyframes rightleft {
  to {
    transform: translateX(-30px) rotate(180deg);
  }
}

.movementsSectionContainer.racial_justice .movement-arrow, 
.movementsSectionContainer.reproductive_freedom .movement-arrow {
  margin-top: 108px;
}

.movementsSectionContainer.racial_justice .movement-text h4, 
.movementsSectionContainer.reproductive_freedom .movement-text h4  {
  margin-bottom: -14px;
}

.movementsSectionContainer .movement-text {
  text-align: center;
  max-width: 310px;
}

.movementsSectionContainer .movement-text p {
  font-size: 25px;
  line-height: 25px;
  font-weight: 500;
  text-transform: uppercase;
}

.movementsSectionContainer .movement-text h4 {
  font-size: 40px;
  font-weight: 900;
  margin-bottom: -6px;
}

.movementsSectionContainer.climate_change .movement-image {
  background-image: url('../images/i23-now.png');
}

.movementsSectionContainer.lgbtq_rights .movement-image {
  background-image: url('../images/i23-pride.png');
}

.movementsSectionContainer.mental_health .movement-image {
  background-image: url('../images/i23-bloom.png');
}

.movementsSectionContainer.psychedelics .movement-image {
  background-image: url('../images/i23-portal.png');
}

.movementsSectionContainer.racial_justice .movement-image {
  background-image: url('../images/i23-enough.png');
}

.movementsSectionContainer.reproductive_freedom .movement-image {
  background-image: url('../images/i23-choice.png');
}

/* community */
.impactPage-communityContainer {
  background-color: #9AD096;
  width: 100%;
  padding-top: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.communityTopBorder {
  background-image: url('../images/i23-orange-green-transition.jpg');
}

.community-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.community-title {
  height: 75px;
  position: relative;
  z-index: 2;
  margin: 0 22px;
}

.community-left,
.community-right {
  position: relative;
  z-index: 1;
  width: 130px;
}

.community-section-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}

.community-memberstitle {
  object-fit: contain;
  height: 30px;
  max-width: 80%;
  margin: 10px 20px;
}

.community-stars {
  object-fit: contain;
  height: 40px;
}

.community-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  max-width: 1070px;
  margin: 0 auto;
}

.community-topprop {
  width: 180px;
  margin: 15px;
}

.community-topprop p {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 5px;
}

.topprop-profilepic {
  width: 180px;
  height: 180px;
  object-fit: cover;
  background-image: url('../images/i23-community-members-frame.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding: 8px;
  border-radius: 30px;
}

.toppropname {
  margin-top: 5px;
}

.topproplocation {
  text-transform: capitalize;
}

.topproppoints {
  font-weight: 900;
}


/* impact reports */
.impactPage-reports {
  background-color: #A89DC8;
  background-image: url('../images/i23-impactreports-background.jpg');
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 140px;
  padding-top: 180px;
  position: relative;
}

.reportsTopBorder {
  background-image: url('../images/i23-green-purple-transition.jpg');
}

.reports-header img {
  height: 75px;
  margin: 0 auto;
}

.reports-header p {
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto;
  width: 90%;
}

.reports-cont {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.reports-cont img {
  margin: 25px;
}

.reports-cont a:hover {
  transform: scale(1.02);
}


/* quotes */
.impactPage-quotes {
  padding-top: 180px;
  position: relative;
  background-image: url('../images/i23-quotebackground-repeat.jpg');
  background-size: auto 33%;
  background-position: center 10px;
  background-repeat: repeat;
  width: 100%;
  /* height: 878px; */
} 

.quotesTopBorder {
  background-image: url('../images/i23-purple-pink-transition.jpg');
}

.quoteCont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}

.quoteCont.quote1 {
  margin-bottom: 40px;
}

.quoteImg {
  position: relative;
}

.quoteImg img {
  width: 280px;
  height: 280px;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
}

.quoteImg::before {
  content: '';
  background-image: url('../images/quote-image-background.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 340px;
  height: 340px;
  position: absolute;
  left: -43px;
  bottom: -37px;
}

.quoteText {
  position: relative;
  background-image: url("../images/quote-bubble-desktop.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60%;
  max-width: 525px;
  min-height: 330px;
  padding: 30px 30px 30px 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.quote2 .quoteText {
  padding: 30px 130px 30px 30px;
}

.quote2 .quoteText {
  background-image: url("../images/quote-bubble-desktopflip.png");
}

.quote2 .quotemark1 {
  left: -16px;
}

.quote2 .quotemark2 {
  right: 75px;
}

.quotemark {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 80px;
  height: 72px;
  position: absolute;
}

.quotemark1 {
  top: -34px;
  left: 75px;
  background-image: url('../images/i23-quotation-1.png');
}

.quotemark2 {
  background-image: url('../images/i23-quotation-2.png');
  bottom: -4px;
  right: -16px;
  width: 70px;
}

.quote2 {
  margin-top: 80px;
}

.quote2 .quoteText {
  margin-right: 50px;
}

/* press */
.impactPage-press {
  padding-top: 180px;
  position: relative;
  background-color: #ACC6E7;
} 

.pressTopBorder {
  background-image: url('../images/i23-pink-blue-transition.jpg');
}

.impactPage-pressHeader {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.impactPage-pressHeader .pressBolts {
  object-fit: contain;
  width: 200px;
  height: auto;
  margin: 15px;
}

.impactPage-pressHeader .pressTitle {
  height: 75px;
  width: auto;
  object-fit: contain;
}

.impactPage-pressCardcont {
  background-image: url('../images/press-background-repeat2.jpg');
  background-size: auto 33.3%;
  background-position: top;
  background-repeat: repeat;
  /* height: 670px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pressCard {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  max-width: 750px;
  height: 325px;
  padding: 42px 20px 59px 40px;

  background-image: url('../images/press-frame-desktop.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

}

.pressCard1 {
  margin-bottom: 50px;
}

.pressCard .pressImg {
  width: 222px;
  min-width: 222px;
  height: 222px;
  border: 2px solid black;
}

.pressCard .pressImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pressCard .pressContent {
  text-align: left;
  margin-left: 20px;
}

.pressCard .pressContent h5 {
  font-size: 23px;
  line-height: 28px;
  font-weight: 100;
}

.pressCard .pressContent p {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-height: 19px;
  max-height: 113px;
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.pressCard .pressContent a {
  color: black;
  font-size: 16px;
  text-decoration: underline;
}


/* winners */
.impactPage-winners {
  padding-top: 180px;
  position: relative;
  background: #EFE0A4;
} 

.winnersTopBorder {
  background-image: url('../images/i23-blue-yellow-transition.jpg');
}

.impactPage-winnersHeader {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.impactPage-winnersHeader .winnersSmile {
  object-fit: contain;
  width: 105px;
  height: auto;
  margin: 15px;
}

.impactPage-winnersHeader .winnersTitle {
  height: 75px;
  width: auto;
  object-fit: contain;
}

.winnersRowCont {
  background-image: url('../images/winners-background-repeat3.jpg');
  background-size: auto 50%;
  padding-bottom: 150px;
  padding-top: 60px;
}

.winnersRowCont .featuredActionsWrapper {
  width: 100%;
  max-width: 100%;
}

.winnersRowCont .featuredActionsWrapper .card-new-container {
  margin: 0 auto;
  background-image: url('../images/winner-card-frame.png');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10px 1px 10px 25px;
}

.winnersRowCont .featuredActionsWrapper .card-ns .card-new-container {
  background-image: none;
  background-color: #A89CC8;
  border: 2px solid black;
  border-radius: 20px;
  padding: 15px;
}

.winnersRowCont .card-ns-top {
  display: none;
}

.winnersRowCont .card-ns .card-new {
  padding: 15px;
  margin-bottom: 0;
}

.winnersRowCont .featuredActionsWrapper .card-new-image {
  transform: scale(0.85);
  background: transparent;
  margin-bottom: 0px;
  padding-top: 19px;
}

.winnersRowCont .featuredActionsWrapper .card-image {
  transform: scale(0.95);
  background: transparent;
  margin-bottom: 0px;
  padding-top: 0;
  aspect-ratio: 1/1;
  margin-top: -20px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.winnersRowCont .featuredActionsWrapper .card-ns .card-desc-container {
  padding: 10px;
  margin: 0 auto;
}

.winnersRowCont .featuredActionsWrapper .card-new-info {
  background-color: transparent;
}

.winnersRowCont .featuredActionsWrapper .card-new-info-container {
  font-size: 16px;
  color: black;
  line-height: 17px;
  -webkit-line-clamp: 5;
}

.winnersRowCont .featuredActionsWrapper .card-new {
  background: transparent;
}

.winnersRowCont .featuredActionsWrapper .card-new-bar {
  display: none;
}

.winnersRowCont::after {
  content: 'MORE';
  position: absolute;
  bottom: 40px;
  left: calc(50% - 50px);
  text-align: center;
  font-size: 35px;
}

.winnersRowCont .slick-arrow {
  margin-top: 310px;
  width: 92px;
  height: 73px;
  background-size: contain;
  background-repeat: no-repeat;
}

.winnersRowCont .slick-prev {
  background-image: url('../images/i23-arrow-left-blue.png');
  margin-left: calc(50% - 150px);
}

.winnersRowCont .slick-next {
  background-image: url('../images/i23-arrow-right-blue.png');
  margin-right: calc(50% - 150px);
}

@media screen and (min-width: 480px) and (max-width: 500px) {
  .winnersRowCont .card-new-info {
    padding: 5px;
    height: 75px;
  }

  .winnersRowCont .featuredActionsWrapper .card-new-info-container {
    font-size: 14px;
    -webkit-line-clamp: 4;
  }

  .winnersRowCont .featuredActionsWrapper .card-new-image {
    padding-top: 0;
    margin-bottom: -5px;
  }

  .winnersRowCont .featuredActionsWrapper .card-new-container {
    padding-left: 18px;
  }

  .body_impact .featuredActionsWrapper .slick-arrow {
    margin-top: 237px !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .winnersRowCont .featuredActionsWrapper .card-new-image {
    padding-top: 6px;
  }

  .winnersRowCont .card-new-info {
    padding: 5px;
    height: 91px;
  }

  .winnersRowCont .featuredActionsWrapper .card-new-info-container {
    -webkit-line-clamp: 4;
  }

  .body_impact .featuredActionsWrapper .slick-arrow {
    margin-top: 262px !important;
  }
}

/* large desktops */
@media screen and (min-width: 1350px) {
  .impactPage-reports {
    padding-bottom: 150px;
  }

  .reports-header {
    margin-top: 50px;
    margin-bottom: -50px;
  }

  .reports-cont {
    margin-top: 130px;
  }

  .reports-cont img {
    margin: 25px 50px;
    width: 400px;
  }
}

/* 900 */
@media screen and (max-width: 900px) {
  .movementsHeader {
    flex-direction: row-reverse;
  }

  .movements-megaphone {
    position: absolute;
    top: 0px;
    width: 160px;
    height: 160px;
  }

  .movements-megaphone:nth-child(1) {
    margin-right: -160px;
  }

  .movements-megaphone:nth-child(3) {
    margin-left: -160px;
  }

  .movements-title {
    height: 75px;
    max-width: 90%;
    margin-top: -20px;
    margin-bottom: 30px;
  }

  .community-section-title {
    flex-direction: column;
  }

  .community-stars:nth-child(1) {
    display: none;
  }

  .community-header {
    position: relative;
  }

  .community-title {
    width: 90%;
    object-fit: contain;
  }

  .community-left,
  .community-right {
    position: absolute;
    top: -100px;
  }

  .community-left {
    left: calc(50% - 88px);
  }

  .community-right {
    right: calc(50% - 83px);
  }

  .impactPage-quotes {
    height: 100%;
    background-size: auto 20%;
  }

  .impactPage-quotes .quoteCont {
    flex-direction: column;
  }

  .impactPage-quotes .quoteCont.quote2 {
    flex-direction: column-reverse;
  }

  .impactPage-quotes .quoteText {
    background-image: url('../images/quote-bubble-mobile.png');
    padding: 86px 37px 15px 37px;
    width: 320px;
    min-height: 445px;
    margin: 0;
    z-index: 2;
  }

  .impactPage-quotes .quotemark1 {
    top: 15px;
    left: 2px;
  }

  .impactPage-quotes .quotemark2 {
    bottom: -15px;
    right: 2px;
  }
}

@media screen and (max-width: 780px) {
  .impactPage-pressCardcont {
    height: auto;
  }

  .impactPage-pressCardcont .pressCard {
    background-image: url('../images/press-frame-mobile.png');
    flex-direction: column;
    align-items: center;
    justify-content: start;
    height: 470px;
    width: 322px;
    padding: 20px 14px 20px 31px;
    margin-bottom: 30px;
  }

  .pressCard .pressImg {
    width: 180px;
    min-width: 180px;
    height: 180px;
  }

  .pressCard .pressContent {
    margin-left: 12px;
    padding-right: 10px;
  }

  .pressCard .pressContent h5 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    padding-top: 10px;
  }

  .pressCard .pressContent p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 15px;
    max-height: 77px;
    font-size: 11px;
    overflow: hidden;
  }

  .pressCard .pressContent a {
    font-weight: 600;
  }
}

.desktoponly {
  display: block;
}

.mobileonly {
  display: none;
}

/* mobile */
@media screen and (max-width: 650px) {
  .impactPage-statsbg {
    background-size: auto 20%;
    padding: 0;
  }

  .movementsSectionContainer {
    flex-direction: column !important;
    margin: 30px 0;
    padding: 20px;
    background-size: 1300px;
  }

  .movementsSectionContainer .movement-image {
    width: 100%;
  }

  .movementsSectionContainer .movement-arrow {
    transform: translateY(-50px) rotate(90deg);
    animation: updown 1.5s alternate infinite linear;
    position: absolute;
    right: calc(50% - 150px);
    margin-right: 0;
    margin-left: 0;
  }

  .movementsSectionContainer.righttoleft .movement-arrow {
    transform: translateY(-50px) rotate(90deg);
    animation: updown 1.5s alternate infinite linear;
    position: absolute;
    left: calc(50% - 150px);
  }

  .movementsSectionContainer .movement-text p {
    margin: 10px auto -5px auto;
  }

  .movementsSectionContainer .movement-text h4 {
    font-size: 45px;
  }

  .community-topprop {
    width: 140px;
  }

  .topprop-profilepic {
    width: 140px;
    height: 140px;
    border-radius: 20px;
  }

  .reports-header img {
    object-fit: contain;
    width: 90%;
    height: 120px;
  }

  .reports-header p {
    font-size: 20px;
  }

  .impactPage-reports {
    background-size: 290%;
    background-position: center;
    background-position: left bottom;
    padding-bottom: 35px;
  }

  .desktoponly {
    display: none;
  }

  .mobileonly {
    display: block;
  }

  .impactPage-pressHeader {
    position: relative;
    margin: 85px 0 30px 0;
  }

  .impactPage-pressHeader .pressBolts {
    position: absolute;
    top: -165px;
    width: 40%;
    max-width: 200px;
  }

  .impactPage-pressHeader .pressBolts:nth-child(1) {
    left: 0;
  }

  .impactPage-pressHeader .pressBolts:nth-child(3) {
    right: 0;
  }

  .impactPage-pressCardcont {
    background-size: auto 20%;
  }

  .winnersTitle {
    max-width: 95%;
    margin: 0 auto;
  }

  .winnersSmile {
    position: absolute;
    top: 50px;
  }

  .winnersSmile:nth-child(1) {
    left: calc(50% - 73px);
  }

  .winnersSmile:nth-child(3) {
    display: none;
  }

  .winnersRowCont {
    background-size: auto 20%;
  }

  .winnersRowCont .featuredActionsWrapper {
    margin: -40px 0;
  }

  .winnersRowCont .slick-slide {
    transform: scale(0.95);
  }

  .winnersRowCont .slick-arrow {
    margin-top: 271px;
  }

  .reports-cont img {
    max-width: 95%;
    margin: 20px auto;
  }

  .impactPage-quotes {
    background-size: auto 20%;
    background-position: top;
  }

}

/* 500 */
@media screen and (max-width: 500px) {
  .actionStatCard {
    width: 160px;
    height: 216px;
    padding: 1px 0 16px 14px;
    margin: 10px 10px;
  }

  .actionStatGif {
    width: calc(100% - 14px);
    height: 79px;
    top: 64px;
  }

  .actionStatCard .actionData {
    font-size: 22px;
    width: calc(100% - 14px);
    bottom: 8px;
    right: 0;
  }
}

/* 400 */
@media screen and (max-width: 400px) {
  .actionStatCard {
    width: 120px;
    height: 160px;
    padding: 3px 0 13px 10px;
    margin: 10px 20px;
  }

  .actionStatGif {
    width: calc(100% - 10px);
    height: 65px;
    top: 46px;
  }

  .actionStatCard .actionData {
    font-size: 18px;
    width: calc(100% - 10px);
    bottom: 1px;
    right: 0;
  }

  .impactPage-pressHeader .pressTitle {
    margin: 0 auto;
    max-width: 90%;
  }

  .impactPage-pressHeader .pressBolts {
    top: -128px;
  }
}



@keyframes updown {
  to {
    transform: translateY(-10px) rotate(90deg);
  }
}

/* winners cards fix for mobile */

@media screen and (max-width: 450px) {
  .body_impact .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .body_impact .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .body_impact .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
 }

 .body_impact .card-new-bg-causes .card-new-icon-box {
    width: 30px !important;
  }

  .body_impact .card-new-icon-box {
    width: 20px !important;
  }

  .body_impact .card-new-description {
    line-height: 20px;
    margin-left: 5px;
    text-transform: uppercase !important;
  }

  .body_impact .card-new-bg-causes .card-new-description {
    line-height: 30px;
    margin-left: 5px;
  }

  .body_impact .artistHighlightsWrapper .card-new-description {
    padding-left: 0;
  }

  .body_impact .artistHighlightsWrapper .card-new-bar {
    padding: 15px 0 0 0 !important;
  }

  .body_impact .artistHighlightsWrapper .card-new-info {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .body_impact .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .body_impact .featuredActionsWrapper .card-new-description {
    font-size: 12px;
  }

  .body_impact .featuredActionsWrapper .slick-arrow {
    margin-top: 300px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .body_impact .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .body_impact .featuredActionsWrapper .slick-arrow {
    margin-top: 290px;
  }
}

/* End Impact Page */

.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: var(--propeller-black);
  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: var(--propeller-black);
  color: white;
  opacity: 1;
}

.donatePro_buts .tc .but:hover {
  background-color: #ed2c67;
  /* was #FE7A9B */
  opacity: 1;
}

.donatePro_buts .tc .but.active:hover {
    background-color: var(--propeller-black);
}

.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;
}

.body_events .exp-imageCarousel .slick-next {
  right: -32px;
}
.body_events .exp-imageCarousel .slick-prev {
  left: -32px;
}
.body_events .exp-imageCarousel {
  margin-left: 30px;
}

@media screen and (max-width: 650px) {
  .body_events .exp-imageCarousel {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .body_events .exp-imageCarousel .slick-arrow {
    display: none !important;
  }

  .event-newStyle-mode.body_events .event-intro.intro-text {
    font-size: 16px;
  }

  .event-newStyle-mode.body_events .event-intro {
    text-transform: uppercase;
  }
}

@media screen and (min-width: 651px) {
  .event-intro.subtitle-text {
    margin-top: 10px;
  }

    .body_events .exp-imageCarousel {
      margin: 0 auto;
    }
}

.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;
}
/* join */
.event-single-actbar.type_join .m.ico {
  display: none;
}

.event_act_cont .action_join_container {
  flex-direction: column !important;
}

.event_act_cont .join_action_inner .join-desktop-left {
  width: 100%;
  max-width: 100%;
}

.event_act_cont .join_action_inner .join-desktop-right {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
}

.event_act_cont .join_action_inner .action_description2 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 25px;
}

.event_act_cont .joinActionForm {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}

.event_act_cont .actionDisclaimer {
  max-width: 450px;
  margin: 0 auto;
}

.event_act_cont .event_act_act.container.action {
  max-width: 100%;
}

.event_act_cont .form_errors.active {
  max-width: 450px;
  margin: 0 auto 30px auto;
}
/*  */
.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;
}



/* homepage bar */
.propeller-body #vwo-widget-1699894349909 .vwo-notification-bar__close-button {
  top: 9px !important;
}

body:has(#vwo-widget-1699894349909) .wrapper.feed_list_page .adaptive-header {
  padding-top: 23px;
}

.wrapper.feed_list_page .header_push.vwo_loaded ~ .adaptive-header {
  padding-top: 84px;
}

/*!---------------------*/
/*! HOME PAGE - LOGGED IN  */
/*!---------------------*/
.body_feed.body-page-0 {
  overflow-x: hidden;
}

/* homepage hc stats */
.home-hc-stats {
  background-color: black;
  color: white;
  padding: 30px 20px;
  margin-top: -2px;
  /* display: none; */
}
.home-hc-stats span {
  font-weight: 600;
  /* font-size: 38px; */
}
.leader-hc-stats a {
  display: block;
  text-align: center;
  border-radius: 8px;
  width: 270px;
  margin: 0 auto;
  padding: 10px 20px;
  background-color: white;
  color: black;
  font-weight: 600;
  transition: 0.3s ease;
}
.leader-hc-stats a:hover {
  text-decoration: none;
  transform: scale(1.02);
}
.leader-hc-stats .small {
  text-align: center;
  font-size: 16px;
  padding-top: 8px;
  font-weight: 600;
  margin-bottom: 4px;
}
/*  */

/* ROWS */

.body_feed.body-page-0 .featuredActionsWrapper {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}

.body_feed.body-page-0 .ex-featuredWrapper {
  padding-bottom: 40px;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-track {
  padding-bottom: 50px;
}

.body_feed.body-page-0 .featuredActionsWrapper .carouselTitle,
.body_feed.body-page-0 .home-header,
.non-login-carousel-title,
.body_home.body-page-0 #blog-wrapper .home-header a {
  font-family: var(--propeller-title);
  font-size: 46px;
  text-transform: uppercase;
}

.body_feed.body-page-0 .featuredActionsWrapper .carouselTitle:hover {
  text-decoration: none;
}

.body_feed.body-page-0 #expRewardsCarousel {
  margin-bottom: -3px;
}

.body_feed.body-page-0 .featuredActionsWrapper .home-header-row {
  margin-bottom: 0px;
  border-bottom: none;
  display: block;
  width: 92%;
  margin: 0 auto;
  text-align: center;
}

.body_feed.body-page-0 .carousel-ExploreMovements,
.body_feed.body-page-0 .carousel-ExploreMovements {
  display: block !important;
}

  /* arrows */
.body_feed.body-page-0 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  z-index: 8;
  width: 25px;
  height: 38px;

}

.body_feed.body-page-0 .featuredActionsWrapper .slick-prev,
.body_home.body-page-0 .featuredActionsWrapper .slick-prev {
  margin-left: -30px;
  background-image: url('../images/standard-icon_arrow_left.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.body_feed.body-page-0 .carousel-ExploreMovements .slick-prev,
.body_feed.body-page-0 .carousel-ExploreMovements .slick-next {
  top: 276px;
}

.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;
  background-image: url('../images/standard-icon_arrow_right.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.body_feed.body-page-0 .card-ns .tate {
  display: none;
}

  /* cards */
@media screen and (max-width: 840px) {
  .body_feed.body-page-0 .featuredActionsWrapper .slick-arrow {
    display: none !important;
  }
}

@media screen and (max-width: 700px) {
  .body_feed.body-page-0 .actionSectionsWrapper {
    width: 100%;
  }

  .body_feed.body-page-0 .featuredActionsWrapper {
    width: 100%;
  }

  .body_feed.body-page-0 .card-new-container {
    width: 280px;
  }

  .body_feed.body-page-0 .carousel-ExploreMovements .card-new-container {
    width: 300px;
  }

}

@media screen and (max-width: 375px) {

}

.body_feed.body-page-0 .slick-slide {
  transform: scale(0.8);
  transition: 0.8s ease;
}

.body_feed.body-page-0 .slick-center {
  transform: scale(1);
}

.body_feed.body-page-0 .card-new {
  background-color: transparent;
}

.body_feed.body-page-0 .card-new-bar {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  padding-left: 1px;
}

.body_feed.body-page-0 .card-new-description-box {
  display: block;
  flex-grow: unset;
  margin-left: 6px;
}

.body_feed.body-page-0 .card-auction-price {
  text-transform: capitalize;
  margin-top: -4px;
  font-size: 12px;
}

.body_feed.body-page-0 .card-new-points {
  position: absolute;
  bottom: -374px;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  color: black;
  font-family: var(--propeller-text);
  background-color: var(--propeller-yellow);
  padding: 3px 10px;
  border-radius: 18px;
  font-size: 15px;
}

.body_feed.body-page-0 .card-new-points::after {
  content: ' points';
}

.body_feed.body-page-0 .ex-featuredWrapper .card-new-points::after {
  content: '';
}

.body_feed.body-page-0 .card-new-points.dollar {
  bottom: -345px;
  text-align: center;
}

.body_feed.body-page-0 .card-new-bg-donation.card-reward .card-new-points.dollar,
.body_feed.body-page-0 .card-reward .card-new-points {
  bottom: -384px;
  background-color: transparent;
}

.body_feed.body-page-0 .card-new-bg-donation.card-reward .card-new-points.dollar::after {
  content: '';
}

.body_feed.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points {
  display: block;
  width: 125px;
  text-align: center;
  font-size: 15px;
  line-height: 12px;
  position: absolute;
  bottom: -418px;
  font-weight: 600;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--propeller-yellow);
  padding: 6px 10px;
  border-radius: 18px;
}

.body_feed.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points::before {
  content: '+';
}

.body_feed.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points::after {
  content: ' POINTS';
}

.body_feed.body-page-0 .card-new-bar.card-new-bg-user-content .card-new-icon-box {
  display: none;
}

.body_feed.body-page-0 .card-new-bar.card-new-bg-user-content .card-new-description {
  padding-left: 0;
}

.body_feed.body-page-0 .card-new-description {
  text-transform: uppercase !important;
  font-family: var(--propeller-title);
  font-size: 20px;
}

.body_feed.body-page-0 .card-new-info {
  background-color: transparent;
  height: 70px;
  padding: 10px 0;
}

.body_feed.body-page-0 .card-new-info-container {
  background-color: transparent;
  color: black;
  font-size: 15px;
  line-height: 17px;
  text-transform: capitalize;
  text-align: center;
  -webkit-line-clamp: 3;
  font-family: var(--text);
  font-weight: 400;
  margin-bottom: 0;
}

.body_feed.body-page-0 .type-experiences .card-new-info-container::after {
  content: 'Take Action To Enter';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
  text-align: center;
  font-weight: 600;
  width: 180px;
}

/* if points are shown, make room */
.body_feed.body-page-0 .card-new-bar:has(.card-new-points) ~ .card-new-info .card-new-info-container {
  /* padding-right: 53px; */
}
.body_feed.body-page-0 .reward.points .card-new-bar:has(.card-new-points) ~ .card-new-info .card-new-info-container {
  /* padding-right: 70px; */
}
.body_feed.body-page-0 .card-new-bar:has(.card-new-points.dollar) ~ .card-new-info .card-new-info-container  {
  /* padding-right: 75px; */
}

.body_feed.body-page-0 .card-new-image {
  margin-top: 45px;
}

.body_feed.body-page-0 .carousel-ExploreMovements .card-new-image {
  margin-top: 0;
}

.body_feed.body-page-0 .metaDesc {
  display: none !important;
  color: black;
  font-size: 14px;
  font-weight: 100;
  line-height: 15px;
}

.body_feed.body-page-0 .ex-featuredWrapper .metaDesc {
  display: none !important;
}

.body_feed.body-page-0 .card-new-image {
  background-size: contain;
  background-color: transparent;
}

.body_feed.body-page-0 .card-new-bg-causes .card-new-icon-box, 
.body_feed.body-page-0 .card-new-bg-donation .card-new-icon-box {
  display: block !important;
  width: 18px !important;
  margin-right: 0;
}

.body_feed.body-page-0 .card-new-icon-box {
  width: 18px;
}

.body_feed.body-page-0 .card-new-bg-donation .card-new-icon {
  /* background-image: url('/images/icon_rewards.svg?v1');
  width: 20px;
  height: 20px;
  display: block;
  margin: 0; */
}

/* campaign */
.body_feed.body-page-0 .carousel-ExploreMovements .card-new-image,
.body_home.body-page-0 .carousel-ExploreMovements .card-new-image {
  height: 500px;
}

.body_home.body-page-0 .carousel-ExploreMovements .card-new, 
.body_feed.body-page-0 .carousel-ExploreMovements .card-new {
  background-color: transparent;
}

.body_feed.body-page-0 .carousel-ExploreMovements .campaign-card-title,
.body_home.body-page-0 .carousel-ExploreMovements .campaign-card-title  {
  display: block !important;
  text-align: center;
  color: black;
  font-size: 20px;
  margin-top: 15px;
  font-weight: 600;
}

.body_feed.body-page-0 .carousel-ExploreMovements .campaign-card-desc-text,
.body_home.body-page-0 .carousel-ExploreMovements .campaign-card-desc-text {
  display: block !important;
  opacity: 0;
  text-align: center;
  color: #242424;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  margin: 10px auto 0;
  transition: opacity 0.5s ease;
}

.body_feed.body-page-0 .carousel-ExploreMovements .campaign-card-cont a:hover {
  text-decoration: none;
}

.body_feed.body-page-0 .carousel-ExploreMovements .slick-center .campaign-card-desc-text,
.body_home.body-page-0 .carousel-ExploreMovements .slick-center .campaign-card-desc-text {
  opacity: 1;
}

/* instagram feed */
.body_feed.body-page-0 .instagram-media {
  margin: 0 auto !important;
}

/* mobile */

@media screen and (max-width: 650px) {
  .body_feed.body-page-0 .featuredActionsWrapper .home-header-row {
    text-align: center;
  }

  .body_feed.body-page-0 .featuredActionsWrapper .carouselTitle, 
  .body_feed.body-page-0 .home-header,
  .home-my-impact h2,
  .non-login-carousel-title,
  .body_home.body-page-0 #blog-wrapper .home-header a {
    font-size: 38px !important;
    line-height: 38px;
  }

  .body_feed.body-page-0 .carousel-ExploreMovements .card-new-image,
  .body_home.body-page-0 .carousel-ExploreMovements .card-new-image {
    margin-top: 16px;
  }

  .body_feed.body-page-0 .carousel-ExploreMovements .campaign-card-desc-text,
  .body_home.body-page-0 .carousel-ExploreMovements .campaign-card-desc-text {
    width: 100%;
    margin: 0 auto;
  }

  /* .body_feed.body-page-0 .card-new-points {
    bottom: -287px;
  }

  .body_feed.body-page-0 .card-new-points.dollar {
    bottom: -315px;
    right: -2px;
  }

  .body_feed.body-page-0 .card-new-bg-donation.card-reward .card-new-points.dollar {
    bottom: -297px;
  }

  .body_feed.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points {
    bottom: -322px;
  }

  .body_feed.body-page-0 .card-new-info-container {
    font-size: 12px;
    -webkit-line-clamp: 4;
  }

  .body_feed.body-page-0 .card-new-info {
    height: 62px;
    padding-bottom: 0;
    margin-bottom: 6px;
  }

  .body_feed.body-page-0 #expRewardsCarousel {
    margin-bottom: -90px;
  } */
}

@media screen and (max-width: 650px) {
  .body_feed.body-page-0 .card-new-icon-box {
    width: 20px !important;
  }

  .body_feed.body-page-0 .card-new-description {
    font-size: 16px !important;
    padding-left: 5px;
    margin: 0 0 -5px 0;
  }

  .body_feed.body-page-0 .card-new-points {
    font-size: 15px;
    bottom: -361px;
  }

  .body_feed.body-page-0 .card-new-points.dollar {
    bottom: -354px !important;
    width: 30%;
  }

  .body_feed.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points {
    bottom: -369px;
  }

  .body_feed.body-page-0 .reward.points .card-new-points {
    bottom: -362px;
  }
}

/* @media screen and (min-width: 370px) and (max-width: 410px) {
  .body_feed.body-page-0 .card-new-points {
    bottom: -292px;
    color: black;
    color: black;
  }

  .body_feed.body-page-0 .reward.points .card-new-points {
    bottom: -295px;
  }

  .body_feed.body-page-0 .card-new-points.dollar {
    bottom: -288px !important;
  }

  .body_feed.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points {
    bottom: -315px;
  }

  .body_feed.body-page-0 .card-new-info {
    height: 51px;
  }
} */

@media screen and (max-width: 375px) {
  .body_feed.body-page-0 .home-header {
    font-size: 20px;
  }
}

.body_feed.body-page-0 .footer-new {
  margin-top: 30px;
}


/* press logos */
.pressRow {
  width: 92%;
  margin: 0 auto;
}

#userHomePressRow {
  width: 94%;
  margin: 0 auto;
  max-width: 1400px;
  display: none;
}


#userHomePressRow img {
  max-width: 100%;
  width: 280px;
  height: 280px;
  object-fit: contain;
  margin: 0 auto;
}

#userHomePressRow img.w50 {
  width: 50%;
}

@media screen and (max-width: 1150px) {
  #userHomePressRow img {
    width: 200px;
  }
}

#userHomePressRow .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
  width: 280px;
  transform: scale(1);
}

#userHomePressRow .slick-arrow {
  position: absolute;
  z-index: 8;
  width: 50px;
  height: 50px;
}

#userHomePressRow .slick-next {
  margin-right: -30px;
  margin-top: -8px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
}

#userHomePressRow .slick-prev {
  margin-left: -30px;
  margin-top: -35px;
  background-image: url('../images/arrow-36.png');
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

@media screen and (max-width: 650px) {
  #userHomePressRow .slick-arrow {
    margin-top: 80px;
  }

  #userHomePressRow .slick-next {
    margin-right: 20px;
  }

  #userHomePressRow .slick-prev {
    margin-left: 20px;
    margin-top: 54px;
  }
}


/*
.body_feed.body-page-0 #featuredActionsCarouselWrapper .home-row-carousel {
  padding-top: 30px;
}



.body_feed.body-page-0 .carousel-ExploreMovements .home-row-carousel {
  margin-top: -30px;
}

.body_feed.body-page-0 .carousel-ExploreMovements .card-new-image {
  height: 520px;
}

.body_feed.body-page-0 .featuredActionsWrapper.carousel-Campaigns .slick-track {
  padding-bottom: 111px;
}

@media screen and (max-width: 500px) {
  .body_feed.body-page-0 .carousel-ExploreMovements {
    margin-bottom: 200px;
  }

  .body_feed.body-page-0 .featuredActionsWrapper .slick-current .card-new-container {
    width: 280px;
  }

  .body_feed.body-page-0 .carousel-ExploreMovements .card-new-image {
    height: 420px;
  }

  .body_feed.body-page-0 .carousel-ExploreMovements .home-row-carousel {
    margin-top: 30px;
  }
}

.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,
.body_feed.body-page-0 .featuredActionsWrapper .card-new-container  {
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-current .card-new-container {
  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,
.body_feed.body-page-0 .featuredActionsWrapper .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;
}

.body_feed.body-page-0 .featuredActionsWrapper .slick-current, .body_feed.body-page-0 .featuredActionsWrapper .slick-center {
  transform: scale(1);
  z-index: 10;
}

.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,
.body_feed.body-page-0 .featuredActionsWrapper .slick-current, .body_feed.body-page-0 .featuredActionsWrapper .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: 21px;
  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;
  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 .carousel-ExploreMovements .slick-slide {
    margin: -6px -40px 30px -40px;
   }

   .body_feed.body-page-0 .carousel-ExploreMovements.featuredActionsWrapper:nth-child(1) .slick-current, 
   .body_feed.body-page-0 .carousel-ExploreMovements.featuredActionsWrapper:nth-child(1) .slick-center {
    margin-top: 11px;
   }

   .body_feed.body-page-0 .featuredActionsWrapper .card-new-container {
     margin-top: -300px;
     width: 100%;
   }

   .body_feed.body-page-0 .carousel-ExploreMovements.featuredActionsWrapper .card-new-container {
    margin-top: 0;
   }

   .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 {
   }
}


@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 .carousel-ExploreMovements {
      margin-bottom: 80px !important;
    }

    .body_feed.body-page-0 .featuredActionsWrapper:nth-child(1) {
      margin-bottom: -80px;
    }

    .body_feed.body-page-0 .featuredActionsWrapper .slick-track {
      margin-left: -75px;
    }

    .body_feed.body-page-0 .featuredActionsWrapper.carousel-Campaigns.slick-current, 
    .body_feed.body-page-0 .featuredActionsWrapper.carousel-Campaigns .slick-center {
      margin-top: -42px !important;
      margin: -42px 23px 0px -25px !important    }

    .body_feed.body-page-0 .featuredActionsWrapper.carousel-Campaigns .slick-track {
      margin-left: -27px !important;
    }

   .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.carousel-Campaigns .slick-slide {
    margin-top:-100px;
   }

   .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 {
  }

   .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;
  }
} */


/* cards showing double points when premier */
.card-new-points span,
.card-points-per-dollar span {
  text-decoration: line-through;
  font-size: 0.9em;
}

.card-reward-donation span {
  text-decoration: line-through;
}

.card-new-reward.doublepts-1 .card-new-bg-donation .card-new-points.dollar::after {
  content: '20 points per $1';
}

.doublepts-1 .card-new-bg-causes .card-points-per-dollar {
  font-size: 11px;
  width: 58px;
}

.turbovote_cont {
  margin: 30px 0;
  padding: 20px;
  background-color: white;
}

@media screen and (max-width: 650px) {
  .turbovote_cont iframe {
    height: 1200px;
  }
}

.turbovote_cont .hclogo {
  object-fit: cover;
  width: 90%;
  margin: 0 auto;
  height: 145px;
  max-width: 400px;
}

/* turbovote */
#tv_embed {
  height: 1675px;
}

@media screen and (max-width: 695px) {
  #tv_embed {
      height: 1841px;
  }
}

@media screen and (max-width: 435px) {
  #tv_embed {
      height: 1995px;
  }
}


/* Homepage Banner */
.home-banner-cont {
  background-color: #FE20B0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: auto;
  z-index: 1001;
  padding: 15px;
}

#bannerClose {
  color: #f2f2f2;
  position: absolute;
  top: 2px;
  font-weight: 700;
  right: 10px;
  cursor: pointer;
  /* border-radius: 20px;
  border: 1px solid white;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center; */
}

.home-banner-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.home-banner-content p {
  margin-bottom: 0;
  color: #f2f2f2;
  font-weight: 600;
}

.home-banner-content a {
  margin-bottom: 0;
  display: block;
  color: #222;
  background-color: #f2f2f2;
  padding: 5px 18px;
  border-radius: 40px;
  font-weight: 800;
  margin-left: 15px;
}

.home-banner-content a:hover {
  text-decoration: none;
  transform: scale(1.03);
}

@media screen and (max-width: 650px) {
  .home-banner-cont {
    padding: 25px;
  }
  
  .home-banner-content {
    flex-direction: column;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
  }

  .home-banner-content p {
    margin-bottom: 10px;
  }

  .home-banner-content a {
    margin-left: 0;
  }
}


/* homepage not logged in  */
.body_home.body-page-0 {
  overflow-x: hidden;
}

.body_home.body-page-0 .card-new-container {
  transform: scale(0.8);
  transition: 0.5s ease;
}

.body_home.body-page-0 .slick-center .card-new-container {
  transform: scale(1);
}

/* campaign cards */
.non-login-carousel-title {
  padding-bottom: 10px;
}

.body_home.body-page-0 .non-login-home-campaigns .featuredActionsWrapper {
  display: block !important;
}

.body_home.body-page-0 .carousel-Campaigns .card-new-image {
  height: 500px;
}

.body_home.body-page-0 #blog-wrapper .card-new-image {
  background-size: contain;
}

.body_home.body-page-0 .carousel-Campaigns .card-new {
  background-color: transparent;
}

.body_home.body-page-0 .carousel-Campaigns .campaign-card-title {
  display: block !important;
  text-align: center;
  color: black;
  font-size: 20px;
  margin-top: 15px;
}

.body_home.body-page-0 .carousel-Campaigns .campaign-card-desc-text {
  display: block !important;
  opacity: 0;
  text-align: center;
  color: #242424;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  font-size: 18px;
  font-weight: 500;
  width: 120%;
  margin-left: -10%;
  padding-top: 10px;
  transition: opacity 0.5s ease;
}

.body_home.body-page-0 .carousel-Campaigns .slick-center .campaign-card-desc-text {
  opacity: 1;
}

.body_home.body-page-0 .home-header-row {
  display: none;
}

.body_home.body-page-0 #blog-wrapper .home-header-row {
  display: block;
  width: 100%;
  text-align: center;
  border-bottom: none;
}

.body_home.body-page-0 .non-login-home-experiences {
  margin-bottom: 200px;
}

/* start */
/* .body_home.body-page-0 .non-login-home-campaigns {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: block !important;
}



.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;
  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: 0;
  }

  .body_home.body-page-0 .non-login-home-campaigns .slick-current .campaign-card-desc-text {
    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 {
  }

  .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;
   }
}

@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;
  }
}




.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: 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 .slick-arrow {
  position: absolute;
  z-index: 8;
  width: 25px;
  height: 38px;
}

.body_home.body-page-0 .slick-prev {
  margin-left: -11px;
  margin-top: -35px;
  background-image: url('../images/standard-icon_arrow_left.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.body_home.body-page-0 .slick-next {
  margin-right: -13px;
  margin-top: -8px;
  background-image: url('../images/standard-icon_arrow_right.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.body_home.body-page-0 .ex-featuredWrapper {
  padding-bottom: 50px;
}


@media screen and (max-width: 650px) {
  .body_home.body-page-0 .slick-arrow {
    display: none !important;
  }
} 

.body_home.body-page-0 .home_join {
  display: none;
}
/* impact - minus "my impact" */
.body_home.body-page-0 .home-my-impact {
  display: none;
}

.body_home.body-page-0 .home-exp-small-carousel .slick-track {
  transform: none !important;
}

.body_home.body-page-0 .home-exp-small-carousel .card-new-container {
  transform: scale(0.9);
}

/* 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 {
  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;
  }
} */

.body_home.body-page-0 .non-login-home-experiences .slick-slide {
  transform: scale(1);
}

@media screen and (max-width: 450px) {
  .body_home.body-page-0 .card-new-container {
    width: 280px !important;
    margin: 0 -20px;
  }
  .body_home.body-page-0 .non-login-home-experiences .slick-slide {
    margin: 0 -20px;
  }

  .body_home.body-page-0 .card-new-description {
    font-size: 15px;
    padding-left: 8px;
  }

  .body_home.body-page-0 .card-new-info {
    padding: 5px 10px;
    font-size: 15px;
    height: 100px;
  }

  .body_home.body-page-0 .home-header {
    font-size: 23px;
  }

  .body_home.body-page-0 .nli-bottom {
    margin-bottom: -156px;
  }
}

/* not logged in bottom section - "what are you propelling?" */
.body_home.body-page-0 .nli-bottom {
  width: 100%;
  margin-top: 80px;
  background-color: transparent;
  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; */
  font-family: var(--propeller-title);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-size: 40px;
  color: var(--propeller-pink);
  padding: 0 20px;
}

@media screen and (max-width:650px) {
  .body_home.body-page-0 .nli-bottom h1 {
    font-size: 35px;
  }
}

/*!---------------------*/
/*! AMOE                */
/*!---------------------*/
/* https://design.propeller.la/amoe */

.body_amoe {
  color: white;
  background-color: #111;
}

.amoe-title {
  background-image: linear-gradient(to right, var(--prop-green), var(--prop-blue), var(--prop-purple), var(--prop-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-size: 60px;
  font-family:  "lores-12ot-bold";
  text-align: center;
  text-transform: uppercase;
  padding: 40px 15px;
  margin-bottom: 0 ;
}

.amoe-description {
  font-family: 'Neue Haas Grotesk Display Pro Bold';
  text-align: center;
  padding: 0 15px 15px;
  max-width: 750px;
  margin: 0 auto;
  font-size: 20px;

}

.amoe-description p {
  margin-bottom: 0 ;
}

.amoe-action {
  padding: 15px 15px;
  font-family: 'neue-haas-grotesk-text', sans-serif;
  text-align: left;
  font-size: 18px;
}

@media screen and (max-width: 450px) {
  .amoe-title {
    font-size: 40px;
  }
}


/* End AMOE */



/*!---------------------*/
/*! 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;
  } */
}

.cause-admin-section {
  margin-top: 200px;
}

/* 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; */
}

/*!---------------------*/
/*! Cause / Nonprofit Dashboard     */
/*!---------------------*/
/* https://design.propeller.la/cause/18179/human-rights-campaign */

/* desktop */
.body_cause .wrapper:has(.cause-dashboard-container) {
  background-image: url('../images/grid-background-repeat.png');
  background-repeat: repeat;
  background-position: top center;
  background-color: #111;
  color: white;
}

.cause-dashboard-container .fa.fa-sync:before {
  background-image: url('../images/refresh-icon.png');
  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 20px;
  display: block;
}

.cause-dashboard-container .fas.fa-envelope:before {
  background-image: url('../images/email-icon.png');
  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 23px;
  margin-right: 4px;
  height: 20px;
  display: block;
}

.cause-dashboard-container .fas.fa-download {
  padding-bottom: 3px;
}

.cause-dashboard-container .cause-dashboard-actions-completed .fas.fa-download:before {
  background-image: url('../images/downloand-icon-purple.png');
  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  margin-left: 4px;
  height: 20px;
  display: block;
}

.cause-dashboard-container .cause-dashboard-numdonations .fas.fa-download:before {
  background-image: url('../images/downloand-icon-green.png');
  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  margin-left: 4px;
  height: 20px;
  display: block;

}

/* top section */
.cause-dashboard-container .cause-top {
  width: 100%;
}

.cause-dashboard-container .cause-top-title {
  display: flex;
  flex-direction: row;
  align-items: start;
  color: white;
}

.cause-dashboard-container .cause-dash-image {
  width: 85px;
  height: 85px;
  position: relative;
}

.cause-dash-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.cause-dashboard-container .cause-name {
  padding-top: 2px;
  padding-left: 20px;
  color: white;
}

.cause-name span {
  font-size: 12px;
}

.cause-dashboard-container .cause-name h1 {
  font-family: var(--prop-font);
  font-weight: 100;
  font-size: 36px;
}

.cause-dashboard-container .cause-top-options {
  padding-left: 105px;
  margin-top: -30px;
  color: white;
}

.cause-top-options a {
  color: var(--prop-green);
  padding: 0 10px;
  font-size: 18px;
  text-decoration: underline;
}

.cause-top-options a:nth-child(1) {
  padding-left: 0;
}

/* cause dash stats */
.cause-dash-stats {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly;
}

.cause-dash-stats .statscol {
  display: flex;
  flex-direction: column;
  width: 33%;
  margin: 0 20px;
}

.cause-dash-stat {
  border: 2px solid var(--prop-pink);
  border-radius: 20px;
  padding: 15px;
  margin: 20px;
  width: 100%;
  display: inline-block;
}

.cause-dashboard-actions-completed {
  border-color: var(--prop-blue);
}

.cause-dashboard-numdonations,
.cause-dashboard-monthlysubs {
  border-color: var(--prop-green);
}

.cause-dashboard-dollars-raised {
  border-color: var(--prop-purple);
}

.cause-dash-stat .cause-stat-label {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 10px;
}

.cause-dash-stat .fa-edit:before,
.cause-dash-stat .fa-chart-area:before {
  color: transparent;
}

.cause-dash-stat .cause-stat-label h2 {
  font-family: var(--prop-lores);
  color: var(--prop-pink);
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
}

.cause-dashboard-actions-completed .cause-stat-label h2 {
  color: var(--prop-blue);
}

.cause-dashboard-numdonations .cause-stat-label h2,
.cause-dashboard-monthlysubs .cause-stat-label h2 {
  color: var(--prop-green);
}

.cause-dashboard-dollars-raised .cause-stat-label h2 {
  color: var(--prop-purple);
}

.cause-dash-stat .cause-stat-label .cause-stat-icon {
  background-image: url('../images/supporters-icon.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.cause-dashboard-actions-completed .cause-stat-label .cause-stat-icon {
  background-image: url('../images/actionscompleted-icon.png');
}

.cause-dashboard-numdonations .cause-stat-label .cause-stat-icon {
  background-image: url('../images/donations-icon.png');
}

.cause-dashboard-monthlysubs .cause-stat-label .cause-stat-icon {
  background-image: url('../images/monthlysubscriptions-icon.png');
}

.cause-dashboard-dollars-raised .cause-stat-label .cause-stat-icon {
  background-image: url('../images/dollars-raised-icon.png');
}

.cause-dashboard-avgdonation .cause-stat-label .cause-stat-icon {
  background-image: url('../images/averagedonation-icon.png');
}

.cause-dash-stat .badge {
  background-color: transparent;
  font-family: var(--prop-font);
  font-size: 40px;
  text-align: left;
  border-radius: 0;
  color: white;
  font-weight: 900;
  padding: 0;
}

.cause-dash-stat .badge-small {
  font-size: 14px;
}

.cause-dash-stat .divider {
  width: 100%;
  margin: 20px auto 10px auto;
  height: 2px;
}

/* actions completed */
.cause-dashboard-actions-completed .divider {
  background-color: var(--prop-blue);
}

.cause-dashboard-actions-completed .causedash-action-stat {
  color: var(--prop-purple);
  font-size: 15px;
}

.cause-dashboard-actions-completed .causedash-action-stat span {
  color: white;
}

.cause-dashboard-actions-completed .cause-dashboard-joins {
  display: flex;
  flex-direction: column;
  padding-top: 0;
}

.cause-dashboard-actions-completed .cause-dashboard-joins p {
  margin-bottom: -1px;
}

.cause-dashboard-actions-completed .cause-dashboard-joins a {
  padding-left: 5px;
  color: var(--prop-purple);
}

.cause-dashboard-actions-completed .cause-dashboard-download-joins {
  display: flex;
  align-items: center;
}

.cause-dashboard-actions-completed .fa-download:before {
  color: var(--prop-blue);
}

.cause-dashboard-actions-completed .causedash-action-stat {
  display: flex;
  align-items: center;
}

.cause-dashboard-actions-completed .cause-dashboard-joins {
  align-items: start;
}

.cause-dashboard-actions-completed .causedash-action-stat p {
  margin-bottom: 2px;
}

.cause-dashboard-actions-completed .far.fa-calendar-alt {
  padding-right: 5px;
}

.cause-dashboard-container .cause-download-button {
  /* background-image: url('../images/cd-download-button.png');
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  width: 100px;
  height: 20px; */

  background-image: url('../images/downloand-icon-purple.png');
  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  margin-left: 4px;
  margin-top: -6px;
  height: 20px;
  display: block;
}

/* donations */
.cause-dashboard-numdonations .divider {
  background-color: var(--prop-green);
}

.cause-dashboard-numdonations #donationsByYear div {
  font-size: 15px;
  margin: 6px auto;
  display: flex;
  align-items: center;
}

.cause-dashboard-numdonations #donationsByYear div.causestat-donyear {
  color: var(--prop-green);
  font-size: 22px;
  margin-top: 8px;
}

.cause-dashboard-numdonations i {
  color: var(--prop-green);
  padding-right: 8px;
}

/* bottom sec - map, chart, stripe */
.causedash-bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
}

.causedash-bottom .cause-bottom-sec {
  width: 45%;
  margin: 20px;
}

.causedash-bottom .cause-bottom-title,
.causedash-bottom .cause-bottom-sec .stripeTitle {
  font-family: var(--prop-lores);
  font-size: 20px;
}

.causedash.actionscompletechart tspan {
  color: white;
}

/* stripe */
.causedash-bottom .causedash-stripe {
  border: 2px solid #6872DE;
  width: 30%;
  min-width: 350px;
  max-width: 450px;
  margin-top: 40px;
}

.causedash-stripe .cause-stat-label h2 {
  color: #6872DE;
}

.causedash-bottom .causedash-stripe .cause-stat-label .cause-stat-icon {
  background-image: url('../images/stripe-icon.png');
}

.causedash-bottom .causedash-stripe a {
  color: #6872DE;
}

.causedash-bottom .stripeicons {
  margin-bottom: 2px;
}

.causedash-bottom .fas.fa-edit:before {
  color: transparent;
  background-image: url('../images/pencil-icon.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 30px;
  display: block;
}

.causedash-bottom .fas.fa-chart-area:before {
  color: transparent;
  background-image: url('../images/graph-icon.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 27px;
  display: block;
}

.causedash-bottom .admin.admin-propeller {
  opacity: 1 !important;
}

.causedash-bottom .stripe-firstline {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* cause dash resources */
.causedash-bottom .causedash-resources {
  margin-top: 40px;
  max-width: 350px;
}

.causedash-bottom .causedash-resources a {
  font-weight: 700;
  color: var(--prop-pink);
}

/* mobile */
@media screen and (max-width: 650px) {
  .cause-dashboard-container .cause-top-title {
    align-items: center;
  }

  .cause-dashboard-container .cause-name,
  .cause-dashboard-container .cause-name h1 {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .cause-dashboard-container .cause-top-options {
    padding-left: 0;
    padding: 10px;
    margin-top: 0;
    margin: 0 auto;
    width: 95%;
  }

  .cause-dashboard-container .cause-top-options .cause-options {
    display: flex;
    justify-content: center;
  }

  .cause-dash-stats {
    flex-direction: column;
  }

  .cause-dash-stats .statscol {
    width: 100%;
    margin: 0 auto;
  }

  .cause-dash-stat {
    margin: 10px 0;
  }

  .causedash-bottom .cause-bottom-sec {
    width: 100%;
  }

  .causedash-bottom .cause-bottom-sec.causedash-actionscompletechart {
    margin-left: 0;
    margin-bottom: 20px;
  }

  .causedash-bottom .cause-bottom-sec.causedash-actionscompletechart .cause-bottom-title {
    margin-bottom: -8px;
  }

  .causedash-bottom .cause-bottom-sec.causedash-stripe {
    margin: 0;
  }

  .causedash-bottom .cause-bottom-sec {
    margin: 10px 0;
  }
}

@media screen and (max-width: 420px) {
  .cause-dashboard-container .cause-name h1 {
    font-size: 32px;
  }
}

/* End Cause Dashbaord */


/*!---------------------*/
/*! Rewards Page /rewards         */
/*!---------------------*/
.body_rewards {
  /* background-color: #eaeaea; */
  background-color: white;
}

.body_rewards .get_onboard.right {
  display: none;
}

.body_rewards .bg_white,
.body_rewards .action_cont,
.body_rewards .shadow {
  box-shadow: none !important;
}

.body_rewards .payment_form input::placeholder,
.body_rewards .donate-user-fields-wrapper input::placeholder,
.body_rewards .credit-card-wrapper input::placeholder,
.body_rewards .credit-card-wrapper select::placeholder,
.body_rewards .payment_form select::placeholder,
.body_rewards input::placeholder,
.body_rewards input::-ms-input-placeholder,
.body_rewards ::-webkit-input-placeholder {
  color: #444 !important;
  opacity: 1; 
}

.body_rewards .disclaimer501 {
  font-style: italic;
  color: black;
}

.body_rewards .badge {
  z-index: 0;
}

.body_rewards.body-page-0 .push {
  height: 0;
}

.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;
  }
}

/* new rewards home changes */
.body_rewards.body-page-0 {
  --title: "aktiv-grotesk-condensed";
  --text: "aktiv-grotesk";

  --newpink: #FE20B0;
  --newpurple: #983DFF;
  --newgray: lightgray;
}

.body_rewards.body-page-0 .feed_list_page {
  /* margin-top: 86px; */
  position: relative;
}

@media all and (max-width: 419px){
  .body_rewards.body-page-0 .feed_list_page {
    /* margin-top: 74px; */
  }
}

.body_rewards.body-page-0 .feed_list_page  .header_push {
  /* height: 20px; */
}

.body_rewards.body-page-0 .homepage-highlighted-action-container {
  margin-bottom: 0px;
}

.body_rewards.body-page-0 .logo .icon-propeller2,
.body_rewards.body-page-0 .logo .propeller,
.body_rewards.body-page-0 .header_right .fas.fa-search,
.body_rewards.body-page-0 .header_right .odometer-value,
.body_rewards.body-page-0 .header_right a,
.body_rewards.body-page-0 .nav-update-points .odometer-inside:after,
.body_rewards.body-page-0 .icon-hamburger,
.body_rewards.body-page-0 .odometer-formatting-mark {
  /* color: black !important; */
}

.body_rewards.body-page-0 .adaptive-header {
  display: none;
}

.body_rewards.body-page-0 .rewards-navbar {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  background-color: white;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.body_rewards.body-page-0 .rewards-navbar a {
  color: var(--propeller-purple);
  font-size: 15px;
  font-family: var(--propeller-text);
  text-transform: capitalize;
  font-weight: 300;
  margin: 8px;
  border-radius: 20px;
  border: 1px solid var(--propeller-purple);
  padding: 3px 18px;
}

.body_rewards.body-page-0 .rewards-navbar a:hover {
  text-decoration: none;
  text-decoration-thickness: 2px;
  transform: scale(1.03);
}

.body_rewards.body-page-0 .rew-row-container {
  padding: 50px 0;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}

.body_rewards.body-page-0 .auction-row-container {
  display: none;
}

.merch-row-container {
  /* display: none; */
}

.body_rewards.body-page-0 .rewardsDesktopRow {
  display: none;
}

.body_rewards.body-page-0 .rewardsMobileRows {
  display: block;
}

.body_rewards.body-page-0 .rewardsSweepsDeskRow.rewardsDesktopRow {
  display: block;
}

/* don't show the second row on desktop */
@media screen and (min-width: 650px) {
  .body_rewards.body-page-0 .rewardsDesktopRow {
    display: block;
  }

  .body_rewards.body-page-0 .rewardsMobileRows {
    display: none;
  }

  .body_rewards.body-page-0 .rewards-navbar {
    height: auto;
  }
}

.body_rewards.body-page-0 .featuredActionsWrapper {
  width: 100%;
}

.body_rewards.body-page-0 .featuredActionsWrapper .home-header-row {
  width: 100%;
  border-bottom: none;
  display: none;
}

.body_rewards.body-page-0 .rew-row-container h2 {
  font-family: var(--title);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
  /* padding-left: 15px; */
  margin-top: 15px;
  margin-bottom: 0;
  text-align: center;
}

.body_rewards.body-page-0 .rew-row-container p {
  font-weight: 600;
  padding: 0 15px;
  margin-right: auto;
  font-family: var(--text);
  text-align: center;
}

@media screen and (min-width: 650px) {
  .body_rewards.body-page-0 .rew-row-container h2 {
    /* padding-left: 30px; */
  }

  .body_rewards.body-page-0 .rew-row-container p {
    /* padding: 0px 0px 0px 30px; */
    margin: 0 auto;
    /* max-width: 470px; */
  }
}
@media screen and (max-width: 649px) {
  .body_rewards.body-page-0 .rew-row-container h2 {
    /* padding-left: 30px; */
  }
  .body_rewards.body-page-0 .rew-row-container p {
    padding: 0px 30px;
  }
}

.body_rewards.body-page-0 .card-new-container {
  /* width: 100%; */
}

.body_rewards.body-page-0 .card-new {
  display: flex;
  flex-direction: column;
}

.body_rewards.body-page-0 .card-new-image {
  order: 1;
}

.body_rewards.body-page-0 .card-new-bar {
  order: 3;
}

.body_rewards.body-page-0 .card-new-info {
  order: 2;
}

.body_rewards.body-page-0 .featuredActionsWrapper .card-new-info {
  background-color: transparent;
  padding: 0 8px 15px 8px;
  margin-top: 10px;
  height: 76px;
  text-align: center;
  font-weight: 500;
}

@media all and (max-width: 650px){
  .body_rewards.body-page-0 .featuredActionsWrapper .card-new-info {
    padding: 0 0 15px 0;
  }
}

.body_rewards.body-page-0 .featuredActionsWrapper .card-new-bar {
  background-color: transparent;
}

.body_rewards.body-page-0 .featuredActionsWrapper .card-new-icon-box {
  display: none;
}

.body_rewards.body-page-0 .featuredActionsWrapper .card-new-description-box {
  margin-left: 0;
}

.body_rewards.body-page-0 .featuredActionsWrapper .card-new-description {
  font-size: 14px;
  font-weight: 500;
}

.body_rewards.body-page-0 .featuredActionsWrapper .card-new-bg-donation .card-new-description,
.body_rewards.body-page-0 .featuredActionsWrapper .card-new-bg-points .card-new-description {
  display: none;
}


.body_rewards.body-page-0 .featuredActionsWrapper .card-new-info-container {
  color: #444;
  font-size: 14px;
  -webkit-line-clamp: 3;
  font-family: var(--text);
  font-weight: 400;
}

.body_rewards.body-page-0 .featuredActionsWrapper .card-new-points {
  position: absolute;
  left: 0px;
  bottom: -24px;
  font-family: 'Trade Gothic Next LT Pro Condensed';
  font-size: 18px;
  width: 100%;
  text-align: center;
}

.body_rewards.body-page-0 .auction-card .card-new-bg-donation {
  margin-top: -15px;
}

.body_rewards.body-page-0 .card-new-bg-donation .card-new-points.dollar::after {
  content: '';
}

.body_rewards.body-page-0 .card-new-bg-donation.card-reward .card-new-points {
  position: relative;
  bottom: 0;
  font-weight: 700;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.body_rewards.body-page-0 .card-new-bg-donation.card-reward .card-new-description-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.body_rewards.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points {
  display: block;
  /* width: 100%; */
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  font-family: var(--text);
  color: #444;
}

.body_rewards.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points::before {
  content: 'PLUS: EARN ';
}

.body_rewards.body-page-0 .card-new-bg-donation.card-reward .card-reward-donation-points::after {
  content: ' POINTS';
}

.body_rewards.body-page-0 .card-new-reward .reward.donation .card-new-info {
  margin-bottom: -15px;
}

.body_rewards.body-page-0 .reward.points.card-new-container .card-new-bar {
  padding: 0;
}

.body_rewards.body-page-0 .reward.points.card-new-container .card-new-points {
  bottom: -13px;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.body_rewards.body-page-0 .rew-page-link {
  border-radius: 30px;
  padding: 12px 25px;
  margin: 0 auto;
  height: auto;
  transition: 0.3s ease;
  display: block;
  background-color: var(--propeller-black);
  color: var(--propeller-white);
}

.body_rewards.body-page-0 .rew-page-link p {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding: 0;
  line-height: 1;
}

.body_rewards.body-page-0 .rew-page-link a {
  color: var(--propeller-white);
  text-transform: uppercase;
  font-family: var(--propeller-title);
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  border: none;
}

.body_rewards.body-page-0 .rew-page-link:hover {
  text-decoration: none;
  transform: scale(1.03);
}

.body_rewards.body-page-0 .rew-page-link a:hover {
  text-decoration: none;
}

@media screen and (min-width: 650px) {
  .body_rewards.body-page-0 .rewards-navbar a {
    font-size: 17px;
  }
}

@media screen and (min-width: 880px) {
  .body_rewards.body-page-0 .rewards-navbar {
    padding: 0 30px;
  }
}

.body_rewards.body-page-0 .slick-arrow {
  background-image: url('../images/standard-icon_arrow_right.svg');
  background-color: #FFF;
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 38px;
  padding: 10px;
  border-radius: 0;
  z-index: 10;
  top: 160px;
  transform: none;
}

.body_rewards.body-page-0 .slick-prev {
  margin-left: 0px;
  left: -55px;
  transform: rotate(180deg);
}

.body_rewards.body-page-0 .slick-next {
  margin-right: 0px;
  right: -65px;
}
@media all and (min-width: 1025px) and (max-width: 1620px){
  .body_rewards.body-page-0 .featuredActionsWrapper{
    width: 90%;
  }
}
@media all and (max-width: 1024px){
  .body_rewards.body-page-0 .featuredActionsWrapper{
    width: 87%;
  }
  .body_rewards.body-page-0 .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .body_rewards.body-page-0 .slick-prev {
    left: -23px;
  }
  .body_rewards.body-page-0 .slick-next{
    right: -33px;
  }
}
@media all and (max-width: 649px) and (min-width: 376px){
  .body_rewards.body-page-0 .featuredActionsWrapper{
    width: 84%;
  }
  .body_rewards.body-page-0 .slick-arrow{
    top: 84px;
  }
  .body_rewards.body-page-0 .slick-prev{
    left: -26px;
  }
  .body_rewards.body-page-0 .slick-next{
    right: -30px;
  }
}


.body_rewards.body-page-0 .slick-disabled {
  display: none !important;
}

.body_rewards.body-page-0 .rew-checkpoint {
  position: absolute;
  top: -85px;
}

.nothingHereNotice {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 30px;
  padding: 20px 20px 0;
  font-weight: 700;
  color: var(--propeller-pink);
  font-family: var(--propeller-title);
}

.body_rewards.body-page-0 .nothingHereNotice ~ .rew-page-link {
  display: none;
}

.body_rewards.body-page-0 .nothingHereNotice ~ .rew-page-link.past-auctions {
  display: block;
  margin: 30px auto;
}

@media screen and (max-width: 650px) {
  .body_rewards.body-page-0 .nothingHereNotice {
    margin-bottom: 20px;
    width: 75%;
  }
}

.body_rewards.body-page-0 .card-new-link {
  transition: all 0.3s ease;
}

.body_rewards.body-page-0 .card-new-link:hover {
  transform: scale(1.02);
}

.body_rewards.body-page-0 .card-type {
  display: none;
}

.body_rewards.body-page-0 .carousel-Sweepstakes .card-new-description,
.body_rewards.body-page-0 .carousel-Sweepstakes1 .card-new-description,
.body_rewards.body-page-0 .carousel-Sweepstakes2 .card-new-description {
  visibility: hidden;
  font-size: 1px;
}

.body_rewards.body-page-0 .action-type-experiences,
.body_rewards.body-page-0 .action-type-event-dates {
  --rewardCardText: 'ENTER NOW';
}

.body_rewards.body-page-0 .carousel-Sweepstakes .card-new-description::after,
.body_rewards.body-page-0 .carousel-Sweepstakes1 .card-new-description::after,
.body_rewards.body-page-0 .carousel-Sweepstakes2 .card-new-description::after {
  visibility: visible;
  content: var(--rewardCardText);
  font-size: 18px;
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-family: var(--title);
}


.body_rewards.body-page-0 .carousel-Sweepstakes .card-new-bar,
.body_rewards.body-page-0 .carousel-Sweepstakes1 .card-new-bar,
.body_rewards.body-page-0 .carousel-Sweepstakes2 .card-new-bar {
  padding: 0;
}

.body_rewards.body-page-0 .footer-new {
  margin-top: 168px;
}

@media screen and (max-width: 650px) {
  .body_rewards.body-page-0 .carousel-Sweepstakes .card-new-description::after,
  .body_rewards.body-page-0 .carousel-Sweepstakes1 .card-new-description::after,
  .body_rewards.body-page-0 .carousel-Sweepstakes2 .card-new-description::after {
    font-size: 14px;
    left: 0px;
  }

  .body_rewards.body-page-0 .featuredActionsWrapper .card-new-points {
    left: 0;
  }

  .body_rewards.body-page-0 .card-new-bg-donation .card-new-points.dollar::after {
    content: '';
  }

  .body_rewards.body-page-0 .featuredActionsWrapper.carousel-Auctions1 .card-new-bar,
  .body_rewards.body-page-0 .featuredActionsWrapper.carousel-Auctions2 .card-new-bar {
    padding-left: 0 !important;
  }

  .body_rewards.body-page-0 .auction-card .card-new-bg-donation {
    font-size: 15px !important;
    padding: 12px 15px 8px 15px !important;
    text-align: center;
    width: 100%;
  }

  .body_rewards.body-page-0 .rew-page-link a {
    font-size: 16px;
  }

  .body_rewards.body-page-0 .rew-row-container h2 {
    font-size: 30px;
  }
}

@media all and (max-width: 450px){
  .body_rewards.body-page-0 .rew-row-container h2{
    font-size: 34px;
  }

  .body_rewards.body-page-0 .featuredActionsWrapper{
    width: 82%;
  }

  .body_rewards.body-page-0 .slick-prev, .body_rewards.body-page-0 .slick-next {
    top: 122px;
  }

  .body_rewards.body-page-0 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .body_rewards.body-page-0 .featuredActionsWrapper .card-new-info-container {
    font-size: 14px;
    line-height: 14px;
    -webkit-line-clamp: 5;
  }

  .body_rewards.body-page-0 .featuredActionsWrapper .card-new-info {
    height: 81px;
  }

  .body_rewards.body-page-0 .featuredActionsWrapper .card-new-info{
    padding: 0 0 10px 0;
  }

  .body_rewards.body-page-0 .featuredActionsWrapper .card-new-points{
    left: 0;  
    bottom: -5px;
  }

  .body_rewards.body-page-0 .carousel-Sweepstakes .card-new-description::after,
  .body_rewards.body-page-0 .carousel-Sweepstakes1 .card-new-description::after,
  .body_rewards.body-page-0 .carousel-Sweepstakes2 .card-new-description::after {
    bottom: -5px;
  }

  .body_rewards.body-page-0 .footer-new {
    margin-top: 203px;
  }
}



/* see all card */
.seeAllCardLink {
  text-decoration: none;
  color: black;
  margin-top: 10px;
}

.seeAllCardLink:hover .seeAllCard div {
  text-decoration: underline;
  text-decoration-color: black;
}

.body_rewards .seeAllCard {
  width: 290px;
  height: 290px;
  background-color: #d3d3d3;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.body_rewards .seeAllCard div {
  text-align: center;
  font-size: 30px;
  width: 240px;
  white-space: pre-wrap;
  color: black;
  font-weight: 100;
}

.body_rewards .seeAllCard div:hover {

}

/* reward section pages */
/* https://design.propeller.la/donation-rewards */
/* https://design.propeller.la/points-rewards */
/* https://design.propeller.la/auction-rewards */
.reward-section-page {
  --title: "aktiv-grotesk-condensed";
  --text: "aktiv-grotesk";

  --newpink: #FE20B0;
  --newpurple: #983DFF;
  --newgray: lightgray;
}

.reward-section-page .backToRewardsCont {
  width: 100%;
  margin: 30px;
}

.reward-section-page .backToRewardsCont a {
  color: black;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  font-family: var(--title);
  border: 1px solid gray;
  border-radius: 20px;
  padding: 6px 16px;
}

.reward-section-page .backToRewardsCont a:hover {
  text-decoration: none;
}

.reward-section-page h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
  padding-left: 15px;
  max-width: 1450px;
  margin: 15px auto 0;
  font-family: var(--title);
}

.reward-section-page p {
  max-width: 1450px;
  margin: 15px auto 0;
  font-family: var(--text);
  font-weight: 600;
}

.reward-section-page .featuredActionsWrapper {
  width: 100%;
}

.reward-section-page .featuredActionsWrapper:has(.card-ns) .home-row {
  height: auto;
}

.reward-section-page .home-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1450px;
  margin: 0 auto;
}

.reward-section-page .carouselTitle {
  display: none;
}

/* mobile grid */
@media screen and (max-width: 700px) {
  .reward-section-page .card-new-link,
  .reward-section-page .card-new-container {
    width: 200px;
  }

  .reward-section-page .card-new-bar {
    padding: 10px 8px !important;
  }

  .reward-section-page .card-new-description-box {
    margin-left: 5px !important;
  }

  .reward-section-page .card-new-description {
    font-size: 9px;
    text-transform: uppercase !important;
  }

  .reward-section-page .card-new-points {
    font-size: 11px;
    margin-top: -1px;
  }

  .reward-section-page .card-new-icon-box {
    width: 12px !important;
    padding-top: 1px !important;
  }

  .reward-section-page .card-new-info {
    height: 108px;
    padding: 10px !important;
  }

  .reward-section-page .card-new-info-container {
    font-size: 15px;
    -webkit-line-clamp: 4;
  }
}

@media screen and (max-width: 450px) {
  .reward-section-page .card-new-link,
  .reward-section-page .card-new-container {
    width: 170px;
  }
}


/* desktop */
@media screen and (min-width: 650px) {
  .reward-section-page h1 {
    padding-left: 35px;
  }

  .reward-section-page p {
    padding-left: 35px;
  }
}


/* 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;
}

/* rewards detail page */
.body_rewards .action_cont.action-details,
.body_causes .causes_new.rewards .action_cont.action-details-mini {
  max-width: unset;
}

.body_causes .causes_new.rewards .bg_white {
  background-color: #fbfbfb;
}

.body_causes .causes_new.rewards .causes_2020_col1 {
  width: 100%;
}

.body_causes .causes_new.rewards .shadow_sm {
  box-shadow: none;
}

.body_rewards .cost-range,
.body_causes .causes_new.rewards .cost-range {
  font-weight: 700;
  padding-bottom: 20px;
}

.body_rewards .action_rewards .action_detail .shop_detail.abreak-desktop,
.body_causes .causes_new.rewards .action_detail .shop_detail.abreak-desktop {
  flex-direction: row;
}

.body_rewards .col_left.left,
.body_causes .causes_new.rewards .col_left.left {
  width: 100%;
}

.body_causes .causes_new.rewards .shop_detail.abreak-desktop .col_left.left {
  width: 50%;
}

/* desktop */
@media screen and (min-width: 650px) {
  .body_rewards .action_rewards .action_detail .shop_detail.abreak-mbl,
  .body_causes .causes_new.rewards .action_detail .shop_detail.abreak-mbl {
    flex-direction: column;
  }

  .body_rewards .col_left.left,
  .action_detail .shop_detail .col_left.left {
    width: 70%;
    margin: 0 auto;
  }
}

.body_rewards .action-disclaimer a {
  text-decoration: underline;
}

.update_ship_addy a {
  text-decoration: underline;
}



/*!---------------------*/
/*! Auction Rewards     */
/*! https://design8.propeller.la/rewards/34538/test-bid-to-win-the-shirt-off-george-straits-back-from-tonights-show-duplicate
/*!---------------------*/

.body_rewards {
  background-color: #f1f1f1;
}

.shop-auction-container .shopRewContainer {
  border: 2px solid black;
  padding: 15px;
  background-color: white;
}

.shop-auction-container .shopRewDesc {
  margin-top: 30px;
  border: 2px solid black;
  padding: 15px;
  background-color: white;
}

.shop-auction-container .alert {
  background-color: white;
  border: 2px solid var(--propeller-pink);
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
}

.shop-auction-container .alert a {
  color: var(--propeller-pink);
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

.shop-auction-container #priceBlock {
  display: none;
}

.shop-auction-container .highest-bid-price {
  font-family: var(--propeller-title);
  font-size: 28px;
  font-weight: 900;
  padding-right: 10px;
}

.shop-auction-container .highest-bid-price-label {
  margin-bottom: 0;
}

.shop-auction-container .highest-bid-price-num-cont {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  position: relative;
}

.shop-auction-container .highest-bid-hover {
  border: 1px solid darkgray;
  color: darkgray;
  display: inline-block;
  padding: 2px 7px 1px;
  margin-left: 10px;
  cursor: pointer;
  font-size: 12px;
}

.shop-auction-container .highest-bid-hover-text {
  display: none;
  position: absolute;
  border: 2px solid black;
  padding: 15px;
  background-color: #f2f2f2;
  bottom: -197px;
  left: 86px;
  z-index: 20;
}

.shop-auction-container .highest-bid-hover:hover + .highest-bid-hover-text {
  display: block;
}

.shop-auction-container .auction-end-date {
  margin-bottom: 0;
}

.shop-auction-container #timer {
  color: var(--propeller-pink);
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1290px) {
  .shop-auction-container #timer {
    font-size: 2.5vw;
  }
}

.shop-auction-container .dash-btn.auction-button {
  width: 90%;
  max-width: 90%;
  height: auto;
  font-size: 25px;
  margin: 0 auto;
  background-color: var(--propeller-pink) !important;
  background-image: none;
  font-family: var(--propeller-title);
  border: none;
  color: var(--propeller-white);
}

.shop-auction-container .auction-warning-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 50px;
  border: 2px solid black;
  width: 50%;
  min-width: 350px;
  max-width: 600px;
  height: auto;
  color: var(--propeller-black);
  font-weight: 700;
  font-size: 20px;
}

.shop-auction-container .auction-warning-popup a {
  color: var(--propeller-black);
}

.shop-auction-container .auction-warning-popup .auctionClosePopup {
  position: absolute;
  right: 13px;
  top: 2px;
  cursor: pointer;
}

@media screen and (max-width: 707px) {
  .shop-auction-container {
    flex-direction: column;
  }

  .shop-auction-container.abreaks.abreak-mbl .col_right {
    width: 100% !important;
  }

  .shop-auction-container.abreaks.abreak-mbl .col_right {
    padding-left: 0;
  }

  .shop-auction-container .shopRewContainer {
    margin-top: 30px;
  }

  .shop-auction-container .shopRewDesc {
    margin: 30px 0;
  }

  .shop-auction-container .actionDetailsActionTitle .shop_title {
    padding-top: 0;
  }

  .shop-auction-container #timer {
    font-size: 7.5vw;
  }
}

/*  */


/*!---------------------*/
/*! Action Code Pages         */
/*!---------------------*/
.body_action-code .action_cause.grid_causes.right {
  display: none;
}

.body_action-code .action_detail.has_cause .action_cont {
  width: 100%;
}

.body_action-code .shadow {
  box-shadow: none !important;
  background-color: transparent;
}

.body_action-code #joinMailingListFormX {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.body_action-code #joinMailingListFormX .action-code-left {
  width: 100%;
}

.body_action-code #joinMailingListFormX .action-code-right {
  width: 100%;
}

.body_action-code .action-code-section {
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background-color: #ededed;
  z-index: 100;
  padding: 0px 20px 7px 20px;
  /* border: 2px solid black;  */
}

.body_action-code .action-code-code {
  width: 100%;
  /* margin: 15px auto 0 auto; */
  /* background-color: #fefefe !important; */
  background-color: white !important;
  color: #111;
}

@media screen and (min-width: 650px) {
  .body_action-code #joinMailingListFormX {
    flex-direction: row;
  }

  .body_action-code #joinMailingListFormX .action-code-left {
    width: 40%;
  }

  .body_action-code #joinMailingListFormX .action-code-right {
    width: 55%;
  }

  .body_action-code .action-code-section {
    width: 350px;
    left: unset;
    bottom: 40px;
    right: 40px;
    border-radius: 10px;
  }
}

/*!---------------------*/
/*! 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;
}

.body_experiences.body-page-0 .grid_experiences.experience_ended {
  filter: grayscale(100%);
}


/*!---------------------*/
/*! Event Page         */
/*!---------------------*/

/* AMOE */
.event-amoe-cont {
  max-width: 100%;
  margin: 20px auto;
  padding: 20px;
  text-align: center;
  background-color: black;
  color: white;
  border: 2px solid white;
  max-width: 680px;
}

.event-amoe-cont p,
.amoe-has-winner {
  font-weight: 600;
  max-width: 680px;
  margin: 0 auto;
  color: white;
  text-align: center;
}

.event-amoe-cont h1 {
  color: white;
}

.event-amoe-cont p {
  padding-bottom: 20px;
}

.event-amoe-cont .alert-success {
  margin-bottom: 15px;
}

.amoe-has-winner {
  padding: 20px;
}

.event-amoe-button,
.event-amoe-button:visited,
.event-amoe-button:focus {
  color: white;
  display: block;
  margin: 0 auto;
  line-height: 21px;
  font-size: 16px;
  transition: ease 0.3s;
  border-width: 2px;
  border-color: white;
}

.event-amoe-button:hover {
  color: white;
  border-color: white;
  transform: scale(1.03);
}

.event-amoe-cont form {
  margin-bottom: 0;
}

.amoe-has-winner {
  background-color: black;
  max-width: 680px;
  width: 100%;
  margin: 20px auto;
  border: 2px solid white;
}

.event-amoe-cont h1 {
  color: white;
}

.event-amoe-cont input,
.event-amoe-cont .field-state-select-country,
.event-amoe-cont .field-state,
.event-amoe-cont .field-wrapper {
  max-width: 400px;
  margin: 7px auto;
}

.event-amoe-cont input,
.event-amoe-cont select {
  color: #777777;
  margin-bottom: 7px;
}

.event-amoe-cont .userOptInCont a,
.event-amoe-cont .amoe-rules-row a {
  color: lightblue;
  text-decoration: underline;
}


.userOptInCont,
.amoe-rules-row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: start;
  margin-bottom: 15px;
  max-width: 419px;
  margin: 10px auto 20px;
}

.body_events .amoe-cont .userOptInCont label::after {
  content: "Consent is not a condition of any purchase. Reply HELP for help and STOP to cancel.";
}

.userOptInCont .userOptIn,
.amoe-rules-row .amoeRules {
  color: var(--propeller-black);
  width: 20px;
  height: 20px !important;
  box-shadow: none;
  margin: 0 10px 0 !important;
}

.userOptInCont a,
.amoe-rules-row a {
  /* color: #7cd3d2; */
  color: var(--propeller-purple);
  text-decoration: underline;
}

.userOptInCont .userOptInLabel,
.amoe-rules-row .amoeRulesLabel {
  font-size: 15px;
  text-align: left;
}

/* .event-light-mode .event-amoe-button,
.event-light-mode .event-amoe-button:visited,
.event-light-mode .event-amoe-button:focus {
  color: black;
  border-color: black;
}

.event-light-mode .event-amoe-button:hover {
  color: black;
  border-color: black;
} */

/* end amoe */


/* st jude temp disc lang */
/* https://propeller.la/events/31749/31757/31756/31751/27095 */
.body_events.body-page-31749 .temp-jude-disc,
.body_events.body-page-32232 .temp-jude-disc {
  display: block !important;
}
/*  */

/* has winner, dont show actions */
.event-has-winner.actiond-container,
.event-has-winner.event-choose-action {
  display: none;
}

.body_events {
  overflow-x: hidden;
  background-color: white;
}

.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;
}

.event-image.event-image-single {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.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;
  }
}

.mobileOnly.upgrade-description {
  padding: 0 40px;
}

.event-actions-landing .paragraph-text,
.event-desktop-top .paragraph-text {
  text-align: center;
  margin-top: 10px;
}

.event-actions-landing ul,
.event-desktop-top ul {
  list-style: disc outside;
  padding: 0 20px;
  text-align: left;
}

.event-single-wrapper .read-more-text-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.event-single-wrapper .read-more-text-container p,
.event-single-wrapper .read-more-text-container img,
.event-single-wrapper .read-more-text-container ul {
  max-width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 650px) {
  .event-single-wrapper .read-more-text-container li {
    text-align: left;
  }
}

.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;
}

@media screen and (min-width: 650px) {
  .event-choose-action .event-take-action-title {
    height: 190px;
    margin-top: 60px;
  }

  .event-desktop-top .event-title {
    padding-bottom: 40px;
  }
}

.event-choose-action .event-take-action-desc {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 550px;
}

.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;
}


.event-top-button,
.event-top-button:hover {
  color: black;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-top: 8px;
  width: 100%;
  z-index: 9;
  margin-left: auto;
  margin-right: auto;
  max-width: 290px;
  text-decoration: none;
}

.event-top-button div {
  background-color: #1EFE90;
  padding: 15px;
  border-radius: 10px;
}

/* 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;
    align-items: center;
  }

  .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%;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
  }

  .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;
  }

}

@media screen and (min-width: 1200px) {
  .event-arrow-cont {
    margin-top: -150px;
  }
}

.body_events #buyRewardButton {
  margin-top: 30px;
}

.body_events .event-single-wrapper:has(.action-details) .event-top-button {
  display: none;
}

/* voter embed */
.event-voter-embed {
  width: 90%;
  margin: 30px auto;
  max-width: 650px;
}

.event-voter-embed iframe {
  border-radius: 20px;
  width: 100%;
}

.event-embed-button {
  background-color: black;
  color: white;
  font-family: 'Lores 9 Plus Wide Regular';
  font-weight: 100;
  width: 180px;
  text-align: center;
  padding: 10px 20px;
  border-radius: 30px;
  margin: 0 auto 30px auto;
  cursor: pointer;
}

.event-embed-button p {
  margin-bottom: 0;
}
/*  */

#event-top-button-anchor {
  height: 60px;
  width: 100%;
  margin-top: -60px;
}


.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 {
  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;
}

.action-row3 .event-action-action-complete {
  /* padding-left: 31px; */
  /* color: #00FF7F; */
  color: var(--propeller-pink);
  font-weight: 900;
}

.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;
  }

}


/* entries section */
.body_events .entries-form-current-entries {
  margin-top: 20px;
}

.body_events .points-to-use {
  text-align: center;
  margin-bottom: 25px;
  display: none;
}

.body_events .entries-form-cont #confirm_msg {
  text-align: center;
  margin: 20px 0;
  margin: 0;
  padding: 0;
}

.body_events .entries-share-desk {
  padding: 0;
  margin: 0;
}

.body_events .entries-form-cont #confirm_msg .badge {
  padding: 6px;
  margin: 5px;
  font-size: 14px;
}

.body_events .event-entries-cont .event-entries-total,
.body_events .event-entries-cont .complete-more-actions {
  /* display: none; */
  text-align: center;
}

.body_events .event_act_act.container.action {
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}

.body_events  .col-checkbox-left {
  max-width: 30px;
  /* margin-top: -11px; */
}

.body_events .form-group-field-checkbox .container-checkbox {
  width: 100%;
}

.body_events .form-group-field-checkbox .row-checkbox {
  height: 30px;
  flex-direction: row;
}

.body_events .form-group-field-checkbox .col-checkbox-left .field-checkbox-form-check {
  padding-left: 14px;
  padding-right: 10px;
  margin-top: -5px;
  width: 24px;
}

.body_events .form-group-field-checkbox .control-label-field-checkbox p {
  margin-bottom: 0;
  height: 100%;
}

.body_events .form-group-field-checkbox .col-checkbox-right {
  margin-top: 9px;
  padding-left: 0;

  margin-top: -3px;
  margin-left: -15px !important;
}

.body_events .form-group-field-checkbox .col-checkbox-right label {
  margin-bottom: 0;
}

.body_events .txt_L.w100:has(.save-payment-method) {
  display: flex;
  align-items: center;
}

.body_events .save-payment-method {
  color: rgb(122, 121, 121);
  font-size: 12px;
  padding-left: 10px;
}

.body_events .iblock:has(#updateMyPaymentMethod) {
  height: 39px;
  padding-left: 3px;
  width: 26px !important;
}

@media screen and (max-width: 650px) {
  .body_events .txt_L.w100:has(.save-payment-method) {
    margin-top: 30px;
  }
}

.body_events .event_causes ~ .event_act_act.action {
  margin-left: 4%;
}

.body_events #donateButton,
.body_events #donateQuickButton {
  margin-top: 40px;
}

.body_events .stripeDonationDisclamer {
  padding: 0px;
}


.body_events .action-code-single .actionCodeInfoCont {
  margin-top: 40px;
}

.body_events .action-code-single .action_description2x {
  color: black;
}

.body_events .action-code-single .action-code-left {
  display: none;
}

.body_events .action-code-single .submit_button {
  background-color: #111;
  background-image: none !important;
  border: 1px solid white !important;
  border-radius: 30px !important;
  color: white !important;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 6px;
}

.body_events .action-code-single .submit_button:hover {
  transform: scale(1.03);
}

.body_events .action-code-single #submitText {
  color: white;
}

.body_events .event_rewards_cont #image_zoom {
  background-color: transparent !important;
}

.body_events .event_rewards_cont #image_zoom img.shop_img_img {
  background-color: transparent !important;
}

.body_events .donate-one-time {
  width: 50%;
}

.body_events .event_causes_cont .event_act_act .onetime {
  display: block !important;
}

.body_events .donatePro_buts .tc .but:hover {
  background-color: var(--prop-blue);
}

.body_events .uc-title-cont {
  padding: 20px;
}

.body_events .body_user-content .uc-form-top-left {
  display: none;
}

.body_events .body_user-content .uc-form-top-right {
  padding-bottom: 30px;
}

.body_events .body_user-content .event_act_act {
  padding: 0;
}

.body_events .body_user-content #signPetitionForm {
  padding: 0;
}

.body_events .body_user-content .tc.m.ico {
  display: none;
}

.body_events .body_user-content .event-single-actbar {
  background: transparent;
}

.event_act_cont.body_user-content {
  background-color: transparent;
}

@media screen and (max-width: 650px) {
  .body_events .body_user-content .uc-form-left,
  .body_user-content .uc-form-right {
    max-width: 93%;
    margin: 0 auto;
  }
}

.body_events .body_user-content .event_act_act.container.action {
  padding: 0 4px;
}

.body_events .body_user-content .uc-form-right-col h3 {
  padding: 0 10px;
}

.body_events .body_user-content .action_descriptionX {
  padding: 30px 20px 20px;
}

.body_events .wrapper {
  overflow-x: hidden;
}

.body_events .actionCodeInfoArrow img {
  width: 27px;
  margin-top: -88px;
}

.body_events .showIcon div {
  width: 60px;
  height: 60px;
}

.body_events .event_act_cont .act_icon_info {
  padding-left: 0;
}

.body_events .petition-desktop-left .img_100 img {
  margin-top: 0;
}

@media screen and (max-width: 650px) {
  .events .action_petition {
    padding-top: 0;
  }

  .body_events .petition-desktop-left .img_100 {
    padding-bottom: 0;
  }

  .body_events .body_sign-petition {
    padding-top: 0;
  }
}


/* EVENT LIGHT MODE */
.body_events.event-light-mode {
  background-image: linear-gradient(to right, #e5f6f6, #ecf3fa, #eeebf5, #f8e9f2);
  background-color: transparent;
}

.body_events.event-light-mode * {
  box-shadow: none;
}

.body_events.event-light-mode .ev-head-txt span {
  color: var(--propeller-pink);
}

.body_events.event-light-mode .event-single-wrapper {
  color: black;
}

.body_events.event-light-mode .event-single-wrapper,
.body_events.event-light-mode .event-choose-action {
  background-color: transparent !important;
  background-image: linear-gradient(to right, #e5f6f6, #ecf3fa, #eeebf5, #f8e9f2);
  padding: 0;
}

.body_events.event-light-mode .actions_landing_wrapper {
  background-color: transparent;
}

.body_events.event-light-mode .actiond-container {
  background-color: transparent !important;
  background-image: linear-gradient(to right, #e5f6f6, #ecf3fa, #eeebf5, #f8e9f2);
  margin-top: -10px;
  padding-top: 20px;
}

.body_events.event-light-mode .actiond-container * {
  box-shadow: none;
}

.body_events.event-light-mode .stars-border-top,
.body_events.event-light-mode .stars-border-bottom {
  background-image: url('../images/event-black-stars-desktop.gif');
}

.body_events.event-light-mode .event-stars {
  background-image: url('../images/event-black-stars-mobile.gif');

}

.body_events.event-light-mode .event-intro {
  color: black;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 23px;
}

.body_events.event-light-mode .event-title {
  font-size: 40px;
  font-weight: 100;
  text-transform: capitalize;
  color: black;
}

.body_events.event-light-mode .paragraph-text,
.body_events.event-light-mode .read-more-text {
  color: black;
}

.body_events.event-light-mode .read-more-button {
  color: #dd92c0;
  font-weight: 100;
  text-decoration: underline;
  font-size: 18px;
}

.body_events.event-light-mode .event-action-details-cause.event-details-reward span {
  color: var(--propeller-pink);
}

.body_events.event-light-mode .event-top-button div {
  background-image: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  border-radius: 40px;
  border: 3px solid black;
  font-family: 'Lores 9 Plus Wide Regular';
  font-weight: 100;
  padding: 8px;
  font-size: 24px;
}

.body_events.event-light-mode .event-top-button {
  max-width: 250px;
  margin-top: 30px;
}

.body_events.event-light-mode .event-take-action-title {
  background-image: url('../images/event-takeaction-to-enter-lightmode-desktop.gif');
  width: 100%;
  max-width: 100%;
  background-color: #111;
  margin-top: 0;
}

.body_events.event-light-mode .event-take-action-desc,
.body_events.event-light-mode .event-arrow-cont {
  display: none;
}

.body_events.event-light-mode .event_action .img_100 .event-action-image {
  height: 295px;
}

.body_events.event-light-mode .act_entries, 
.body_events.event-light-mode .act-entries-com {
  color: black;
  font-family: 'Lores 9 Plus Wide Regular';
  font-weight: 100;
  font-size: 35px;
}

.body_events.event-light-mode .action-second-row .alien {
  background-image: url('../images/event-arrow-black.gif');
  width: 30%;
}

.body_events.event-light-mode .event_action .event-action-text {
  color: black;
  font-weight: 100;
}

.body_events.event-light-mode .act-entries-com {
  color: black;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.body_events.event-light-mode .event_act .act_icon_txt {
  border: 3px solid black;
  border-radius: 40px;
  background-image: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  color: black;
  font-family: 'Lores 9 Plus Wide Regular';
  font-weight: 100;
  width: 180px;
}

.event_act .act_icon_txt.com_1 {
  /* background-color: black;
  background-image: none;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}

.body_events.event-light-mode .event_action .event-action-action-type.causes::before,
.body_events.event-light-mode .event-action.donate-rewards {
  color: black !important;
  font-weight: 100;
}

.event_action .event-action-action-type.com_1.causes::before {
  content: 'DONATE' !important;
}

.event_action .event-action-action-type.com_1.causes {
  background-color: transparent !important;
  border: 2px solid white !important;
}

.body_events.event-light-mode .com_alien {
  background-image: url('../images/event-arrow-black.gif');
  width: 30%;
}

.body_events.event-light-mode .event-footer {
  color: black;
}

.body_events.event-light-mode .includeEventUserSpecs {
  color: black;
}

.body_events.event-light-mode .includeEventUserSpecs a {
  color: #dd92c0;
  text-decoration: underline;
}

.body_events.event-light-mode .underline.blue1 {
  background-color: #aa9bcb;
}

.body_events.event-light-mode .event-single-actbar {
  background-color: transparent;
  color: black;
}

.body_events.event-light-mode .event-single-actbar .act_icon_txt {
  background-image: none;
  color: black;
  border: none;
}

.body_events.event-light-mode .ev_act_header {
  color: black;
}

.body_events.event-light-mode .propellerDonationDisclamer {
  color: black;
}

.body_events.event-light-mode .action-code-left img {
  max-width: 400px;
  margin: 0 auto;
}

.body_events.event-light-mode .txt_rewards  {
  color: black;
}

.body_events.event-light-mode .ev_act_header {
  color: black;
  margin-top: 30px;
}

.body_events.event-light-mode .event_causes ~ .event_act_act {
  max-width: 1000px;
  margin: 0 auto;
  display: block;
}

.body_events.event-light-mode .credit-card-wrapper #cc_type {
  display: none;
}

.body_events.event-light-mode input[type='checkbox']  {
  box-shadow: none;
  height: auto;
}

.body_events.event-light-mode input[type='checkbox']:checked {
  accent-color: #7cd3d2;
}

.body_events.event-light-mode .donatePro_amts .txt_white {
  color: black;
}

.body_events.event-light-mode #donatePaymentForm .submit_button,
.body_events.event-light-mode #donateQuickButton {
  background-color: #7cd2d2;
  color: #111;
}

.body_events.event-light-mode .donatePro_amts input {
  color: black;
}

.body_events.event-light-mode .event_causes_cont .donateButBg {
  background: transparent;
}

.body_events.event-light-mode .donatePro_amts .tc .but {
  color: #7cd3d2;
  color: black;
  border: 2px solid #7cd3d2;
}

.body_events.event-light-mode .event_causes_cont .donateButBg .but:hover {
  background-color: #7cd3d2;
}

.body_events.event-light-mode .donatePro_amts .tc .but.active {
  /* background-color: #7cd2d2; */
  background-color: #7cd3d2;
  color: white;
}

.body_events.event-light-mode .event-action-details-cause {
  color: black;
}

.body_events.event-light-mode .event_causes_cont .donateButBg .but {
  background-color: transparent;
}

.body_events.event-light-mode .event_causes_cont .donatePro_amts .tc input {
  background-color: transparent;
  border: 2px solid #7cd3d2;
  color: black;
}

.body_events.event-light-mode .event_causes_cont .donatePro_amts .tc .inp .dols {
  color: black;
}

.body_events.event-light-mode .event_causes_cont .amount_readout::before {
  filter: brightness(0);
}

.body_events.event-light-mode #donatePaymentForm .amount_readout {
  background-color: transparent;
  color: black;
  font-weight: 700;
  border-radius: 5px;
}

.body_events.event-light-mode #donatePaymentForm .action input {
  background-color: white;
}

.body_events.event-light-mode .donateFormDisclaimers {
  color: #111;
}

.body_events.event-light-mode .event_causes.event-single-actbar {
  max-width: 420px;
  margin: 0 auto;
}

.body_events.event-light-mode .propellerDonationDisclamer {
  color: black;
}

.body_events.event-light-mode .action-row3 .event-action-action-complete {
  color: var(--prop-pink);
}

.body_events.event-light-mode .event_action .event-action-action-type.com_1.causes {
  border: 3px solid black !important;
}

@media screen and (max-width: 650px) {
  .body_events.event-light-mode .event-take-action-title {
    background-image: url('../images/event-takeaction-to-enter-lightmode-mobile.gif');
    width: 100%;
    max-width: 100%;
    background-color: #111;
    margin-top: 0;
  }

  .body_events.event-light-mode .act_entries, 
  .body_events.event-light-mode .act-entries-com {
    padding: 30px 30px 0 30px;
  }

  .body_events.event-light-mode .event_act .act_icon_txt {
    width: 130px !important;
    font-size: 16px;
    border-radius: 30px;
  }

  .body_events.event-light-mode .event-action.donate-rewards,
  .body_events.event-light-mode .event_act .act_icon_txt,
  .body_events.event-light-mode .event-action.action-completem {
    font-size: 16px;
  }

  .body_events.event-light-mode .event_action .event-action-action-type.causes {
    font-size: 1px !important;
  }

  .body_events.event-light-mode .event_action .img_100 .event-action-image {
    object-position: bottom; 
    height: auto;
    margin-top: 30px;
  }

  .body_events.event-light-mode .act_entries, 
  .body_events.event-light-mode .act-entries-com {
    font-size: 28px;
  }
}

/* EVENT DARK MODE */
.body_events.event-dark-mode {
  background-color: #111;;
}

.body_events.event-dark-mode .event-single-wrapper,
.body_events.event-dark-mode .event-choose-action {
  background-color: #111 !important;
  /* background-image: linear-gradient(to right, #e5f6f6, #ecf3fa, #eeebf5, #f8e9f2); */
  padding: 0;
}

.body_events.event-dark-mode .event-desktop-top {
  padding-right: 40px;
}

.body_events.event-dark-mode .actions_landing_wrapper {
  background-color: transparent;
}

.body_events.event-dark-mode .actiond-container * {
  box-shadow: none;
}

.body_events.event-dark-mode .stars-border-top,
.body_events.event-dark-mode .stars-border-bottom {
  background-image: url('../images/event-white-stars-desktop.gif');
}

.body_events.event-dark-mode .event-stars {
  background-image: url('../images/event-white-stars-mobile.gif');

}

.body_events.event-dark-mode .event-intro {
  color: white;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 23px;
}

.body_events.event-dark-mode .event-title {
  font-size: 40px;
  font-weight: 100;
  text-transform: capitalize;
  color: white;
}

.body_events.event-dark-mode .paragraph-text,
.body_events.event-dark-mode .read-more-text {
  color: white;
}

.body_events.event-dark-mode .read-more-button {
  color: #7cd3d2;
  font-weight: 100;
  text-decoration: underline;
  font-size: 18px;
}

.body_events.event-dark-mode .paragraph-text a {
  color: #7cd3d2;

}

.body_events.event-dark-mode .event-embed-button{
  background-color: white;
  color: #111;
}

.body_events.event-dark-mode .event-top-button div {
  background-image: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  border-radius: 40px;
  border: none;
  font-family: 'Lores 9 Plus Wide Regular';
  font-weight: 100;
  padding: 8px;
  font-size: 24px;
}

.body_events.event-dark-mode .event-top-button {
  max-width: 250px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.body_events.event-dark-mode .event-take-action-title {
  background-image: url('../images/takeaction-darkmode-desktop2.gif');
  width: 100%;
  max-width: 100%;
  background-color: #111;
  margin-top: 0;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
  height: 100px;
}

/* @media screen and (min-width: 730px) {
  .body_events.event-dark-mode .event-take-action-title {
    height: 100px;
  }
}
@media screen and (min-width: 860px) {
  .body_events.event-dark-mode .event-take-action-title {
    height: 120px;
  }
}
@media screen and (min-width: 1050px) {
  .body_events.event-dark-mode .event-take-action-title {
    height: 140px;
  }
}
@media screen and (min-width: 1270px) {
  .body_events.event-dark-mode .event-take-action-title {
    height: 175px;
  }
}
@media screen and (min-width: 1440px) {
  .body_events.event-dark-mode .event-take-action-title {
    background-size: contain;
    margin-bottom: -27px;
    height: 206px;
  }
}

@media screen and (min-width: 1790px) {
  .body_events.event-dark-mode .event-take-action-title {
    height: 245px;
  }
} */

@media screen and (max-width: 650px) {
  .body_events.event-dark-mode .event-take-action-title {
    /* height: 250px;
    background-size: contain; */
  }

  .body_events.event-dark-mode .act_entries, 
  .body_events.event-dark-mode .act-entries-com {
    padding: 30px 30px 0 30px;
  }
}

.body_events.event-dark-mode .event-take-action-desc {
  color: white;
  font-weight: 700;
  max-width: 800px;
  font-size: 23px;
}

.body_events.event-dark-mode .event-arrow-cont {
  display: none;
}

.body_events.event-dark-mode .actiond-container {
  background-color: #111;
  background-image: none;
  margin-top: -10px;
  padding-top: 20px;
}

.body_events.event-dark-mode .event_action .img_100 .event-action-image {
  height: 295px;
}


.body_events.event-dark-mode .act_entries, 
.body_events.event-dark-mode .act-entries-com {
  color: white;
  font-family: 'Lores 9 Plus Wide Regular';
  font-weight: 100;
  font-size: 35px;
}

.body_events.event-dark-mode .action-second-row .alien {
  background-image: url('../images/event-arrow-white.gif');
  width: 30%;
}

.body_events.event-dark-mode .event_action .event-action-text {
  color: white;
  font-weight: 100;
}

.body_events.event-dark-mode .act-entries-com {
  color: white;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.body_events.event-dark-mode .event_act .act_icon_txt {
  border: none;
  border-radius: 40px;
  background-image: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  color: black;
  font-family: 'Lores 9 Plus Wide Regular';
  font-weight: 100;
  width: 180px;
}

.event_act .act_icon_txt.com_1 {
  /* background-color: black;
  background-image: none;
  background: linear-gradient(to right, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}

.body_events.event-dark-mode .event_action .event-action-action-type.causes::before,
.body_events.event-dark-mode .event-action.donate-rewards {
  color: black !important;
  font-weight: 100;
}

.body_events.event-dark-mode .com_alien {
  background-image: url('../images/event-arrow-white.gif');
  width: 30%;
}

.body_events.event-dark-mode .event-footer {
  color: white;
}

.body_events.event-dark-mode .includeEventUserSpecs {
  color: white;
}

.body_events.event-dark-mode .includeEventUserSpecs a {
  color: #7cd3d2;
  text-decoration: underline;
}

.body_events.event-dark-mode .underline.blue1 {
  background-color: #aa9bcb;
}

.body_events.event-dark-mode .event-single-actbar {
  background-color: #111;
  color: white;
}

.body_events.event-dark-mode .event-single-actbar .act_icon_txt {
  background-image: none;
  color: white;
}

.body_events.event-dark-mode .ev_act_header {
  color: white;
  margin-top: 30px;
}

.body_events.event-dark-mode .event_causes ~ .event_act_act {
  max-width: 1000px;
  margin: 0 auto;
  display: block;
}

.body_events.event-dark-mode .credit-card-wrapper #cc_type {
  display: none;
}

.body_events.event-dark-mode input[type='checkbox']  {
  box-shadow: none;
  height: auto;
}

.body_events.event-dark-mode input[type='checkbox']:checked {
  accent-color: #7cd3d2;
}

.body_events.event-dark-mode .body_instagram .actionDisclaimer {
  color: white;
}

.body_events.event-dark-mode .actionDisclaimer a,
.body_events.event-dark-mode .action-disclaimer a {
  color: #7cd3d2;
}

.body_events .body_instagram .event-cta2 {
  text-align: center;
}

.body_events.event-dark-mode .propellerDonationDisclamer {
  color: white;
}

.body_events.event-dark-mode .action-code-left img {
  max-width: 400px;
  margin: 0 auto;
}

.body_events.event-dark-mode .donatePro_amts input {
  color: black;
}

.body_events.event-dark-mode .donatePro_amts .tc .but {
  /* color: #7cd3d2; */
  color: white;
  border: 1px solid #7cd3d2;
}

.body_events.event-dark-mode .donatePro_amts .tc .but.active {
  /* background-color: #7cd2d2; */
  background-color: #111;
  color: white;
}

.body_events.event-dark-mode #donatePaymentForm .submit_button,
.body_events.event-dark-mode #donateQuickButton {
  background-color: #7cd2d2;
  color: #111;
}

.body_events.event-dark-mode #donatePaymentForm .amount_readout {
  background-color: white;
  color: black;
  font-weight: 700;
  border-radius: 5px;
  margin-top: 20px;
}

.body_events.event-dark-mode #donatePaymentForm .action input {
  background-color: white;
}

.body_events.event-dark-mode .event_causes.event-single-actbar {
  max-width: 420px;
  margin: 0 auto;
}

.body_events.event-dark-mode .propellerDonationDisclamer {
  color: white;
}

.body_events.event-dark-mode .event_action .event-action-action-type.com_1.causes {
  border: none !important;
}

.body_events.event-dark-mode .causes-payment {
  color: white;
}

.body_events.event-dark-mode .txt_blue1 {
  color: var(--prop-blue);
}

.body_events.event-dark-mode .event-disclaimer {
  color: white;
}

.body_events .event-disclaimer {
  font-size: 14px;
}

@media screen and (max-width: 650px) {
  .body_events.event-dark-mode .event-take-action-title {
    background-image: url('../images/takeaction-darkmode-mobile2.gif');
    width: 100%;
    max-width: 100%;
    background-color: #111;
    margin-top: 0;
  }

  .body_events.event-dark-mode .event_act .act_icon_txt {
    width: 130px !important;
    font-size: 16px;
    border-radius: 30px;
  }

  .body_events.event-dark-mode .event-action.donate-rewards,
  .body_events.event-dark-mode .event_act .act_icon_txt,
  .body_events.event-dark-mode .event-action.action-completem {
    font-size: 16px;
  }

  .body_events.event-dark-mode .event_action .event-action-action-type.causes {
    font-size: 1px !important;
  }

  .body_events.event-dark-mode .event_action .img_100 .event-action-image {
    object-position: bottom; 
    height: auto;
    margin-top: 30px;
  }

  .body_events.event-dark-mode .act_entries, 
  .body_events.event-dark-mode .act-entries-com {
    font-size: 28px;
  }
}

/* default */
.body_events.event-defaultAliens-mode .propellerDonationDisclamer {
  color: white;
}

.body_events .propellerDonationDisclamer {
  padding-top: 0;
  padding-bottom: 20px;
}

.body_events .payment_form select#cc_exp_mo, 
.body_events .payment_form select#cc_exp_yr, 
.body_events .payment_form select#s_state, 
.body_events .payment_form select#s_country {
  color: black;
}

.body_events .shop-not-landing-shipto {
  padding-bottom: 0;
}

.body_events .ev-head {
  position: relative;
}

.body_events #rewardsEventAction,
.body_events #causesEventAction {
  position: absolute;
  top: -80px;
}

@media screen and (max-width: 650px) {
  .body_events #rewardsEventAction,
  .body_events #causesEventAction {
    position: absolute;
    top: -80px;
  }
}


/* Event Headcount Styles */
@font-face {
  font-family: 'Mark Office Pro Black';
  src: url('/webfonts/MarkOffcPro-Black.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Black Italic';
  src: url('/webfonts/MarkOffcPro-BlackItalic.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Bold';
  src: url('/webfonts/MarkOffcPro-Bold.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Bold Italic';
  src: url('/webfonts/MarkOffcPro-BoldItalic.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Book';
  src: url('/webfonts/MarkOffcPro-Book.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Book Italic';
  src: url('/webfonts/MarkOffcPro-BookItalic.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Cond Heavy';
  src: url('/webfonts/MarkOffcPro-CondHeavy.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Heavy';
  src: url('/webfonts/MarkOffcPro-Heavy.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Heavy Italic';
  src: url('/webfonts/MarkOffcPro-HeavyItalic.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Light';
  src: url('/webfonts/MarkOffcPro-Light.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Light Italic';
  src: url('/webfonts/MarkOffcPro-LightItalic.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Medium';
  src: url('/webfonts/MarkOffcPro-Medium.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mark Office Pro Medium Italic';
  src: url('/webfonts/MarkOffcPro-MediumItalic.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FrankGoth XCn BT';
  src: url('/webfonts/FrankGothXCnBT.ttf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta Black';
  src: url('/webfonts/Averta-Black.otf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}


.body_events.event-headcount-mode {
  --black: #000;
  --white: #fff;
  --hc-red: #d3232d;
  --neon-yellow: #ffff00;
  --neon-orange: #fe8e00;
  --neon-red: #ff1c26;
  --neon-magenta: #ff00ff;
  --neon-blue: #0000ff;
  --neon-cyan: #00ffff;
  --neon-green: #00ff00;
  --light-yellow: #fffdab;
  --light-orange: #fddab4;
  --pastel-pink: #ff7aab;
  --pastel-violet: #9e699e;
  --grey-cyan: #8fbde3;
  --pastel-silver: #e5e5e5;
  --bronze: #d79287;

  background-color: var(--pastel-silver);
}

.body_events.event-headcount-mode * {
  box-shadow: none;
}

.body_events.event-headcount-mode .headcountCustom {
  display: block !important;
}

.body_events.event-headcount-mode .pink_modal_videobg {
  background: var(--pastel-silver) !important;
}

.body_events.event-headcount-mode #onboard .formElements-container {
  background-color: var(--pastel-silver);
  border: none;
  margin-top: 30px;
}

.body_events.event-headcount-mode #onboard .formField-container .formField-container {
  height: auto;
}

.body_events.event-headcount-mode #onboard .formElements-container div div {
  margin: 5px 0;
}

.body_events.event-headcount-mode #onboard .cta {
  font-family: 'Mark Office Pro Medium';
  text-transform: none;
  color: var(--black);
  text-align: center;
}

.body_events.event-headcount-mode #pink_modal input, 
.body_events.event-headcount-mode #pink_modal .formElements-container input:autofill {
  padding: 19px;
  padding-left: 10px;
  font-family: 'Mark Office Pro Book';
  color: var(--black);
  background-color: white !important;
}

.body_events.event-headcount-mode #onboard .pinkonboard-terms {
  font-family: 'Mark Office Pro Book';
  color: var(--black);
}

.body_events.event-headcount-mode #onboard .submitButton {
  font-family: 'Mark Office Pro Book';
  color: var(--white);
  background-image: none;
  background-color: var(--hc-red);
  padding: 8px 10px;
  border: 2px solid black;
  height: auto;
  border-radius: 8px;
  font-size: 20px;
}

.body_events.event-headcount-mode .event_act_act.container.action {
  max-width: 100%;
}

.body_events.event-headcount-mode .stars-border-cont,
.body_events.event-headcount-mode .event-stars {
  filter: brightness(0);
}

.body_events.event-headcount-mode .event-single-wrapper {
  background-color: var(--pastel-silver);
}

.body_events.event-headcount-mode .event-single .event-intro, 
.body_events.event-headcount-mode .event-desktop-top .event-intro {
  font-family: 'Mark Office Pro Medium';
  text-transform: none;
  color: var(--black);
  font-size: 1px;
  visibility: hidden;
}

.body_events.event-headcount-mode .event-single .event-intro::after, 
.body_events.event-headcount-mode .event-desktop-top .event-intro::after {
  content: 'Enter for a chance to';
  font-size: 20px;
  visibility: visible;
  display: block;
}

.body_events.event-headcount-mode .event-desktop-top .event-title {
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  color: var(--black);
  font-weight: 500;
  font-size: 52px;
  padding: 5px 0 8px 0;
}

.body_events.event-headcount-mode .event-intro.mobileOnly {
  display: none !important;
}

.body_events.event-headcount-mode .event-intro.mobileOnly,
.body_events.event-headcount-mode .event-single .event-title {
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  color: var(--black);
  font-weight: 500;
  font-size: 45px;
}

.body_events.event-headcount-mode .event-actions-landing .paragraph-text, 
.body_events.event-headcount-mode .event-desktop-top .paragraph-text,
.body_events.event-headcount-mode .actions-landing .paragraph-text,
.body_events.event-headcount-mode .headcount-disclaimer {
  font-family: 'Mark Office Pro Book';
  color: var(--black);
  line-height: 18px;
  font-size: 16px;
}

.body_events.event-headcount-mode .headcount-disclaimer {
  font-size: 14px;
  line-height: 16px;
  color: var(--dark-gray);
  font-style: italic;
  text-align: center;
}

.body_events.event-headcount-mode .event-actions-landing .paragraph-text a, 
.body_events.event-headcount-mode .event-desktop-top .paragraph-text .paragraph-text a,
.body_events.event-headcount-mode .actions-landing .paragraph-text a,
.body_events.event-headcount-mode .headcount-disclaimer a {
  color: var(--hc-red);
}

.body_events.event-headcount-mode .event-actions-landing .paragraph-text .hcspan, 
.body_events.event-headcount-mode .event-desktop-top .paragraph-text .paragraph-text .hcspan,
.body_events.event-headcount-mode .actions-landing .paragraph-text .hcspan {
  color: var(--black);
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  font-size: 31px !important;
}

.body_events.event-headcount-mode .event-actions-landing .paragraph-text strong, 
.body_events.event-headcount-mode .event-desktop-top .paragraph-text strong {
  font-weight: 100;
}

.body_events.event-headcount-mode .event-single-wrapper .read-more-button {
  visibility: hidden;
  font-size: 1px;
  width: 230px;
  margin-bottom: 40px;
  margin-top: -29px;
}

.body_events.event-headcount-mode .event-single-wrapper .read-more-button::after {
  content: 'MORE PRIZE DETAILS';
  font-family: 'Mark Office Pro Bold';
  visibility: visible;
  font-size: 15px;
  display: block;
  text-decoration: underline;
  color: black;
}

.body_events.event-headcount-mode .event-desktop-top .edesktop.read-more-text,
.body_events.event-headcount-mode .read-more-text {
  font-family: 'Mark Office Pro Book';
  color: var(--black);
  font-size: 14px;
  text-transform: unset;
}


.body_events.event-headcount-mode .event-top-button {
  display: none;
}

.body_events.event-headcount-mode .event-top-button div {
  border: 2px solid var(--black);
  border-radius: 8px;
  color: white;
  background-color: var(--hc-red);
  font-family: 'Mark Office Pro Book';
  margin-bottom: 10px;
  font-size: 21px;
  padding: 6px;
}

.body_events.event-headcount-mode .includeEventUserSpecs,
.body_events.event-headcount-mode .event-footer p {
  font-family: 'Mark Office Pro Book';
  color: var(--black);
}

.body_events.event-headcount-mode .includeEventUserSpecs .upper.bold,
.body_events.event-headcount-mode .event-footer .upper.bold {
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  color: var(--black);
  font-size: 28px;
  font-weight: 100;
}

.body_events.event-headcount-mode .includeEventUserSpecs .underline,
.body_events.event-headcount-mode .event-footer .underline {
  background-color: var(--hc-red);
}

.body_events.event-headcount-mode .includeEventUserSpecs a {
  color: var(--hc-red);
}

.body_events.event-headcount-mode .actions_landing_wrapper {
  background-color: var(--pastel-silver);
}

.body_events.event-headcount-mode .event-embed-disclaimer {
  display: block !important;
  font-family: 'Mark Office Pro Book';
  color: var(--black);
  width: 90%;
  margin: 0 auto 33px auto;
  max-width: 650px;
  text-align: center;
}

.body_events.event-headcount-mode .event-embed-disclaimer a {
  color: var(--hc-red);
}

.body_events.event-headcount-mode .event-embed-button {
  background-color: var(--hc-red);
  color: white;
  font-family: 'Mark Office Pro Book';
  width: 90%;
  max-width: 450px;
  border-radius: 8px;
  text-transform: uppercase;
  font-size: 18px;
  border: 2px solid black;
}

.body_events.event-headcount-mode .event_action .event-icon-container {
  width: 62%;
}

.body_events.event-headcount-mode .actionId-27037 .event-action-image-wrapper img {
  visibility: hidden;
}

.body_events.event-headcount-mode .actionId-27037 .event-action-image-wrapper {
  background-image: url('../images/Checkmark.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.body_events.event-headcount-mode .actionId-27038 .event-action-image-wrapper img {
  visibility: hidden;
}

.body_events.event-headcount-mode .actionId-27038 .event-action-image-wrapper {
  background-image: url('../images/Handshake.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

/* headcount event styles action details */
.body_events.event-headcount-mode .ev_act_header {
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  margin-top: 43px;
  margin-bottom: -35px;
  font-size: 25px;
  color: var(--black);
  font-weight: 100;
}

.body_events.event-headcount-mode .action-details .ev_act_header:has(.event-action-details-cause) {
  margin-top: 0;
  margin-bottom: 20px;
  color: var(--black) !important;
}

.body_events.event-headcount-mode .ev_act_header strong {
  font-weight: 100;
}

.body_events.event-headcount-mode .ev_act_header .event-action-details-cause {
  color: black;
  padding: 40px 35px;
}

.body_events.event-headcount-mode .ev-head-txt span {
  color: var(--hc-red);
}

.body_events.event-headcount-mode .event-single-actbar.event_act {
  display: none;
}

.body_events.event-headcount-mode .event_actions_cont,
.body_events.event-headcount-mode .join_action_inner {
  background-color: transparent;
}

.body_events.event-headcount-mode .event_actions_cont {
  margin-top: -30px;
  padding-top: 0;
}

.body_events.event-headcount-mode .join_action_inner #joinMailingListForm {
  flex-direction: column;
}

.body_events.event-headcount-mode .join_action_inner .join-desktop-left {
  width: 90%;
  margin: 0 auto;
}

.body_events.event-headcount-mode .join_action_inner .join-desktop-right {
  width: 60%;
  margin: 0 auto;
  max-width: 620px;
}

.body_events.event-headcount-mode .join_action_inner .action_descriptionX, 
.body_events.event-headcount-mode .join_action_inner .action_descriptionX p, 
.body_events.event-headcount-mode .events .action_join .action_descriptionX {
  background-color: transparent;
  color: var(--black) !important;
  font-family: 'Mark Office Pro Book';
  text-align: center;
  font-size: 20px;
}

.body_events.event-headcount-mode .join_action_inner .action_descriptionX p {
  max-width: 446px;
  margin: 0 auto;
  line-height: 22px;
}

.body_events.event-headcount-mode .join_action_inner .actionDescription h3 {
  color: var(--black);
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  text-align: center;
  font-size: 49px;
  font-weight: 100;
  margin-top: -40px;
}

.body_events.event-headcount-mode .donatePro_buts .tc .but {
  background-color: var(--pastel-silver);
  color: black;
  font-family: 'Mark Office Pro Book';
  border: 2px solid black;
  text-transform: unset;
}

.body_events.event-headcount-mode .donatePro_buts .tc .but.active {
  background-color: var(--hc-red);
  color: white;
}

.body_events.event-headcount-mode .donatePro_buts .tc .but span {
  padding-bottom: 9px;
  text-transform: none;
}

.body_events.event-headcount-mode .event_causes_cont .donateButBg .but,
.body_events.event-headcount-mode  .event_causes_cont .donatePro_amts .tc input {
  background-color: var(--pastel-silver);
  color: black;
  border: 2px solid black;
  font-family: 'Mark Office Pro Book';
  font-size: 20px;
}

.body_events.event-headcount-mode .event_causes_cont .donateButBg .but:hover:hover {
  background-color: var(--hc-red);
  color: white;
}

.body_events.event-headcount-mode .event_causes_cont .donateButBg {
  padding: 0;
  background-image: none;
  background-color: transparent;
}

@media screen and (max-width: 500px) {
  .body_events.event-headcount-mode .event_causes_cont .donatePro_amts .donateCustom {
    justify-content: end;
    width: calc(100% - 4px);
  }
}

.body_events.event-headcount-mode .event_causes_cont .donatePro_amts .donateCustom,
.body_events.event-headcount-mode .event_causes_cont .donatePro_amts .tc .inp .dols {
  color: black;
  font-family: 'Mark Office Pro Book';
  font-size: 20px;
}

.body_events.event-headcount-mode .event_causes_cont .donatePro_amts .tc .inp .dols {
  top: 3px !important;
}

.body_events.event-headcount-mode .event_causes_cont .payment_form a {
  color: var(--hc-red);
}

.body_events.event-headcount-mode .event_causes_cont .amount_readout {
  color: var(--black) !important;
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  background-image: none;
  background-color: transparent;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.body_events.event-headcount-mode .event_causes_cont .amount_readout::before {
  background-image: url('../images/Asset1.png');
  height: 30px;
}

.body_events.event-headcount-mode .event-single-wrapper .actions_landing_wrapper:has(.event-voter-embed) .event-entries-cont .event-entries-total,
.body_events.event-headcount-mode .event-single-wrapper .actions_landing_wrapper:has(.event-voter-embed) .actiond-container {
  display: none;
}
.body_events .event-single-wrapper .actions_landing_wrapper:has(.event-voter-embed) .event-entries-cont .event-entries-total,
.body_events .event-single-wrapper .actions_landing_wrapper:has(.event-voter-embed) .actiond-container, 
.body_events .event-single-wrapper .actions_landing_wrapper:has(.event-voter-embed) .entries-form-current-entries,
.body_events .event-single-wrapper .actions_landing_wrapper:has(.event-voter-embed) .entries-form-cont,
.body_events .event-single-wrapper .actions_landing_wrapper:has(.event-voter-embed) .event-entries-cont {
  display: none;
}

/* inputs & form */
.body_events.event-headcount-mode .join_action_inner .join-input-bg {
  background-image: none;
  background: transparent;
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.body_events.event-headcount-mode .join_action_inner .join-input-bg .field-state-select-country,
.body_events.event-headcount-mode .join_action_inner .join-input-bg .field-state.state_select,
.body_events.event-headcount-mode .join_action_inner .join-input-bg .field-date {
  background-color: transparent;
  border: none;
  background-image: none;
  margin-bottom: 0;
}

.body_events.event-headcount-mode .action_petition #signPetitionForm input, 
.body_events.event-headcount-mode .join_action_inner .action_join_container input,
.body_events.event-headcount-mode .join_action_inner .handhold,
.body_events.event-headcount-mode .payment_form input,
.body_events.event-headcount-mode .payment_form select#cc_exp_mo, 
.body_events.event-headcount-mode .payment_form select#cc_exp_yr, 
.body_events.event-headcount-mode .payment_form select#s_state, 
.body_events.event-headcount-mode .payment_form select#s_country,
.body_events.event-headcount-mode .join_action_inner .join-input-bg .field-state-select-country select,
.body_events.event-headcount-mode .join_action_inner .join-input-bg .field-state.state_select select,
.body_events.event-headcount-mode .join_action_inner .join-input-bg .field-date .form-control.text-area {
  border-radius: 5px;
  border: 2px solid #808080;
  background-color: white !important;
  background-image: none;
  color: #808080 !important;
  margin-bottom: 20px;
  font-family: 'Mark Office Pro Book';
  --webkit-box-shadow: none;
  box-shadow: none;
}

.body_events.event-headcount-mode .event_causes_cont #cc_type {
  filter: grayscale(1);
}

.body_events.event-headcount-mode label {
  color: var(--black) !important;
  font-family: 'Mark Office Pro Book';
}

.body_events.event-headcount-mode label[for=dob] {
  padding-left: 0;
  /* display: none; */
}

.body_events.event-headcount-mode .event_causes_cont #donateQuickButton, 
.body_events.event-headcount-mode .event_causes_cont #donateButton {
  background: var(--hc-red);
  border: 2px solid var(--black);
  border-radius: 8px;
  padding: 10px 20px;
}

.body_events.event-headcount-mode .event_causes_cont #donateQuickButton h5, 
.body_events.event-headcount-mode .event_causes_cont #donateButton h5,
.body_events.event-headcount-mode .event_causes_cont #donateButton div{
  font-family: 'Mark Office Pro Bold';
  color: white;
  text-transform: uppercase;
  font-size: 21px;
}

.body_events.event-headcount-mode .join_action_inner #joinButton {
  background: var(--hc-red);
  border: 2px solid var(--black);
  border-radius: 8px;
  width: 100%;
  margin-top: -29px;
  padding: 20px 0;
}

.body_events.event-headcount-mode .join_action_inner #joinButton div {
  font-family: 'Mark Office Pro Book';
  font-size: 1px;
  visibility: hidden;
}

.body_events.event-headcount-mode .join_action_inner #joinButton div::after {
  content: 'GET STARTED';
  font-size: 24px;
  display: block;
  visibility: visible;
  margin-top: -23px;
  color: var(--white);
  font-weight: 600;
}

.body_events.event-headcount-mode .joinActionDisclaimer,
.body_events.event-headcount-mode .join_action_inner .action-disclaimer, 
.body_events.event-headcount-mode .join_action_inner .add-disc,
.body_events.event-headcount-mode .donateFormDisclaimers {
  color: var(--black);
  font-family: 'Mark Office Pro Book';
  text-align: center;
}

.body_events.event-headcount-mode .donateFormDisclaimers a,
.body_events.event-headcount-mode .joinActionDisclaimer a {
  color: var(--hc-red);
}

.body_events.event-headcount-mode .join_button_docked {
  display: none;
}

.body_events.event-headcount-mode  .action input.validateError,
.body_events.event-headcount-mode .validateError, 
.body_events.event-headcount-mode select.validateError, 
.body_events.event-headcount-mode .payment_form.validateError {
  border-color: var(--hc-red) !important;
  color: var(--hc-red) !important;
}

.body_events.event-headcount-mode .action .form_errors, 
.body_events.event-headcount-mode .action_detail .form_errors {
  background-color: var(--pastel-silver);
  color: black;
  font-family: 'Mark Office Pro Book';
  text-align: center;
  border: 3px solid var(--hc-red);
  margin: -25px 0 55px 0;
}

.body_events.event-headcount-mode .event_causes_cont .action .form_errors {
  margin: 20px 0;
}

.body_events.event-headcount-mode .badge {
  background-color: var(--hc-red);
  z-index: 5;
}

.body_events.event-headcount-mode .entries-form-current-entries h4 {
  color: var(--black);
  font-family: 'Mark Office Pro Book';
  font-size: 20px;
  font-weight: 100;
}

.body_events.event-headcount-mode .entries-form #redeemPointsForm h3 {
  color: black;
  font-family: 'Mark Office Pro Book';
  font-weight: 100;
}

.body_events.event-headcount-mode .entries-form-cont #points_choose div {
  background-color: var(--pastel-silver);
  border: 2px solid black;
  color: black;
  font-family: 'Mark Office Pro Bold';
}

.body_events.event-headcount-mode .entries-form-cont #points_choose div.active {
  background-color: var(--hc-red);
  color: white;
}

.body_events.event-headcount-mode .entries-form-cont #submitPointsEntry {
  background-image: none;
  background-color: var(--hc-red);
  color: white;
  font-family: 'Mark Office Pro Book';
  text-transform: uppercase;
}

.body_events.event-headcount-mode .entryTextForm,
.body_events.event-headcount-mode .event-entries-total,
.body_events.event-headcount-mode .complete-more-actions,
.body_events.event-headcount-mode #confirm_msg {
  color: black;
  font-family: 'Mark Office Pro Book';
}

.body_events.event-headcount-mode #confirm_msg {
  padding: 0 20px;
  margin-bottom: 10px;
}

.body_events.event-headcount-mode .actiond-container {
  background-image: none;
  background-color: var(--pastel-silver);
}

.body_events.event-headcount-mode .act_entries, 
.body_events.event-headcount-mode .act-entries-com {
  color: var(--black) !important;
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  font-weight: 100;
}

.body_events.event-headcount-mode .action-second-row .alien,
.body_events.event-headcount-mode .action-second-row .com_alien {
  background-image: url('../images/Asset1.png');
  transform: rotate(90deg);
  width: 60%;
  max-width: 95px;
  margin: 10px auto;
}

.body_events.event-headcount-mode .event_act .act_icon_txt.com_1,
.body_events.event-headcount-mode .event_act .act_icon_txt {
  background-color: var(--hc-red);
  border: 2px solid black;
  font-family: 'Mark Office Pro Book';
  font-size: 16px;
}

.body_events.event-headcount-mode .event_act .event_action .event-action-action-type.causes::before {
  font-size: 16px;
}

.body_events.event-headcount-mode .event_act .action-completem {
  color: white;
  font-size: 16px;
}

.body_events.event-headcount-mode .event-action-image {
  height: 216px;
}

.body_events.event-headcount-mode .event-action-text {
  color: black;
  font-family: 'Mark Office Pro Book';
  text-align: center;
}

.body_events.event-headcount-mode #event-top-button-anchor {
  margin-top: -70px;
}

.body_events.event-headcount-mode .event-choose-action .event-take-action-title {
  background-image: none;
  height: auto;
  margin-top: 0;
}

.body_events.event-headcount-mode .event-choose-action .event-take-action-title::after {
  content: 'TAKE ACTION TO ENTER';
  color: var(--black);
  color: black;
  font-family: 'FrankGoth XCn BT';
  line-height: 0.85;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 55px;
  padding: 30px 20px 0 20px;
  font-weight: 100;
}

.body_events.event-headcount-mode .event-choose-action .event-take-action-desc {
  color: black;
  font-family: 'Mark Office Pro Book';
  text-align: center;
}

.body_events.event-headcount-mode .event-arrow-cont {
  display: none;
}

@media screen and (max-width: 650px) {
  .body_events.event-headcount-mode .iblock.action-details {
    display: inline;
  }

  .body_events.event-headcount-mode .ev_act_header {
    margin-top: 0;
    font-size: 21px;
  }

  .body_events.event-headcount-mode .join_action_inner .action_description2, 
  .body_events.event-headcount-mode .petition_action_inner .action_descriptionX {
    background-color: transparent;
  }

  .body_events.event-headcount-mode .event_actions_cont {
    padding: 30px;
    margin-top: -81px;
  }

  .body_events.event-headcount-mode .join_action_inner .join-desktop-left {
    width: 100%;
  }

  .body_events.event-headcount-mode .join_action_inner .join-desktop-right {
    width: 100%;
  }

  .body_events.event-headcount-mode .join_action_inner .actionDescription h3 {
    font-size: 37px;
    margin-top: -56px;
  }

  .body_events.event-headcount-mode .join_action_inner img {
    max-width: 265px;
  }

  .body_events.event-headcount-mode .event-intro.mobileOnly {
    padding-top: 6px;
  }

  .body_events.event-headcount-mode .join_action_inner .action_descriptionX, 
  .body_events.event-headcount-mode .join_action_inner .action_descriptionX p, 
  .body_events.event-headcount-mode .events .action_join .action_descriptionX {
    font-size: 16px;
  }

  .body_events.event-headcount-mode .join_action_inner #joinButton {
    margin-top: -16px;
  }

  .body_events.event-headcount-mode .actions-landing .paragraph-text {
    margin-top: 15px;
  }

  .body_events.event-headcount-mode .event_causes_cont .donateButBg .but, 
  .body_events.event-headcount-mode .event_causes_cont .donatePro_amts .tc input {
    font-size: 17px;
  }

  .body_events.event-headcount-mode .event_causes_cont .donateButBg {
    width: 72px;
  }

  .body_events.event-headcount-mode .ev_act_header .event-action-details-cause {
    padding: 14px 35px;
    font-size: 20px;
  }

  .body_events.event-headcount-mode .donatePro_buts .tc .but span {
    padding: 0 8px 2px 8px;
  }

}

@media screen and (max-width: 450px) {
  .body_events.event-headcount-mode .event_causes_cont .donatePro_amts .tc .inp .dols {
    top: 12px !important;
  }

  .body_events.event-headcount-mode .event_causes_cont .donatePro_amts .donateCustom p {
    line-height: 16px;
  }

  .body_events.event-headcount-mode .ev_act_header {
    font-size: 5vw;
  }
}

@media screen and (min-width: 651px) and (max-width: 930px) {
  .body_events.event-headcount-mode .join_action_inner .join-desktop-right {
    width: 80%;
  }
}

@media screen and (max-width: 380px) {
  .body_events.event-headcount-mode .event_causes_cont .donateButBg {
    width: 60px;
  }
  .body_events.event-headcount-mode .event_causes_cont .donateButBg .but, 
  .body_events.event-headcount-mode .event_causes_cont .donatePro_amts .tc input {
    font-size: 14px;
  }
}

@media screen and (max-width: 340px) {
  .body_events.event-headcount-mode .event-intro.mobileOnly {
    font-size: 40px;
  }
}

/* end headcount event styles */

/* event donate detail */
.body_events .event_causes_cont {
  max-width: 1000px;
  padding-top: 0;
  margin-top: -20px;
}

.body_events .event_causes_cont .event_act_act.action {
  margin-left: 0;
  padding: 0;
  padding-left: 8px;
}

.body_events .ev-head-causes {
  padding: 0;
}

.body_events .ev-head-causes .container {
  width: 100%;
}

.event-intro.mobileOnly {
  text-align: center;
  padding: 0 30px;
  font-size: 27px;
}

.body_events .event-action-details-cause {
  max-width: 1000px;
  display: inline-block;
  margin: 0 auto;
  color: white;
  text-align: center;
  padding: 0 30px;
  font-weight: 500;
  font-size: 17px;
}

@media screen and (min-width: 650px) {
  .body_events .event-action-details-cause {
    padding: 30px 0 0 0;
    font-size: 20px;
    font-weight: 500;
  }
}

.body_events .event-action-details-cause img {
  max-width: 100px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto 10px;
}

.body_events .event_causes_cont .event-single-actbar {
  display: none;
}

.body_events .event_causes_cont .act_icon_info {
  padding: 6px 20px;
}

.body_events .event_causes_cont .icon-cause3 {
  width: 55px;
  height: 55px;
}

.body_events .event_causes_cont .act_icon {
  width: 55px;
}

.body_events .event_causes_cont .action-detail-action-type {
  color: #F262CC;
}

.body_events .event_causes_cont .donatePro_amts .tr {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}

.body_events .event_causes_cont .donateButBg {
  /* background-image: linear-gradient(to right, var(--prop-green), var(--prop-blue), var(--prop-purple), var(--prop-pink));
  padding: 2px; */
  border-radius: 8px;
  margin: 5px;
  width: 80px;
}

.body_events .event_causes_cont .donateButBg .but {
  border: none;
  border-radius: none;
  color: white;
  background-color: black;
  border-radius: 8px;
  font-size: 23px;
  font-weight: 900;
  padding: 24px 5px;
}

.body_events .event_causes_cont .donateButBg .but .amt-val::before {
  content: '$ ';
}

.body_events .event_causes_cont .donateButBg .but:hover {
  background-color: #111;
}

.body_events .event_causes_cont .donatePro_amts .tc input {
  margin-top: -10px;
  width: 100%;
  height: 67px;
  margin-left: 0;
  border-radius: 8px;
  color: var(--propeller-black);
  background-color: var(--propeller-white);
  padding-left: 29px;
  padding-bottom: 11px;
  font-weight: 900;
  font-size: 23px;
}

.body_events .event_causes_cont .donatePro_amts .tc .inp .dols {
  color: var(--propeller-black);
  z-index: 10;
  top: 1px !important;
  font-weight: 900;
  font-size: 27px;
}

.body_events .event_causes_cont .donatePro_amts .donateCustom {
  display: flex;
  justify-content: start;
  align-items: start;
  font-size: 20px;
  font-weight: 900;
  /* margin-left: 20px; */
}

.body_events .event_causes_cont .donatePro_amts .tc input::placeholder {
  font-size: 15px;
}

.body_events .event_causes_cont .donatePro_amts .donateButBg.donateCustomAmt {
  height: 71px;
  width: 100%;
}

.body_events .event_causes_cont .donatePro_amts .donateCustom p {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-left: 6px;
}

.body_events .event_causes_cont #enterInt {
  top: -36px;
  left: -17px;
}

.body_events .event_causes_cont .donateCustomAmt #minimumReqNotice {
  bottom: -26px;
  left: 0px;
}

.body_events .event_causes_cont .amount_readout {
  background-image: linear-gradient(to right, var(--prop-green), var(--prop-blue), var(--prop-purple), var(--prop-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-size: 60px;
  font-family:  "lores-12ot-bold";
  text-transform: uppercase;
  font-weight: 900;
  text-align: left;
  display: flex;
  align-items: center;
  width: auto;
  float: left;
}

.body_events .event_causes_cont .amount_readout::before {
  display: block;
  content:'';
  background-image: url('/images/loresarrowtrans.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
  height: 50px;
  margin-right: 20px;
}

.body_events .event_causes_cont .payment_form a {
  color: var(--prop-green);
}

.body_events .event_causes_cont #donateQuickButton,
.body_events .event_causes_cont #donateButton {
  border-radius: 30px;
  margin-left: 0;
  padding: 8px 24px;
  margin-top: 0;
  width: auto;
}

.body_events .event_causes_cont #donateQuickButton:hover,
.body_events .event_causes_cont #donateButton:hover {
  transform: scale(1.04);
}

.body_events .event_causes_cont #donateQuickButton h5,
.body_events .event_causes_cont #donateButton .donate-form-submit-donation {
  font-size: 30px;
  font-weight: 100;
}

.body_events .event_causes_cont #cc_type {
  background-image: url('../images/creditcard-icon.png');
  margin-top: -18px;
  background-size: contain;
}

@media screen and (max-width: 560px) {

  .body_events .event_causes_cont .donatePro_amts .tr {
    justify-content: space-between;
  }

  .body_events .event_causes_cont .donateButBg {
    width: 80px;
    height: 80px;
    margin: 2px;
    margin-bottom: 5px;
  }

  .body_events .event_causes_cont .donateButBg .but {
    font-size: 18px;
    height: 100%;
  }

  .body_events .event_causes_cont .donatePro_amts .donateButBg.donateCustomAmt {
    /* width: calc(100% - 155px); */
    margin-right: -2px;
  }

  .body_events .event_causes_cont .donatePro_amts .donateCustom {
    font-size: 18px;
    margin-left: 0;
    margin-top: 15px;
  }

  .body_events .event_causes_cont .donatePro_amts .donateCustom p {
    padding-right: 14px;
    font-size: 14px;
  }

  .body_events .event_causes_cont .amount_readout {
    font-size: 36px;
  }

  .body_events .event_causes_cont .amount_readout::before {
    margin-right: 8px;
    width: 50px;
  }

  .body_events .event_causes_cont #donateButton,
  .body_events .event_causes_cont #donateQuickButton {
    margin-top: -10px;
  }

  .body_events .event_causes_cont #donateQuickButton h5,
  .body_events .event_causes_cont #donateButton .donate-form-submit-donation {
    font-size: 20px;
  }
}

@media screen and (max-width: 450px) {
  .body_events .event_causes_cont .donatePro_amts .tc .inp .dols {
    top: 12px !important;
  }

  .body_events .event_causes_cont .donateButBg {
    /* width: 75px;
    height: 75px; */
  }

  .body_events .event_causes_cont .donateButBg .but {
    /* padding: 22px 5px; */
  }

}

@media screen and (max-width: 410px) {
  .body_events .event_causes_cont .donateButBg {
    width: 75px;
    height: 75px;
  }

  .body_events .event_causes_cont .donateButBg .but {
    padding: 22px 5px;
  }

}

@media screen and (max-width: 410px) {
  .body_events .event_causes_cont .donateButBg {
    width: 65px;
    height: 65px;
  }

  .body_events .event_causes_cont .donateButBg .but {
    padding: 18px 5px;
  }

}

@media screen and (max-width: 360px) {
  .body_events .event_causes_cont .donateButBg .but {
    font-size: 15px;
  }
}

@media screen and (max-width: 340px) {
  .body_events .event_causes_cont .donateButBg {
    width: 45%
  }

  .body_events .event_causes_cont .donateButBg .but {
    padding: 22px 5px;
    font-size: 25px;
  }

  .body_events .event_causes_cont .donateCustom {
    margin-top: 10px;
  }

  .body_events .event_causes_cont .donatePro_amts .donateButBg.donateCustomAmt {
    width: 45%;
    margin-right: -3px;
  }

}




/* Test new donate button styles */

.body_events.body-cause-donate .donateForm .donatePro_amt_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.body_events.body-cause-donate .amt-readout-label {
  margin: 20px 0 5px;
}

.event-newStyle-mode.body_events .event_causes_cont .donateButBg {
    width: fit-content;
    display: inline-block;
}

.body_events .event_causes_cont .donateButBg .but {
    padding: 8px 12px;
    border: 2px solid var(--propeller-black);
}

.body_events .event_causes_cont .donate-select-amount .amt-label {
  display: inline-block !important;
}
/* 
.body_events .event_causes_cont .donateButBg:nth-child(1) .but::after {
    content: ' - 100 ENTRIES';
}

.body_events .event_causes_cont .donateButBg:nth-child(2) .but::after {
    content: ' - 250 ENTRIES';
}

.body_events .event_causes_cont .donateButBg:nth-child(3) .but::after {
    content: ' - 500 ENTRIES';
}

.body_events .event_causes_cont .donateButBg:nth-child(4) .but::after {
    content: ' - 1000 ENTRIES';
} */

.body_events .event_causes_cont .donatePro_amts .donateCustom {
    flex-direction: row;
    align-items: end;
    justify-content: center;
}

.event-newStyle-mode.body_events .event_causes_cont .amount_readout {
    font-size: 38px;
    padding: 8px 0 0;
    line-height: 1;
    margin-top: -8px;
    margin-left: 6px;
}

.body_events .event_causes_cont .donate-custom-cont {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.body_events .event_causes_cont .donatePro_amts .donateButBg.donateCustomAmt {
    padding: 0;
    height: auto;
    background-color: transparent;
}

.body_events .event_causes_cont .donatePro_amts .tc input {
    height: auto;
    padding: 6px 12px 6px 28px;
    margin-bottom: 9px;
}

.body_events .event_causes_cont .donatePro_amts .tc .inp .dols {
    height: auto;
    line-height: 1;
    top: 11px !important;
}

.body_events .event_causes_cont .donatePro_amts .donateCustom p {
    font-size: 16px;
}

.body_events .event_causes_cont .donatePro_amts .donateCustom p.amt-readout-label {
    font-size: 16px;
    font-weight: 800;
    font-family: var(--propeller-title);
    text-transform: uppercase;
}

@media screen and (max-width: 560px) {
    .body_events .event_causes_cont .donateButBg {
        height: auto;
    }

    .event-newStyle-mode.body_events .event_causes_cont .amount_readout {
        padding: 8px 0 0 8px;
        margin-left: 0;
        font-size: 25px;
    }
}



/* reward detail */
.body_events .event_rewards_cont {
  padding-top: 0;
}

.body_events .event_rewards_cont .event-single-actbar {
  display: none;
}

.body_events .submitButton.sb_rewards {
  /* background-color: white; */
  /* color: #3BA4C9; */
}

.body_events .submitButton.sb_rewards.hit {
  /* background-color: #3BA4C9; */
  /* color: white; */
}

.body_events .event-action-details-cause.event-details-reward span {
  color: #1EFE90;
}

.body_events .ev-head-txt span {
  color: #1EFE90;
}

.body_events .shop_detail .col_left:has(.pts-tix-header) {
  margin: 0 auto;
  width: 100%;
}

.body_events .shop_detail .pts-tix-header {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}


/* Event New Styling 
* 'new styling' checkbox in CMS 
* task: https://app.asana.com/0/936994971041396/1208390742637356/f 
* testing: https://design8.propeller.la/events/19239/20166/20167
*/
.event-newStyle-mode.body_events {
  --title: "aktiv-grotesk-condensed";
  --text: "aktiv-grotesk";

  --white: #fbfbfb;
  --pink: #FE20B0;
  --purple: #7C01FF;
  --lightgray: lightgray;
  --black: #010101;
}

.event-newStyle-mode.body_events .events.container,
.event-newStyle-mode.body_events .event-single-wrapper,
.event-newStyle-mode.body_events .event-choose-action,
.event-newStyle-mode.body_events .actiond-container,
.event-newStyle-mode.body_events .actions_landing_wrapper {
  background-image: none;
  background-color: var(--white);
  color: var(--black);
}

.event-newStyle-mode.body_events .actiond-container {
  margin-top: 30px;
}

.event-newStyle-mode.body_events .seated-td-header {
  color: white;
}

.event-newStyle-mode.body_events .stars-border-cont {
  display: none;
}

.event-newStyle-mode.body_events .event-intro {
  color: black;
  font-family: var(--title);
}

.event-newStyle-mode.body_events .event-title {
  color: var(--black);
  font-family: var(--title);
  font-size: 45px;
  line-height: 45px;
  padding-bottom: 0;
}

.event-newStyle-mode.body_events .event-actions-landing .paragraph-text {
  font-family: var(--text);
  color: var(--black);
  font-weight: 700;
}

.event-newStyle-mode.body_events .event-text-cont {
  padding: 50px 20px 10px 20px;
}

.event-newStyle-mode.body_events .event-single-wrapper .read-more-button {
  font-family: var(--text);
  color: var(--black);
  text-decoration: underline;
  text-transform: capitalize;
  font-size: 14px;
  width: auto;
}

.event-newStyle-mode.body_events .event-top-button div {
  background-color: var(--white);
  font-family: var(--title);
  color: var(--black);
  border: 1px solid lightgray;
  border-radius: 38px;
  padding: 10px 20px;
}

.event-newStyle-mode.body_events .event-top-button {
  max-width: 238px;
}

.event-newStyle-mode.body_events .event-choose-action .event-take-action-title {
  background-image: none;
  height: auto;
  width: auto;
  color: transparent;
  margin: 0;
}

.event-newStyle-mode.body_events .event-choose-action .event-take-action-title::after {
  content: 'TAKE ACTION TO ENTER';
  font-family: var(--title);
  color: var(--black);
  font-size: 55px;
  line-height: 55px;
  text-align: center;
  width: auto;
  display: block;
  margin: 10px auto 0;
  padding: 0 20px;
}

.event-newStyle-mode.body_events .event-choose-action .event-take-action-desc {
  color: var(--black);
  font-family: var(--text);
  max-width: 740px;
  text-transform: none;
  font-size: 20px;
  font-weight: 400;
}

.event-newStyle-mode.body_events .event-choose-action {
  padding-bottom: 0;
  margin-bottom: -20px;
}

.event-newStyle-mode.body_events .event-down-arrow {
  width: 120px;
}

.event-newStyle-mode.body_events .event-arrow-cont {
  justify-content: space-between;
  max-width: 950px;
  display: none;
}

.event-newStyle-mode.body_events .event_act_cont {
  box-shadow: none;
  max-width: 1000px;
  /* margin: 0 auto; */
}

.event-newStyle-mode.body_events .act_entries {
  color: var(--black);
  font-family: var(--title);
  padding-bottom: 8px;
}

.event-newStyle-mode.body_events .act-entries-com {
  color: var(--pink) !important;
  font-family: var(--title);
}

.event-newStyle-mode.body_events .event_act .act_icon_txt.com_1 {
  border-color: var(--pink) !important;
}

.event-newStyle-mode.body_events .actiond-container > .event_act_cont {
  /* margin-top: 30px; */
  width: 49%;
  padding-bottom: 50px;
  max-width: 650px;
}

@media screen and (max-width: 650px) {
  .event-newStyle-mode.body_events .actiond-container > .event_act_cont {
    width: 100%;
    padding-bottom: 0;
  }
}

.event-newStyle-mode.body_events .action-second-row .alien {
  display: none;
}

.event-newStyle-mode.body_events .action-second-row {
  width: 100%;
  justify-content: center;
}

.event-newStyle-mode.body_events .act-2col {
  width: 100%;
  position: absolute;
  bottom: -158px;
}

.event-newStyle-mode.body_events .action-row3 {
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0 0 8px 0 !important;
}

.event-newStyle-mode.body_events .event_action .event-action-text {
  text-align: center;
  padding: 15px 20px 20px;
}

.event-newStyle-mode.body_events .actiond-container .event_act_cont {
  padding-bottom: 100px;
}

.event-newStyle-mode.body_events .event_act .act_icon_txt,
.event-newStyle-mode.body_events .event-action-action-type.com_1.causes {
  background-image: none;
  background-color: transparent !important;
  color: var(--black);
  font-family: var(--title);
  font-size: 28px;
  padding:  8px 18px;
  border-radius: 30px;
  font-weight: 700 !important;
  width: auto;
  border: 1px solid gray !important;
}

.event-newStyle-mode.body_events .event-action.action-completem {
  font-size: 28px;
}

.event-newStyle-mode.body_events .event_action .event-action-action-type.causes::before, 
.event-newStyle-mode.body_events .event-action.donate-rewards {
  color: var(--black) !important;
  font-size: 28px !important;
}

.event-newStyle-mode.body_events .event_action .event-action-action-type.causes::before,
.event-newStyle-mode.body_events .actionId-20253 .event_action .event-action-action-type.petition::before,
.event-newStyle-mode.body_events .event_act .act_icon_txt {
  font-size: 28px !important;
}

.event-newStyle-mode.body_events .event_action .event-action-action-type.causes {
  font-size: 1px !important;
}

.event-newStyle-mode.body_events .event_action .event-action-text {
  max-width: 400px;
  margin: 0 auto;
  font-family: var(--text);
  color: var(--black);
  font-weight: 700 !important;
  padding-bottom: 10px;
}

.event-newStyle-mode.body_events .includeEventUserSpecs {
  font-family: var(--text);
  color: var(--black);
}

.event-newStyle-mode.body_events .includeEventUserSpecs a {
  color: var(--purple);
  text-decoration: underline;
}

.event-newStyle-mode.body_events .includeEventUserSpecs .upper {
  font-family: var(--title);
  font-size: 20px;
  color: var(--black);
}

.event-newStyle-mode.body_events .event-footer .events-landing,
.event-newStyle-mode.body_events .event-footer p {
  color: var(--black);
  font-family: var(--text);
}

.event-newStyle-mode.body_events .event-footer .events-landing.upper {
  font-family: var(--title);
  color: var(--black);
  font-size: 20px;
}

.event-newStyle-mode.body_events .footer-nav-links h5 {
  color: var(--white) !important;
}

.event-newStyle-mode.body_events .entries-form-cont {
  color: var(--black);
  font-family: var(--text);
  padding: 20px 20px 0;
}

.event-newStyle-mode.body_events .entries-form #redeemPointsForm h3 {
  font-family: var(--text);
  color: var(--black);
}

.event-newStyle-mode.body_events #points_choose div {
  font-family: var(--title);
  font-weight: 600;
  color: var(--white);
}

.event-newStyle-mode.body_events .entries-form-cont #confirm_msg .badge {
  background-color: var(--pink);
}

.event-newStyle-mode.body_events #confirm_redeem {
  font-family: var(--text);
  color: var(--black);
  font-weight: 600;
}

.event-newStyle-mode.body_events #submitPointsEntry {
  background-image: none;
  background-color: var(--pink);
  font-family: var(--title);
  text-transform: uppercase;
  font-weight: 700;
}

.event-newStyle-mode.body_events #submitPointsEntry:hover {
  color: var(--white);
  transform: scale(1.02);
}

.event-newStyle-mode.body_events .event-stars {
  display: none;
}


.event-newStyle-mode.body_events .action-details.ev-head .ev-head-txt,
.event-newStyle-mode.body_events .ev-head-txt span,
.event-newStyle-mode.body_events .event-action-details-cause {
  color: var(--pink);
  font-family: var(--text);
  font-weight: 600;
  font-size: 18px;
}

.event-newStyle-mode.body_events .action-details.ev-head .user-donation-entries {
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-weight: 800;
}

.event-newStyle-mode.body_events .shopRewContainer,
.event-newStyle-mode.body_events .actionDetailsActionTitle,
.event-newStyle-mode.body_events .price_block h3,
.event-newStyle-mode.body_events .collapse-element,
.event-newStyle-mode.body_events .propellerDonationDisclamer,
.event-newStyle-mode.body_events .shopRewDesc,
.event-newStyle-mode.body_events .stripeDonationDisclamer,
.event-newStyle-mode.body_events .user_payment_form,
.event-newStyle-mode.body_events .user-payment-form,
.event-newStyle-mode.body_events h2,
.event-newStyle-mode.body_events h3,
.event-newStyle-mode.body_events h4, 
.event-newStyle-mode.body_events h5,
.event-newStyle-mode.body_events h6 {
  color: var(--black);
  font-family: var(--text);
  font-weight: 600;
}

.event-newStyle-mode.body_events .actionDetailsActionTitle {
  text-align: Center;
}

.event-newStyle-mode.body_events .propellerDonationDisclamer a,
.event-newStyle-mode.body_events .stripeDonationDisclamer a,
.event-newStyle-mode.body_events .shopRewDesc a,
.event-newStyle-mode.body_events .event_causes_cont .payment_form a,
.event-newStyle-mode.body_events .userHasStripeSaved a {
  color: var(--purple);
}

.event-newStyle-mode.body_events .event-single-actbar {
  background-color: transparent;
  box-shadow: none;
}

.event-newStyle-mode.body_events .event-single-actbar .act_icon_txt {
  display: none;
}

.event-newStyle-mode.body_events .event-single-actbar .event-cta2 {
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-weight: 600;
  color: black;
  text-align: center;
  font-size: 30px;
  line-height: 32px;
  padding: 25px 25px 0px;
  max-width: 850px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.event-newStyle-mode.body_events .events .action_petition .action_descriptionX {
  padding: 15px 0 0;
}

.event-newStyle-mode.body_events .causes-payment-wrapper #submit,
.event-newStyle-mode.body_events .event_causes_cont #donateQuickButton, 
.event-newStyle-mode.body_events .event_causes_cont #donateButton,
.event-newStyle-mode.body_events #submitButton,
.event-newStyle-mode.body_events .submit_button {
  background-color: transparent;
  font-family: var(--title) !important;
  color: black;
  border: 1px solid gray;
  background-image: none;
}

.event-newStyle-mode.body_events .petition_action_inner .submit_button.bg_actions {
  background: transparent;
  font-family: var(--propeller-title);
  border: var(--propeller-buttonborder);
  font-weight: 600 !important;
}

.event-newStyle-mode.body_events #donateButton div,
.event-newStyle-mode.body_events .event_causes_cont #donateQuickButton h5, 
.event-newStyle-mode.body_events .event_causes_cont #donateButton .donate-form-submit-donation {
  font-family: var(--propeller-title) !important;
  font-weight: 700;
  color: var(--propeller-white);
}

.event-newStyle-mode.body_events .monthly-premier-please-login {
  padding-bottom: 0;
}


.event-newStyle-mode.body_events #donateButton.disableButton {
  opacity: 0.5;
}

.event-newStyle-mode.body_events .event_causes_cont .amount_readout {
  background-image: none;
  background-color: transparent;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: var(--pink);
  font-family: var(--title);
  font-size: 38px;
  padding: 8px 0 0;
  margin-top: -6px;
}

.event-newStyle-mode.body_events .event_causes_cont .amount_readout::before {
  display: none;
}

.event-newStyle-mode.body_events .event_causes_cont .amount_readout span {
  margin-left: 4px;
}

.event-newStyle-mode.body_events .event_causes_cont .donatePro_amt_buttons {
    margin-top: -20px;
}

.event-newStyle-mode.body_events .event_causes_cont .donateButBg {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 5px auto;
}

.event-newStyle-mode.body_events .event_causes_cont .donateButBg .but {
  width: 100%;
  max-width: 100%;
  padding: 15px;
  background-color: var(--propeller-white);
  color: var(--propeller-pink);
  border: 2px solid var(--propeller-black);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
}

.event-newStyle-mode.body_events .donatePro_amts .tc .but.active {
  background-color: var(--propeller-yellow);
  border-color: var(--propeller-black);
  color: var(--propeller-pink);
}

.event-newStyle-mode.body_events .donatePro_amts .tc .but:hover {
  background-color: var(--propeller-yellow);
  border-color: var(--propeller-black);
  color: var(--propeller-pink);
}

.event-newStyle-mode.body_events .donate-one-time .onetime,
.event-newStyle-mode.body_events .donate-monthly .monthly {
  font-family: var(--text);
}

@media screen and (max-width: 650px) {
  .event-newStyle-mode.body_events .event-title {
    font-size: 35px;
    line-height: 35px;
  }

  .event-newStyle-mode.body_events .event_causes_cont .amount_readout {
    padding: 3px 0 0 8px;
    font-size: 25px;
    margin-top: 0;
  }
}


.event-newStyle-mode.body_events .event_causes_cont .amt-label {
  display: inline-block;
  padding-left: 33px;
}

.event-newStyle-mode.body_events .event_causes_cont .amt-label::first-letter {
  color: transparent;
}

.event-newStyle-mode.body_events .event_causes_cont .amt-label::after {
  content: '';
  background-image: url('/images/pinkticket.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 30px;
  height: 20px;
  display: inline-block;
  margin: 0 5px 0 0;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.event-newStyle-mode.body_events .event_causes_cont .amt-val {
  color: var(--propeller-black);
}

.event-newStyle-mode.body_events .event_causes_cont .donateCustom {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
}

.event-newStyle-mode.body_events .event_causes_cont .donate-custom-cont {
  width: 100%;
}

.event-newStyle-mode.body_events .event_causes_cont .donate_amount input {
  width: 100%;
  max-width: 100%;
  border: 2px solid var(--propeller-black);
  height: 50px;
  font-weight: 800;
}

.event-newStyle-mode.body_events .event_causes_cont .custamtLabel {
  font-weight: 800;
  text-transform: uppercase;
  font-family: var(--propeller-title);
  font-size: 16px;
}

@media screen and (min-width: 700px) {
  .event-newStyle-mode.body_events .event_causes_cont .donate_amount {
    width: 50%;
    max-width: 500px;
    margin: 0 auto;
  }
}

.event-newStyle-mode.body_events .control-label-field-checkbox p {
  color: black;
}

@media screen and (max-width: 650px) {
  .event-newStyle-mode.body_events .event-choose-action .event-take-action-title::after {
    font-size: 35px;
  }

  .event-newStyle-mode.body_events .event-choose-action .event-take-action-desc {
    font-size: 16px;
    font-weight: 400;
  }

  .event-newStyle-mode.body_events .event-action-details-cause {
    margin-bottom: -20px;
  }
}

.event-newStyle-mode.body_events .event-action-details-cause span {
  font-weight: 800;
}


/* events button */
.event-newStyle-mode.body_events .act-2row-buttoncont {
  display: flex;
  justify-content: center;
}

.event-newStyle-mode.body_events .act-2row-buttoncont .act_icon_txt,
.event-newStyle-mode.body_events .event_act .act_icon_txt, 
.event-newStyle-mode.body_events .event-action-action-type.com_1.causes {
  margin: 0 auto;
  width: auto;
  background-color: var(--propeller-pink) !important;
  color: white !important;
  border: none !important;
}

.event-newStyle-mode.body_events .event_action .event-action-action-type.causes {
  color: transparent !important;
}

.event-newStyle-mode.body_events .event_action .event-action-action-type.causes::before, 
.event-newStyle-mode.body_events .event-action.donate-rewards {
  color: white !important;
}

.event-newStyle-mode.body_events.body-cause-donate .donatePro_buts {
  margin: 0 !important;
}

/* remove extra disclaimer on rewards in event context */
.body_events .shop-not-landing .disclaimer-top {
  display: none;
}

/* remove extra disclaimer in rewards */
.body_rewards .disclaimer-top {
  display: none;
}

/* End event 'new' styling */

.event-newStyle-mode.body_events .body_watch .event-single-actbar .event-cta2,
.body_events .body_watch .event_act_cont .act_icon_info {
  padding: 0;
}

.body_events .body_watch #video_length {
  padding: 15px 0 0;
}

.event-newStyle-mode.body_events .body_join .blockTitleJoin {
  display: none;
}

.body_events .form-group-field-checkbox .row-checkbox {
  height: auto;
}



/* monthly donor event page */
.body_events .action_monthly_donor_container .monthlyAction-title,
.body_events .action_annual_donor_container .monthlyAction-title {
  display: none;
}

.body_events .action_monthly_donor_container .cause-header-monthly,
.body_events .action_annual_donor_container .cause-header-monthly {
  color: var(--propeller-pink);
  font-weight: 700;
}

.body_events .action_monthly_donor_container .donatePro_buts,
.body_events .action_annual_donor_container .donatePro_buts {
  display: none;
}

.body_events .action_monthly_donor_container .donatePro_amts .tc .but,
.body_events .action_annual_donor_container .donatePro_amts .tc .but {
  font-family: var(--propeller-title);
  font-weight: 600;
  font-size: 18px;
  background-color: var(--propeller-black);
  color: var(--propeller-white);
}

.body_events .action_monthly_donor_container .donatePro_amts .tc .but::before,
.body_events .action_annual_donor_container .donatePro_amts .tc .but::before {
  content: "$";
}

.body_events .action_monthly_donor_container .donatePro_amts .tc .but .amt-label,
.body_events .action_annual_donor_container .donatePro_amts .tc .but{
  /* display: inline-block !important; */
}

.body_events .action_monthly_donor_container .donatePro_amts .donateButBg,
.body_events .action_annual_donor_container .donatePro_amts .donateButBg {
  width: 90%;
  max-width: 100px;
}

.body_events .action_monthly_donor_container .donateForm .donatePro_amt_buttons,
.body_events .action_annual_donor_container .donateForm .donatePro_amt_buttons {
  align-items: start;
}

.body_events .action_monthly_donor_container .donateCustom p,
.body_events .action_annual_donor_container .donateCustom p {
  margin-bottom: 0px;
}

.body_events .action_monthly_donor_container .donatePro_amts .tc input,
.body_events .action_annual_donor_container .donatePro_amts .tc input {
  font-size: 18px;
}

.body_events .action_monthly_donor_container .amount-earned-container,
.body_events .action_annual_donor_container .amount-earned-container {
  display: none;

  background-color: transparent;
  color: var(--propeller-pink);
  font-size: 30px;
}






/* Custom Events Page - Bryan Cranston - 22892 */
/* https://design.propeller.la/dcco8:vfn5 */
.body-page-22892 {
  --bc-green: #06ffb0;
  --bc-purple: #46006e;

  --bc-wideblack: 'Acumin Wide Black';
  --bc-excondblack: 'Acumin Extra Condensed Black';
  --bc-semibold: 'Acumin Semibold';
  --bc-condbold: 'Acumin Condensed Bold';
}

.body-page-22892 .event-single-wrapper {
  background-image: url('../images/bryancranston-gradientbackground.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.body-page-22892 .actions_landing_wrapper {
  background-color: transparent;
}

.body-page-22892 .actiond-container {
  background-image: none;
  background-color: transparent;
}

.body-page-22892 .actiond-container * {
  box-shadow: none;
}

.body-page-22892 .stars-border-top,
.body-page-22892 .stars-border-bottom,
.body-page-22892 .event-stars {
  display: none;
}

.body-page-22892 .event-single .event-intro, 
.body-page-22892 .event-desktop-top .event-intro {
  color: var(--bc-green);
  font-family: var(--bc-wideblack);
  font-size: 18px;
}

.body-page-22892 .event-single .event-title, 
.body-page-22892 .event-desktop-top .event-title {
  background: -webkit-linear-gradient(#f0f0f2, #918e9a);
  -webkit-text-stroke: 1px #cacdd8;
  text-stroke: 1px #cacdd8;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--bc-excondblack);
  font-size: 50px;
  filter: drop-shadow(3px 3px 10px var(--bc-purple));
}

.body-page-22892 .event-desktop-top .event-title {
  padding-bottom: 0;
  padding: 15px 0px;
}

.body-page-22892 .paragraph-text {
  font-family: var(--bc-semibold);
  text-shadow: 2px 2px 5px var(--bc-purple);
}

.body-page-22892 .read-more-button {
  font-family: var(--bc-wideblack);
  color: white;
  text-decoration: underline;
  font-size: 20px;
  width: auto;
}

.body-page-22892 .event-top-button div {
  visibility: hidden;
  /* width: 1px; */
  height: 1px;
  font-size: 1px;

  display: none;
}

.body-page-22892 .event-top-button div:after {
  visibility: visible;
  width: 400px;
  height: 80px;
  content: '';
  background-image: url('../images/bryancranston-enter-now.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  margin-top: -40px;
}

.body-page-22892 .event-top-button {
  display: flex;
  justify-content: center;
}

.body-page-22892 .event-choose-action .event-take-action-title {
  background-image: none;
  height: auto;
  width: 60%;
}

.body-page-22892 .event-choose-action .event-take-action-title:after {
  content: 'TAKE ACTION TO ENTER';
  display: block;
  font-size: 60px;
  color: black;
  text-align: center;
  background: -webkit-linear-gradient(#f0f0f2, #918e9a);
  -webkit-text-stroke: 1px #cacdd8;
  text-stroke: 1px #cacdd8;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--bc-wideblack);
  font-size: 60px;
  filter: drop-shadow(3px 3px 10px var(--bc-purple));
}

.body-page-22892 .event-arrow-cont {
  justify-content: space-between;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -100px;
}

.body-page-22892 .event-down-arrow {
  width: 300px;
  background-image: url('../images/bc-arrow.png');
}

.body-page-22892 .event-choose-action .event-take-action-desc {
  color: #f0f0f2;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
  font-size: 25px;
  font-family: var(--bc-condbold);
  display: none;
}

.body-page-22892 .act_entries,
.body-page-22892 .act-entries-com {
  color: var(--bc-green);
  font-family: var(--bc-wideblack);
  filter: drop-shadow(3px 3px 10px var(--bc-purple));
}

.body-page-22892 .alien,
.body-page-22892 .com_alien {
  display: none;
}

.body-page-22892 .act_icon_txt {
  visibility: hidden;
}

.body-page-22892 .act_icon_txt * {
  box-shadow: none !important;
}

.body-page-22892 .act_icon_txt:before {
  visibility: hidden;
  display: none;
  font-size: 1px;
} 

.body-page-22892 .act_icon_txt:after {
  visibility: visible;
  display: block;
  content: '';
  background-image: url('../images/bryancranston-donate.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 180px;
  height: 65px;
}

.body-page-22892 .event-action-text {
  color: white;
  font-family: var(--bc-condbold);
  font-size: 20px;
  filter: drop-shadow(3px 3px 10px var(--bc-purple));
}

.body-page-22892 .event_act.nohover {
  background-color: transparent;
}

.body-page-22892 .event_act_cont * {
  box-shadow: none;
}

.body-page-22892 .event-single-actbar .act_icon_txt {
  visibility: visible;
}

.body-page-22892 .event-single-actbar .act_icon_txt::after {
  visibility: hidden;
  display: none;
}

@media screen and (max-width: 650px) {
  .body-page-22892 .event-choose-action .event-take-action-title {
    width: 100%;
  }

  .body-page-22892 .event-choose-action .event-take-action-title:after {
    font-size: 40px;
    line-height: 48px;
    padding: 0 20px;
  }

  .body-page-22892 .event-single .event-title, 
  .body-page-22892 .event-desktop-top .event-title {
    -webkit-text-stroke: 1px #cacdd8;
    text-stroke: 1px #cacdd8;
    line-height: 50px;
    word-spacing: -2px;
  }

  .body-page-22892 .event-arrow-cont {
    margin-top: 0;
  }

  .body-page-22892 .event-choose-action .event-take-action-desc {
    width: 90%;
    margin: 0 auto;
  }

  .body-page-22892 .act_icon_txt:after {
    margin-left: -30px;
  }

  .body-page-22892 .act_entries,
  .body-page-22892 .act-entries-com {
    font-size: 28px;
  }
}

/* End Bryan Cranston Event */

/* Bryan Cranston Event Stat Page */
/* https://design.propeller.la/admin_stats/volunteersNEW?id=22892&id2=22894 */
.event-stats-22892 {

}

/* End Bryan Cranston Event Stat Page */

/* AEW Custom event page - 23292 */
.body-page-23292 {
  --aew-red: #fa0103;
  --aew-font: 'Helvetica Neue';
}

.body-page-23292 .event-single-wrapper {
  padding: 0;
}

.body-page-23292 .stars-border-top,
.body-page-23292 .stars-border-bottom,
.body-page-23292 .event-stars {
  background-image: url('../images/aew-stars.gif');
  background-repeat: repeat;
}

.body-page-23292 .event-intro {
  visibility: hidden;
  font-size: 1px;
}

.body-page-23292 .event-intro:after {
  visibility: visible;
  display: block;
  content: '';
  background-image: url('../images/aew-takeaction.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 30px;
  margin: 0 auto;
}

.body-page-23292 .event-title {
  text-transform: capitalize;
  font-family: var(--aew-font);
}

.body-page-23292 .read-more-button {
  color: var(--aew-red);
  font-family: var(--aew-font);
  text-decoration: underline;
}

.body-page-23292 .event-top-button {
  background-image: url('../images/aew-enternow-button.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  margin-top: 15px;
  max-width: 240px;
}

.body-page-23292 .event-top-button div {
  background-color: transparent;
  color: transparent;
}

.body-page-23292 .event-take-action-title {
  background-image: url('../images/aew-donatetoenter.gif');
  background-repeat: no-repeat;
  height: 140px;
}

.body-page-23292 .event-arrow-cont {
  justify-content: space-between;
  margin-top: -200px;
}

.body-page-23292 .event-down-arrow {
  background-image: url('../images/aew-arrow.png');
  width: 30%;
}

.body-page-23292 .event-choose-action .event-take-action-desc {
  visibility: hidden;
  font-size: 1px;
}

.body-page-23292 .event-choose-action .event-take-action-desc:after {
  visibility: visible;
  font-size: 28px;
  font-family: var(--aew-font);
  font-weight: 700;
  margin-top: -8px;
  content: 'Donations go towards KultureCity';
  display: block;
}

.body-page-23292 .actiond-container {
  margin-top: 70px;
  background-image: url('../images/aew-wrestling-ring.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.body-page-23292 .act_entries {
  visibility: hidden;
  font-size: 1px;
}

.body-page-23292 .act_entries:after {
  visibility: visible;
  content: '';
  background-image: url('../images/10entries.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 100%;
  height: 45px;
}

.body-page-23292 .event-action-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.body-page-23292 .alien,
.body-page-23292 .com_alien {
  visibility: hidden;
  height: auto;
  margin-bottom: 10px;
  margin-top: -20px;
}

.body-page-23292 .alien:after,
.body-page-23292 .com_alien:after {
  visibility: visible;
  content: 'Support KultureCity';
  font-family: var(--aew-font);
  font-size: 22px;
  font-weight: 600;
  padding: 0 30px;
  color: white;
  text-align: center;
}

.body-page-23292 .action-row3 {
  display: none;
}

.body-page-23292 .act_icon_txt.causes,
.body-page-23292 .act_icon_txt.causes:before {
  visibility: hidden;
  font-size: 1px;
  height: 1px;
  width: 180px;
}

.body-page-23292 .act_icon_txt.causes:after {
  visibility: visible;
  background-image: url('../images/aew-donate-button.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  width: 100%;
  height: 70px;
  margin-top: -30px;

}

@media screen and (max-width: 649px) {
  .body-page-23292 .event-arrow-cont {
    margin-top: unset;
  }
  .body-page-23292 .actiond-container {
    margin-top: 0;
    padding-bottom: 50px;
  }
}

/* End AEW Custom event Page */


/* Billy Porter Custom Events Page */
@import url("https://use.typekit.net/tlr1wot.css");
@import url("https://p.typekit.net/p.css?s=1&k=tlr1wot&ht=tk&f=33668.40118.40119.40122&a=11900443&app=typekit&e=css");
@font-face {
font-family:"fino-sans";
src:url("https://use.typekit.net/af/c5d7c7/00000000000000007735af4f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/c5d7c7/00000000000000007735af4f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/c5d7c7/00000000000000007735af4f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"acme-gothic semibold";
src:url("https://use.typekit.net/af/89c882/00000000000000007735b9c9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/89c882/00000000000000007735b9c9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/89c882/00000000000000007735b9c9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
font-family:"acme-gothic bold";
src:url("https://use.typekit.net/af/f5e8da/00000000000000007735b9ce/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/f5e8da/00000000000000007735b9ce/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/f5e8da/00000000000000007735b9ce/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}
@font-face {
font-family:"acme-gothic black";
src:url("https://use.typekit.net/af/9e19af/00000000000000007735b9e1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/9e19af/00000000000000007735b9e1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/9e19af/00000000000000007735b9e1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

.body-page-23679 {
  --bp-teal: #04dbc2;
  --bp-gold: #e7b761;

  --bp-fino: "fino-sans";
  --bp-semi: "acme-gothic semibold";
  --bp-bold: "acme-gothic bold";
  --bp-black: "acme-gothic black";

  background-color: black;
}

.body-page-23679 .stars-border-bottom,
.body-page-23679 .stars-border-top,
.body-page-23679 .event-stars {
  background-image: url('../images/billyporter-stars.gif');
  background-repeat: repeat;
  background-size: auto 104%;
  background-position: center center;
}

.body-page-23679 .event-single .event-intro, 
.body-page-23679 .event-desktop-top .event-intro {
  color: var(--bp-teal);
  font-family: var(--bp-fino);
  font-size: 30px;
  font-weight: 100;
}

.body-page-23679 .event-single .event-title, 
.body-page-23679 .event-desktop-top .event-title {
  color: white;
  font-family: var(--bp-fino);
  font-size: 45px;
  font-weight: 100;
}

.body-page-23679 .event-actions-landing .paragraph-text, 
.body-page-23679 .event-desktop-top .paragraph-text,
.body-page-23679 .read-more-text,
.body-page-23679 .paragraph-text {
  color: var(--bp-gold);
  font-family: var(--bp-semi);
}

.body-page-23679 .read-more-button {
  color: var(--bp-gold);
  font-family: var(--bp-semi);
  text-decoration: underline;
  font-size: 18px;
}

.body-page-23679 .event-top-button {
  max-width: 240px;
}

.body-page-23679 .event-top-button div {
  background-image: url('../images/billyporter-sparkle-background.gif');
  background-color: transparent;
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  font-family: var(--bp-black);
  font-size: 40px;
  color: black;
  padding: 0 0 5px 0;
}

.body-page-23679 .event-choose-action .event-take-action-title {
  background-image: url('../images/billyporter-takeaction-desktop.gif');
  height: 70px;
}

.body-page-23679 .event-arrow-cont {
  justify-content: space-between;
}

.body-page-23679 .event-down-arrow {
  background-image: url('../images/billyporter-arrow.gif');
  width: 20%;
}

.body-page-23679 .event-choose-action .event-take-action-desc {
  font-family: var(--bp-fino);
  color: var(--bp-teal);
  font-size: 35px;
  font-weight: 100;
  max-width: 650px;
  width: 100%;
  line-height: 35px;
  margin-top: 15px;
}

.body-page-23679 .actiond-container {
  background-image: none;
  background-color: black;
}

.body-page-23679 .act_entries,
.body-page-23679 .act-entries-com {
  font-family: var(--bp-bold);
  color: var(--bp-gold);
  font-size: 38px;
}

.body-page-23679 .act-entries-com {
  color: var(--bp-teal) !important;
}

.body-page-23679 .action-second-row .alien,
.body-page-23679 .action-second-row .com_alien {
  background-image: url('../images/billyporter-discoball.gif');
}

.body-page-23679 .event_act .act_icon_txt,
.body-page-23679 .event_action .event-action-action-type.causes::before {
  color: black !important;
  border: none;
  font-family: var(--bp-black);
  background-image: url('../images/billyporter-sparkle-background.gif');
  font-size: 25px !important;
  width: 180px;
}

.body-page-23679 .event_action .event-action-action-type.causes {
  font-size: 1px !important;
}

.body-page-23679 .event-action.donate-rewards,
.body-page-23679 .event-action.action-completem {
  color: black !important;
  border: none;
  font-family: var(--bp-black);
  font-size: 25px !important;
}

@media screen and (max-width: 650px) {
  .body-page-23679 .event_act .act_icon_txt,
  .body-page-23679 .event_action .event-action-action-type.causes::before,
  .body-page-23679 .event-action.donate-rewards,
  .body-page-23679 .event-action.action-completem {
    font-size: 20px !important;

  }

  .body-page-23679 .event_act .act_icon_txt,
  .body-page-23679 .event_action .event-action-action-type.causes::before {
    width: 140px;
  }
}

.body-page-23679 .event_action .event-action-text {
  font-family: var(--bp-semi);
  font-size: 20px;
}

.body-page-23679 .event-action-image-wrapper img {
  background-color: white;
}

.body-page-23679 .includeEventUserSpecs {
  color: white;
  font-family: var(--bp-semi);
}

.body-page-23679 .includeEventUserSpecs a {
  color: vaR(--bp-teal);
}

.body-page-23679 .underline.blue1 {
  background-color: var(--bp-teal);
}

.body-page-23679 .event-entries-cont .badge {
  background: var(--bp-teal);
  color: black;
}

.body-page-23679 .event-entries-cont .event-entries-total,
.body-page-23679 .event-entries-cont .complete-more-actions {
  text-align: center;
  color: var(--bp-gold);
  font-family: var(--bp-bold);
  font-size: 20px;
}

.body-page-23679 .ev_act_header {
  color: var(--bp-teal);
  font-family: var(--bp-bold);
  font-size: 20px;
}

.body-page-23679 .event_act .action-detail-action-type {
  background-image: none !important;
  color: white !important;
}

/* End Billy Porter Custom Events Page */



/* Earn points popup */
.highlighted-action-popup.highlighted-action-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 1100px;
  z-index: 100;
  padding: 0;

  opacity: 0;
  transition: all 0.3s ease;
}

.highlighted-action-popup-bg {
  background-color: black;
  opacity: 0.6;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.showPopup {
  opacity: 1 !important;
}

.highlighted-action-popup .popup-action-container  {
  width: 100%;
  max-width: 100%;
  align-items: center;
  height: 100%;
  position: relative;
}

#closePopupAction {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 14px;
  color: #222;
  width: 20px;
  height: 20px;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: white;
  border-radius: 20px;
  padding: 4px;
}

#closePopupAction:hover {
  transform: scale(1.03);
}

.popup-action-container .popup-falink {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.highlighted-action-popup.highlighted-action-container .fa-card-left h3 .highlighted {
  background: none;
}

.popup-action-container .fa-card-left h3,
.popup-action-container .fa-card-left h4, 
.popup-action-container .fa-card-left div {
  max-width: 550px;
  margin: 0 auto;
}

.highlighted-action-popup .popup-action-container .fa-card-right {
  width: 40%;
  height: auto;
  min-height: 345px;
  align-self: stretch;
  position: relative;
}

.highlighted-action-popup .popup-action-container .fa-card-left {
  width: 60%;
  margin: auto;
}

.popup-action-container .fa-card-right img {
  object-fit: contain;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

.popup-action-container.featured-action-card h4 {
  padding: 8px 0 8px 0;
  margin-bottom: 0;
  font-family: var(--propeller-text);
}

.popup-action-desc p {
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.popup-action-card-details {
  padding-left: 20px;
}

.popup-action-card-details h4 {
  font-size: 30px;
}

@media screen and (max-width: 900px) {
  .highlighted-action-popup.highlighted-action-container {
    padding: 0px;
    top: 57%;
    width: 80%;
    max-width: 360px;
  }

  .highlighted-action-popup-bg {
    height: 100%;
  }

  .highlighted-action-popup .popup-action-container .fa-card-left {
    width: 100%;
  }

  .highlighted-action-popup .popup-action-container .fa-card-right {
    width: 100%;
    padding: 0 20px 20px;
  }

  .highlighted-action-popup .popup-action-container .fa-card-right {
    min-height: unset;
    height: auto;
    width: 100%;
  }

  .highlighted-action-popup .popup-action-container .fa-card-right img {
    object-fit: contain;
    height: auto;
    position: relative;
  }

  #closePopupAction {
    color: #222;
  }
}

/*  */

/* Highlighted Featured Action Section */
/* task: https://app.asana.com/0/1206844355304410/1206792062771720/f */
/* https://propeller.la/actions */
.highlighted-action-container {
  /* background: linear-gradient( to top right, #0D0E0E, #757575 28%, #dddddd 40%, #0D0E0E); */
  /* background-image: url('../images/noisy2.png'), linear-gradient( to top right, #0D0E0E, #757575 28%, #dddddd 40%, #0D0E0E); */
  /* background-size: 120px, 100%;
  background-repeat: repeat;
  background-position: center; */
  width: 100%;
  padding: 40px 20px;
}

.featured-action-card {
  background-color: #fff;
  border: 2px solid var(--propeller-pink);
  border-radius: 10px;
  padding: 35px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.featured-action-card .fa-card-left {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  padding: 0 20px 0 0;
  max-width: 500px;
}

.featured-action-card .fa-card-right {
  width: 50%;
  max-width: 312px;
}

.fa-card-right img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.featured-action-card h3 {
  font-size: 38px;
  font-weight: 900;
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  font-family: var(--propeller-title);
  color: var(--propeller-pink);
  line-height: 1;
}

.featured-action-card .highlighted {
  padding: 0 8px;
}

.featured-action-card h4 {
  padding: 34px 0 40px;
  margin: 0;
  font-family: var(--propeller-text);
}

.featured-action-card a {
  padding: 9px 15px;
  border-radius: 30px;
  display: block;
  width: 207px;
  margin: 0 auto;
  transition: 0.2s all ease;
  font-family: var(--propeller-title);
  font-weight: 600;
  background-color: var(--propeller-black);
  color: var(--propeller-white);
  font-size: 18px;
}

.featured-action-card a:hover {
  text-decoration: none;
  transform: scale(1.03);
}

@media screen and (max-width: 900px) {
  .highlighted-action-container {
    margin-top: -25px;
  }

  .featured-action-card {
    flex-direction: column;
    max-width: 400px;
  }

  .featured-action-card .fa-card-left {
    width: 100%;
    padding: 0 20px 30px 20px;
  }

  .featured-action-card .fa-card-right {
    width: 100%;
    max-width: 100%;
  }

  .featured-action-card h3 {
    font-size: 28px;
  }
}

@media screen and (max-width: 450px) {
  .featured-action-card {
    max-width: 300px;
  }

  .featured-action-card h3 {
    font-size: 25px;
  }

  .featured-action-card h4 {
    padding: 20px 0;
  }

  .featured-action-card a {
    width: 100%;
    font-size: 16px;
  }
}

@media screen and (max-width: 390px) {
  .featured-action-card h3 {
    font-size: 22px;
  }
}

/* highlighted action homepage */
.homepage-highlighted-action-container {
  margin-bottom: 50px;
}


/*!---------------------*/
/*! Earn Points Page         */
/*!---------------------*/
/* propeller.la/actions */
/* includes/actions.php */
.earn-points-page-container {
  --ep-black: #111111;
  --ep-tan: #efe9e3;

  --ep-anzeigen: 'Anzeigen Grotesk';
  --ep-super: 'BD Super';
  --ep-monarcha: 'Monarcha SemiBold';
  --ep-neue: 'Neue Haas Grotesk Display Pro Bold';

  background-color: var(--ep-tan);

  overflow-y: hidden;
}

/* header */


/* intro section */
.earn-points-top-section {
  position: relative;
  max-width: 1100px;
  margin: auto;
  background-color: black;
}

.earn-points-intro {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  /* justify-content: end;
  align-items: start; */
  padding: 25px 15px;
}

.ep-intro-left-title {
  width: 100%;
  /* background-image: url('../images/ep-arrow.png');
  background-size: 60%;
  background-position: left center;
  background-repeat: no-repeat; */

  position: relative;
  /* top: 50px; */
  /* left: 0px; */
  z-index: 0;
}

.ep-intro-left-title img {
  margin: 0 auto;
  max-width: 100%;
  object-fit: contain;
}

.ep-intro-left-title h1 {
  font-family: var(--ep-super);
  font-size: 40px;
  text-align: left;
  font-weight: 100;
  width: 200px;
  padding-left: 25px;
}

@media screen and (max-width: 360px) {
  .ep-intro-left-title h1 {
    font-size: 30px;
    width: 170px;
    padding-left: 20px;
  }
}

.earn-points-cat-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.earn-points-cat-list a {
  text-align: right;
  text-decoration: underline !important;
  text-underline-offset: 6px;
  /* font-family: var(--ep-monarcha); */
  color: white;
  margin: 8px 10px;
  font-size: 16px;
  font-weight: 600;
}

.scrollCheckPoint {
  position: absolute;
  top: -100px;
  /* background: red; */
  height: 10px;
  /* width: 400px; */
}

/* search bar */
.earn-points-searchbar .filter_item.menu {
  width: 100%;
}

.earn-points-searchbar form {
  display: flex;
  justify-content: space-between;
  border: 2px solid white;
  border-color: white !important;
  border-radius: 15px;
  width: 60%;
  max-width: 300px;
  margin: auto;
  padding: 5px 10px;
}

.earn-points-searchbar input {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.earn-points-searchbar input::placeholder {
  color: white;
}

.earn-points-searchbar button {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.earn-points-searchbar .search-box button {
  padding: 0;
}

@media screen and (max-width: 400px) {
  .earn-points-searchbar .hand.search-box .search-field {
    width: 150px;
  }
}

.earn-points-searchbar i {
  line-height: auto !important;
  color: white;
  font-size: 18px;
}

.earn-points-top-act {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}

.ep-top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.ep-top-row p {
  color: white;
  margin: 0;
  padding: 8px 0;
  font-family: 'Lores 9 Plus Wide Regular';
  font-size: 14px;
  text-align: center;
  word-spacing: -2px;;
}

.ep-top-row p:nth-child(1) {
  color: #7cd3d2;
}

.ep-top-row p:nth-child(3) {
  color: #dd92c0;
}

.ep-top-row p:nth-child(5) {
  color: #aa9bcb;
}

.ep-top-row img {
  object-fit: contain;
  width: 12px;
  height: auto;
  margin: 0 8px;
}

@media screen and (min-width: 450px) {
  .ep-top-row p {
    font-size: 15px;
  }
  .ep-top-row img {
    width: 15px;
  }
}

.earn-points-top-act img {
  object-fit: contain;
  width: 15px;
  height: auto;
  margin: 0 auto;
}

.earn-points-top-act .top-act-move {
  display: flex;
  flex-direction: row;
  margin: 10px auto;
  width: 95%;
}

.earn-points-top-act .top-act-move div {
  color: white;
  font-size: 40px;
  font-weight: 100;
}

.earn-points-top-act .top-act-move img {
  width: 30px;
}

.top-act-move {
  height: 70px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

/* earn points campaigns container */
.earn-points-campaigns-container {
  width: 100%;
  margin: 20px auto auto auto;
}

.earn-points-single-campaign {
  width: 100%;
  /* padding-top: 20px; */
  position: relative;
}

/* .single-camp-img,
.single-camp-img a,
.single-camp-img img {
  width: 96%;
  margin: 0 auto;
  height: 280px;
} */

.single-camp-img img {
  object-fit: contain;
  width: 100%;
  height: auto;
  margin-top: -20px;
}

.single-camp-right-sec {
  width: 96%;
  margin: 0 auto;
  /* margin-bottom: -20px; */
}

.single-camp-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.single-camp-title {
  position: relative;
  width: 280px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  height: 60px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* .single-camp-title h2 {
  text-transform: uppercase;
  font-family: var(--ep-neue);
  font-size: 60px;
  position: relative;
  z-index: 1;
}

.single-camp-title h2 a {
  color: black;
}

.single-camp-title h2 a:hover {
  text-decoration: none;
} */

/* .single-camp-title-line {
  background-image: url('../images/ep-bold-underline.png');
  position: absolute;
  bottom: 5px;
  left: -20px;
  width: 280px;
  height: 60px;
  z-index: 0;
}

.single-camp-cat-bubble {
  background-image: url('../images/ep-circle-highlight.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 130px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-camp-cat-bubble p {
  padding: 10px;
  margin: 0;
  font-family: var(--ep-monarcha);
  font-size: 14px;
} */

.single-camp-desc {
  font-size: 20px;
  text-align: center;
  padding: 0 20px;
  font-weight: 600;
}

.actions-toggle-button {
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: flex-end;
  margin: 20px 0;
  cursor: pointer;
}

.actions-toggle-button p {
  margin-left: 5px !important;
}

.actions-toggle-button p,
.actions-toggle-button p a {
  font-family: var(--ep-neue);
  font-size: 22px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  color: black;
}

.actions-toggle-button p a:hover {
  text-decoration: none;
}

.ep-toggle-icon {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.actionToggleButton {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
}

.ep-lock-icon {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 280px;
  height: 50px;
  margin-bottom: 30px;
  position: relative;
  z-index: 10;
}

.ep-arrow-icon {
  background-image: url('../images/ep-arrow-icon.png');
}

.ep-lock-icon {
  background-image: url('../images/ep-lock-icon.png');
}

.ep-lock-a {
  width: 100%;
}

/* for closing the action row */
.ep-x-icon {
  background-image: url('../images/ep-x-icon.png') !important;
}

.single-camp-actions-row {
  /* display: none; */
  margin-bottom: 25px;
}

.earn-points-single-campaign.directUrl-OpenRow .single-camp-actions-row {
  display: block !important;
  visibility: visible !important;
}

.single-camp-actions-row .featuredActionsWrapper {
  width: 100%;
  max-width: 100%;
  background-image: url('../images/ep-rows-background.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: repeat;
  padding-bottom: 100px;
  padding-top: 20px;
}

/* hide hidden rewards/actions, allows to show specific ones on case-by-case basis */
.single-camp-actions-row .ishidden-1 {
  display: none !important;
}

.single-camp-actions-row .featuredActionsWrapper .card-new-container {
  margin: 0 auto;
}

.single-camp-actions-row .slick-track {
  display: flex;
  align-items: center;
}

.single-camp-actions-row .featuredActionsWrapper .slick-arrow {
  margin-top: 300px;
  width: 80px;
  height: 60px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.single-camp-actions-row .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ep-left-arrow.png');
  margin-left: calc(50% - 150px);
}

.single-camp-actions-row .featuredActionsWrapper .slick-next {
  background-image: url('../images/ep-right-arrow.png');
  margin-right: calc(50% - 150px);
}

.single-camp-actions-row .featuredActionsWrapper::after {
  content: 'MORE ACTIONS';
  position: absolute;
  bottom: 25px;
  color: black;
  display: flex;
  font-size: 20px;
  line-height: 20px;
  width: 140px;
  left: calc(50% - 70px);
  text-align: center;
}

.ep-visit-link {
  width: 100%;
  text-align: center;
  margin-top: -110px;
  padding-bottom: 30px;
}

.ep-visit-link a {
  text-align: center;
  text-decoration: underline;
  margin: 0 auto;
  color: black;
  font-size: 25px;
  font-weight: 800;
}

/* pride */
.section-lgbtq_rights {
  padding-bottom: 20px;
  background-color: #D5F6FF;

}

.section-lgbtq_rights .single-camp-right-sec {
  width: 100%;
}

.section-lgbtq_rights .single-camp-img img {

}

.section-lgbtq_rights .single-camp-title {
  background-image: url('../images/lgbtq+rights.gif');
  max-width: 280px;
}

.section-lgbtq_rights .actions-toggle-button {
  /* background-image: url('../images/pride_top.png'); */
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  /* padding: 40px 0px 140px 0px; */
  padding-top: 40px;
  margin-top: -30px;
}

.section-lgbtq_rights .actionToggleButton {
  background-image: url('../images/takeaction-button.png');
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 50px;
}

.section-lgbtq_rights .ep-lock-icon {
  background-image: url('../images/unlockactions-button.png') !important;
}

.section-lgbtq_rights .ep-x-icon {
  background-image: url('../images/closeactions-button.png') !important;
}

.section-lgbtq_rights .single-camp-actions-row .featuredActionsWrapper {
  background-image: none;
}

.section-lgbtq_rights .single-camp-actions-row .campaign-actions-wrapper {
  background-image: url('../images/ep-pride-background.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: -100px;
  background-color: #D5F6FF;
}

.section-lgbtq_rights .card-new-container {
  background-image: url('../images/ep-pride-card.gif');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 15px;
}

.section-lgbtq_rights .card-new {
  transform: scale(0.95);
}

.section-lgbtq_rights .featuredActionsWrapper .slick-arrow {
  margin-top: 340px;
}

.section-lgbtq_rights .featuredActionsWrapper .slick-prev {
  background-image: url('../images/pride-arrow-left.jpg');
}

.section-lgbtq_rights .featuredActionsWrapper .slick-next {
  background-image: url('../images/pride-arrow-right.jpg');
}

.section-lgbtq_rights .ep-visit-link {
  margin-top: -80px;
}

.section-lgbtq_rights .ep-visit-link a {
  background: linear-gradient(to right, #9750FE, #26A0F9, #26A0F9, #E5D418, #FFA301, #EC4D00, #F10700);
  -webkit-background-clip: text;
  /* text-decoration: underline; */
  color: transparent;
}

.section-lgbtq_rights .ep-visit-link a:hover {
  text-decoration: underline;
  border-bottom: 1px solid red;
}

.section-lgbtq_rights .card-ns .card-type,
.section-lgbtq_rights .card-ns .card-desc,
.section-lgbtq_rights .card-ns .card-ns-points.dollar, 
.section-lgbtq_rights .card-ns .reward.points .card-ns-points {
  color: white;
}

.section-lgbtq_rights .card-ns .card-new-icon-box {
  filter: invert(99%) sepia(1%) saturate(263%) hue-rotate(350deg) brightness(117%) contrast(100%);
  color: white;
  fill: white;
}

.section-lgbtq_rights .card-ns .card-new {
  background-color: black;
  padding: 13px;
  border-radius: 15px;
}

/* PORTAL */
.section-psychedelics {
  background-image: url('../images/portal-textured-background.jpg');
  background-size: 500px 500px;
  background-position: top;
  background-repeat: repeat;
}

.section-psychedelics .single-camp-title {
  background-image: url('../images/portal-psychedelics.gif');
  max-width: 280px;
}

.section-psychedelics .actionToggleButton {
  background-image: url('../images/portal-takeaction.png');
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
}

.section-psychedelics .ep-lock-icon {
  background-image: url('../images/portal-unlockactions.png') !important;
}

.section-psychedelics .ep-x-icon {
  background-image: url('../images/portal-closeactions.png') !important;
}

.section-psychedelics .single-camp-desc {
  color: white;
}

.section-psychedelics .single-camp-actions-row .featuredActionsWrapper {
  background-image: none;
}

.section-psychedelics .single-camp-actions-row .campaign-actions-wrapper {
  background-image: url('../images/portal-bottom-textured-background.jpg');
  background-size: contain;
  background-repeat: repeat;
  background-position: bottom center;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 10px;
  margin-top: -100px;
  /* background-color: #D5F6FF; */
}

.section-psychedelics .card-new-container {
  background-image: url('../images/portalep-card-border.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 0;
  padding-top: 12px;
  transform: scale(0.9);
}

.section-psychedelics .card-new {
  transform: scale(0.98);
}

.section-psychedelics .single-camp-actions-row .featuredActionsWrapper .slick-arrow {
  margin-top: 351px;
}

.section-psychedelics .featuredActionsWrapper .slick-prev {
  background-image: url('../images/portal-arrow-left.png');
}

.section-psychedelics .featuredActionsWrapper .slick-next {
  background-image: url('../images/portal-arrow-right.png');
}

.section-psychedelics .ep-visit-link {
  margin-top: -80px;
}

.section-psychedelics .ep-visit-link a {
  background: linear-gradient(to right, #FC72AE, #7DCCBF, #BE9DC0, #FE73AB, #FFA900, #FF7786, #CE91C0, #7DCBC0);
  -webkit-background-clip: text;
  /* text-decoration: underline; */
  color: transparent;
}

.section-psychedelics .ep-visit-link a:hover {
  text-decoration: underline;
  border-bottom: 1px solid #FC72AE;
}

.section-psychedelics .single-camp-actions-row .featuredActionsWrapper::after {
  color: white;
}

/* ENOUGH */
.section-racial_justice {
  background-image: url('../images/ep-enough-bottom-background.jpg');
  background-size: 600px 970px;
  background-position: top;
  background-repeat: repeat;
}

.section-racial_justice .single-camp-title {
  background-image: url('../images/ep-enough-racialjustice-mobile.gif');
  max-width: 280px;
}

.section-racial_justice .actionToggleButton {
  background-image: url('../images/ep-enough-takeaction2.png');
}

.section-racial_justice .ep-lock-icon {
  background-image: url('../images/ep-enough-unlockactions2.png') !important;
}

.section-racial_justice .ep-x-icon {
  background-image: url('../images/ep-enough-closeactions2.png') !important;
}

.section-racial_justice .single-camp-desc {
  color: white;
}

.section-racial_justice .single-camp-actions-row {
  padding-bottom: 40px;
  margin-bottom: 0;
}

.section-racial_justice .single-camp-actions-row .featuredActionsWrapper {
  background-image: none;
  margin-bottom: -30px;
}

.section-racial_justice .single-camp-actions-row .campaign-actions-wrapper {
  background-image: url('../images/ep-enough-background.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: -100px;
  margin-bottom: 20px;
}

.section-racial_justice .card-new-container {
  background-image: url('../images/ep-enough-card-border.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding:12px;
  transform: scale(0.9);
}

.section-racial_justice .card-new {
  transform: scale(0.98);
}

.section-racial_justice .card-ns .card-new {
  background-color: var(--propeller-white);
  padding: 15px;
}

.section-racial_justice .featuredActionsWrapper .slick-arrow {
  margin-top: 366px;
}

.section-racial_justice .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ep-enough-arrow-left.png');
}

.section-racial_justice .featuredActionsWrapper .slick-next {
  background-image: url('../images/ep-enough-arrow-right.png');
}

.section-racial_justice .ep-visit-link {
  margin-top: -80px;
}

.section-racial_justice .ep-visit-link span {
  text-transform: uppercase;
}

.section-racial_justice .ep-visit-link a {
  -webkit-background-clip: unset;
  text-decoration: none;
  color: white;
}

.section-racial_justice .ep-visit-link a:hover {
  /* text-decoration: underline; */
  border-bottom: 1px solid white;
}

.section-racial_justice .single-camp-actions-row .featuredActionsWrapper::after {
  color: white;
}

/* NOW */
.section-climate_change {
  background-color: #FBFBEB;
}

.section-climate_change .single-camp-title {
  background-image: url('../images/ep-now-climatechange-mobile.gif');
  max-width: 280px;
}

.section-climate_change .actionToggleButton {
  background-image: url('../images/ep-now-takeaction.png');
}

.section-climate_change .ep-lock-icon {
  background-image: url('../images/ep-now-unlockactions.png') !important;
}

.section-climate_change .ep-x-icon {
  background-image: url('../images/ep-now-closeactions.png') !important;
}

.section-climate_change .single-camp-desc {
  color: black;
}

.section-climate_change .single-camp-actions-row {
  margin-bottom: 10px;
}

.section-climate_change .single-camp-actions-row .featuredActionsWrapper {
  background-image: none;
}

.section-climate_change .single-camp-actions-row .campaign-actions-wrapper {
  background-image: url('../images/ep-now-cloud-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  /* padding-top: 80px; */
  padding-bottom: 80px;
  /* margin-top: -100px; */
}

.section-climate_change .card-new-container {
  background-image: url('../images/ep-now-card-border.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 0;
  padding-top: 12px;
  transform: scale(0.9);
}

.section-climate_change .card-ns .card-new-container {
  padding: 10px;
}

.section-climate_change .card-new {
  transform: scale(0.98);
}

.section-climate_change .featuredActionsWrapper .slick-arrow {
  margin-top: 334px;
}

.section-climate_change .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ep-now-arrow-left.png');
}

.section-climate_change .featuredActionsWrapper .slick-next {
  background-image: url('../images/ep-now-arrow-right.png');
}

.section-climate_change .ep-visit-link {
  margin-top: -90px;
}

.section-climate_change .ep-visit-link span {
  text-transform: uppercase;
}

.section-climate_change .ep-visit-link a {
  -webkit-background-clip: unset;
  text-decoration: none;
  color: black;
}

.section-climate_change .ep-visit-link a:hover {
  /* text-decoration: underline; */
  border-bottom: 1px solid black;
}

.section-climate_change .single-camp-actions-row .featuredActionsWrapper::after {
  color: black;
  bottom: 45px;
}

/* BLOOM */
.section-mental_health {
  background-color: #F54962;
}

.section-mental_health .single-camp-right-sec {
  /* background-image: url('../images/ep-bloom-red-background.png'); */
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 100%;
  margin-bottom: -20px;
  position: relative;
}

.section-mental_health .single-camp-row::after {
  content: '';
  background-image: url('../images/character.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 107px;
  height: 163px;
  bottom: -32px;
  right: -20px;
  z-index: 0;
}

.section-mental_health .single-camp-row::before {
  content: '';
  background-image: url('../images/character-05.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 107px;
  height: 163px;
  position: absolute;
  bottom: -23px;
  left: -20px;
  z-index: 0;
}

.section-mental_health .single-camp-right-sec::before {
  content: '';
  display: block;
  /* background-image: url('../images/ep-bloom-divider-line-mobile.gif'); */
  background-position: top center;
  background-size: 100% auto;
  width: 100%;
  height: 20px;
  top: -8px;
  position: absolute;
  z-index: 10;
}

.section-mental_health .single-camp-right-sec::after {
  content: '';
  display: block;
  /* background-image: url('../images/ep-bloom-divider-line-mobile.gif'); */
  background-position: bottom center;
  background-size: 100% auto;
  width: 100%;
  height: 20px;
  bottom: -8px;
  position: absolute;
  z-index: 10;
}

.section-mental_health .single-camp-title {
  background-image: url('../images/ep-bloom-mentalhealth.gif');
  max-width: 280px;
}

.section-mental_health .actions-toggle-button {
  padding-bottom: 30px;
}

.section-mental_health .actionToggleButton {
  background-image: url('../images/ep-bloom-take-action.png');
  margin-bottom: 0;
}

.section-mental_health .ep-lock-icon {
  background-image: url('../images/ep-bloom-unlockactions.png') !important;
}

.section-mental_health .ep-x-icon {
  background-image: url('../images/ep-bloom-closeactions.png') !important;
}

.section-mental_health .single-camp-desc {
  color: white;
  position: relative;
  z-index: 10;
}

.section-mental_health .single-camp-actions-row .featuredActionsWrapper {
  background-image: none;
}

.section-mental_health .single-camp-actions-row .campaign-actions-wrapper {
  background-image: url('../images/ep-bloom-green-background-2.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #415A2E;
  /* padding-top: 80px; */
  padding-bottom: 80px;
  /* margin-top: -100px; */
}

.section-mental_health .card-new-container {
  background-image: url('../images/ep-bloom-take-action-yellow.gif');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 0;
  padding-top: 12px;
  transform: scale(0.9);
}

.section-mental_health .card-new {
  transform: scale(0.94);
}

.section-mental_health .featuredActionsWrapper .slick-arrow {
  margin-top: 317px;
}

.section-mental_health .featuredActionsWrapper .slick-prev {
  background-image: url('../images/bloom-left-arrow.jpg');
}

.section-mental_health .featuredActionsWrapper .slick-next {
  background-image: url('../images/bloom-right-arrow.jpg');
}

.section-mental_health .ep-visit-link {
  margin-top: -80px;
}

.section-mental_health .ep-visit-link span {
  text-transform: uppercase;
}

.section-mental_health .ep-visit-link a {
  -webkit-background-clip: unset;
  text-decoration: none;
  color: white;
}

.section-mental_health .ep-visit-link a:hover {
  /* text-decoration: underline; */
  border-bottom: 1px solid white;
}

.section-mental_health .single-camp-actions-row .featuredActionsWrapper::after {
  color: #FFB302;
}


/* CHOICE */
.section-reproductive_freedom  {
  background-color: #F7F8E8;
  margin-bottom: -10px !important;
}

.section-reproductive_freedom .single-camp-right-sec {
  /* background-image: url('../images/ep-choice-background.jpg'); */
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 100%;
  margin-bottom: -40px;
  position: relative;
}

.section-reproductive_freedom .single-camp-row::after {
  content: '';
  background-image: url('../images/rf-right-flower.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 107px;
  height: 163px;
  bottom: 0px;
  right: -20px;
  z-index: 0;
}

.section-reproductive_freedom .single-camp-row::before {
  content: '';
  background-image: url('../images/rf-left-flower.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 107px;
  height: 163px;
  position: absolute;
  bottom: 0px;
  left: -20px;
  z-index: 0;
}

.section-reproductive_freedom .single-camp-title {
  background-image: url('../images/ep-choice-reproductive-freedom.gif');
  max-width: 280px;
  position: relative;
  z-index: 10;
}

.section-reproductive_freedom .actions-toggle-button {
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}

.section-reproductive_freedom .actionToggleButton {
  background-image: url('../images/choice-takeaction.png');
  margin-bottom: 0;
}

.section-reproductive_freedom .ep-lock-icon {
  background-image: url('../images/choice-unlockactions.png') !important;
}

.section-reproductive_freedom .ep-x-icon {
  background-image: url('../images/choice-closeactions.png') !important;
}

.section-reproductive_freedom .single-camp-desc {
  color: black;
  padding: 20px 0 0 0;
  width: 70%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.section-reproductive_freedom .single-camp-actions-row .featuredActionsWrapper {
  background-image: none;
}

.section-reproductive_freedom .single-camp-actions-row .campaign-actions-wrapper {
  background-image: url('../images/choice-stars-background.jpg');
  background-size: contain;
  background-repeat: repeat;
  background-position: bottom center;
    /* padding-top: 80px; */
  /* padding-bottom: 80px; */
  position: relative;
  z-index: 10;
}

.section-reproductive_freedom .card-new-container {
  background-image: url('../images/ep-choice-card-border.gif');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 12px;
  transform: scale(0.9);
}

.section-reproductive_freedom .card-new {
  transform: scale(1.01);
}

.section-reproductive_freedom .card-ns .card-new {
  padding: 15px;
  background-color: var(--propeller-white);
}

.section-reproductive_freedom .featuredActionsWrapper .slick-arrow {
  margin-top: 360px;
}

.section-reproductive_freedom .featuredActionsWrapper .slick-prev {
  background-image: url('../images/choice-arrow-left.png');
}

.section-reproductive_freedom .featuredActionsWrapper .slick-next {
  background-image: url('../images/choice-arrow-right.png');
}

.section-reproductive_freedom .ep-visit-link {
  margin-top: -80px;
}

.section-reproductive_freedom .ep-visit-link span {
  text-transform: uppercase;
}

.section-reproductive_freedom .ep-visit-link a {
  -webkit-background-clip: unset;
  text-decoration: none;
  color: #5BEDEE;
}

.section-reproductive_freedom .ep-visit-link a:hover {
  /* text-decoration: underline; */
  border-bottom: 1px solid #5BEDEE;
}

.section-reproductive_freedom .single-camp-actions-row .featuredActionsWrapper::after {
  color: white;
}

/* Featured Actions Row */
.earn-points-page-container .ep-featured-actions-container {
  padding: 40px 0 50px 0;
  background: linear-gradient(-45deg, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0, #7cd3d2, #a1c8e9, #aa9bcb, #dd92c0);
	background-size: 400% 400%;
	animation: epGradient 15s ease infinite;
  margin-top: -10px;
}

@keyframes epGradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.ep-featured-actions-container .featuredActionsWrapper {
  width: 100%;
  max-width: 100%;
}

.ep-featured-actions-container .home-header-row {
  width: 100%;
  border-bottom: 0;
  text-align: center;
}

.ep-featured-actions-container .carouselTitle {
  font-family: 'Lores 9 Plus Wide Regular';
  font-size: 50px;
  text-align: center;
  font-weight: 200;
  line-height: 50px;
}

@media screen and (max-width: 650px) {
  .earn-points-page-container .ep-featured-actions-container {
    padding: 40px 0 80px 0;
    margin-top: -10px;
  }

  .ep-featured-actions-container .carouselTitle {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 40px;
  }
}

.earn-points-page-container .ep-featured-actions-container .card-new-container {
  margin: 0 auto;
}

.ep-featured-actions-container .featuredActionsWrapper::after {
  content: 'MORE ACTIONS';
  display: block;
  position: absolute;
  bottom: -42px;
  font-weight: 100;
  font-size: 30px;
  width: 250px;
  left: calc(50% - 102px);
}

@media screen and (max-width: 400px) {
  .ep-featured-actions-container .featuredActionsWrapper::after {
    bottom: -59px;
    font-weight: 100;
    font-size: 25px;
    width: 120px;
    text-align: center;
    left: calc(50% - 62px);
  }
}

.ep-featured-actions-container .featuredActionsWrapper .slick-arrow {
  top: 104%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ep-featured-actions-container .featuredActionsWrapper .slick-next {
  background-image: url('../images/ep-rightarrow.png');
  right: 40px;
}

.ep-featured-actions-container .featuredActionsWrapper .slick-prev {
  background-image: url('../images/ep-leftarrow.png');
  left: 40px;
}

.ep-featured-actions-container .featuredActionsWrapper .card-new-container {
  transform: scale(0.95);
}

@media screen and (min-width: 650px) {
  .ep-featured-actions-container .featuredActionsWrapper .slick-next {
    right: calc(50% - 200px);
    width: 50px;
    height: 50px;
  }
  
  .ep-featured-actions-container .featuredActionsWrapper .slick-prev {
    left: calc(50% - 200px);
    width: 50px;
    height: 50px;
  }
}

/* offers */
.ep-offers-container {
  margin-top: 30px;
}

.ep-offers-container .carouselTitle {
  font-family: var(--propeller-title);
  font-size: 50px;
  text-align: center;
  font-weight: 900;
}


/* mobile cards fix */
@media screen and (max-width: 450px) {
  .earn-points-page-container .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .earn-points-page-container .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 15px !important;
  }

  .earn-points-page-container .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
  }

  .earn-points-page-container .featuredActionsWrapper .card-new-description {
    padding-left: 10px;
    text-transform: uppercase !important;
  }

  .earn-points-page-container .featuredActionsWrapper .card-new-icon-box {
    display: flex;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .earn-points-page-container .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }
  .section-lgbtq_rights .single-camp-actions-row .featuredActionsWrapper .card-new-container,
  .section-mental_health .single-camp-actions-row .featuredActionsWrapper .card-new-container,
  .section-climate_change .single-camp-actions-row .featuredActionsWrapper .card-new-container {
    /* width: unset !important; */
  }

  .earn-points-page-container .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: scale(1);
  }

  .earn-points-page-container .featuredActionsWrapper .slick-arrow {
    margin-top: 280px;
  }

  .earn-points-page-container .ep-featured-actions-container .featuredActionsWrapper .slick-arrow {
    margin-top: 4px;
  }
  
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .earn-points-page-container .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .earn-points-page-container .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: scale(1);
  }

}

/* earn points desktop */
@media screen and (min-width: 850px) {

  .earn-points-top-section {
    max-width: 100%;
  }

  .ep-top-row {
    max-width: 550px;
    margin: 0 auto;
  }

  .ep-top-row p {
    font-size: 20px;
  }

  .ep-top-row img {
    width: 25px;
  }

  .ep-intro-left-title img {
    display: none;
  }

  .ep-intro-left-title {
    background-image: url('../images/takeactionfor-desktop.gif');
    height: 120px;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .earn-points-cat-list {
    width: 80%;
    margin: 0 auto;
  }

  .earn-points-cat-list a {
    margin: 10px 20px;
  }

  .earn-points-searchbar {
    position: relative;
    margin: 0 auto;
    margin-top: -30px;
    top: 20px;
    width: 350px;
  }

  .earn-points-searchbar .hand.search-box .search-field {
    width: 150px;
    height: 25px;
  }

  .earn-points-searchbar form {
    height: 40px;
  }

  .earn-points-searchbar .search-box button {
    height: 25px;
  }

  .earn-points-top-act .top-act-move {
    max-width: 500px;
    margin-top: 30px;
  }

  .earn-points-campaigns-container {
    margin-top: 0;
  }

  .single-ep-section {
    width: 100%;
  }

  .earn-points-single-campaign {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    /* max-width: 1300px; */
    margin-left: auto;
    margin-right: auto;
  }

  .single-camp-img {
    width: 50%;

  }

  .single-camp-img a,
  .single-camp-img img {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }

  .single-camp-row {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }

  .single-camp-title {
    width: 100%;
    max-width: 420px;
    width: 300px;
    margin: 0 auto;
  }

  .single-camp-desc {
    font-size: 22px;
    max-width: 400px;
    position: relative;
    z-index: 10;
  }

  .actionToggleButton {
    position: relative;
    z-index: 10;
  }

  .single-camp-cat-bubble {
    margin-top: 15px;
  }

  .single-camp-right-sec {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: auto;
    width: 40%;
    max-width: 420px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative;
  }

  .actions-toggle-button p,
  .actions-toggle-button p a {
    font-size: 25px;
    line-height: 28px;
  }

  .single-camp-actions-row {
    width: 100%;
  }

  .ep-visit-link {
    position: relative;
  }

/* climate change */
  .section-climate_change {
    background-color: #FDFEEC;
  }

  .section-climate_change .single-camp-img img {
    background-image: url('../images/now-logo-desktop2.gif');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    object-position: -99999px 99999px;
  }

  .section-climate_change .single-camp-title {
    background-image: url('../images/climatechange-desktop.gif');
    max-width: 300px;
  }

  .section-climate_change .single-camp-right-sec::before {
    content:'';
    background-image: url('../images/windmill.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 220px;
    position: absolute;
    bottom: -8px;
    left: -130px;
  }

  .section-climate_change .single-camp-right-sec::after {
    content:'';
    background-image: url('../images/butterfly.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 220px;
    position: absolute;
    bottom: 130px;
    right: -125px;
  }

/* pride */
  .section-lgbtq_rights .card-new-container {
    transform: scale(0.9);
  }

  .section-lgbtq_rights .single-camp-actions-row .campaign-actions-wrapper {
    background-image: none;
  }

  .section-lgbtq_rights .single-camp-img img {
    background-image: url('../images/pride-logo-desktop.gif');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    object-position: -99999px 99999px;
  }

  .section-lgbtq_rights .single-camp-title {
    background-image: url('../images/lgbtq+rights-desktop.gif');
    max-width: 300px;
  }

  .section-lgbtq_rights .single-camp-actions-row .campaign-actions-wrapper {
    padding-top: 0;
    margin-top: 0;
  }

  .section-lgbtq_rights .single-camp-right-sec::before {
    content:'';
    background-image: url('../images/pride-couple-02.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 210px;
    position: absolute;
    bottom: 40px;
    left: -120px;
  }

  .section-lgbtq_rights .single-camp-right-sec::after {
    content:'';
    background-image: url('../images/pride-couple-01.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 220px;
    position: absolute;
    bottom: 0px;
    right: -80px;
  }

  .section-lgbtq_rights .ep-visit-link::before {
    content: '';
    background-image: url('../images/pride-kiss-01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 180px;
    height: 100px;
    position: absolute;
    left: calc(50% - 350px);
    bottom: 0;
  }

  .section-lgbtq_rights .ep-visit-link::after {
    content: '';
    background-image: url('../images/pride-kiss-02.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 180px;
    height: 100px;
    position: absolute;
    right: calc(50% - 350px);
    bottom: 0;
  }


  /* bloom */
  .section-mental_health .single-camp-img img {
    background-image: url('../images/bloom-logo-desktop.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-position: -99999px 99999px;
    height: 460px;
  }

  .section-mental_health .single-camp-title {
    background-image: url('../images/mentalhealth-desktop.gif');
    max-width: 300px;
  }

  .section-mental_health .single-camp-right-sec::before,
  .section-mental_health .single-camp-right-sec::after {
    background-image: none;
  }

  .section-mental_health .single-camp-right-sec {
    background-image: none;
  }

  .section-mental_health .single-camp-right-sec::before {
    content:'';
    background-image: url('../images/character-05.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 180px;
    position: absolute;
    bottom: 13px;
    left: -57px;
    top: unset;
  }

  .section-mental_health .single-camp-right-sec::after {
    content:'';
    background-image: url('../images/character.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 178px;
    height: 220px;
    position: absolute;
    bottom: -7px;
    right: -55px;
    z-index: 0;
  }

  .section-mental_health .single-camp-row::after {
    background-image: none;
  }
  
  .section-mental_health .single-camp-row::before {
    background-image: none;

  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper {
    background-image: none;
    margin-bottom: -90px;
  }

  .section-mental_health .ep-visit-link::before {
    content: '';
    background-image: url('../images/character-02.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 230px;
    height: 147px;
    position: absolute;
    left: 0px;
    bottom: 35px;
  }

  .section-mental_health .ep-visit-link::after {
    content: '';
    background-image: url('../images/flower.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 180px;
    height: 126px;
    position: absolute;
    right: 20px;
    bottom: 42px;
  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::before {
    content: '';
    background-image: url('../images/character-03.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 183px;
    height: 143px;
    position: absolute;
    right: calc(50% - 400px);
    bottom: 55px;
  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::after {
    content: '';
    background-image: url('../images/character-04.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 180px;
    height: 123px;
    position: absolute;
    left: calc(50% - 400px);
    bottom: 60px;
  }

  /* psychedelics */
  .section-psychedelics {
    background-image: url('../images/portal-background-desktop.jpg');
    background-repeat: repeat;
    background-size: 500px 500px;
    background-position: top center;
  }

  .section-psychedelics .single-camp-img img {
    background-image: url('../images/portal-logo-desktop.gif');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    object-position: -99999px 99999px;
  }

  .section-psychedelics .single-camp-title {
    background-image: url('../images/psychedelics-desktop.gif');
    max-width: 300px;
  }

  .section-psychedelics .single-camp-right-sec {
    max-width: 530px;
  }

  .section-psychedelics .single-camp-desc {
    margin-top: 20px;
  }

  .section-psychedelics .actions-toggle-button {
    margin-bottom: -30px;
  }

  .section-psychedelics .single-camp-actions-row .campaign-actions-wrapper {
    margin-top: 0;
    padding-top: 0;
    background-color: transparent;
  }

  .section-psychedelics .single-camp-actions-row .campaign-actions-wrapper {
    background-image: none;
  }



  .section-psychedelics .ep-visit-link {
    padding-bottom: 0;
    margin-top: -110px;
  }

  .section-psychedelics .ep-visit-link::before {
    content: '';
    background-image: url('../images/lines-left.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: calc(50% - 220px);
    height: 126px;
    position: absolute;
    left: 20px;
    bottom: 0px;
  }

  .section-psychedelics .ep-visit-link::after {
    content: '';
    background-image: url('../images/lines-right.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: calc(50% - 220px);
    height: 126px;
    position: absolute;
    right: 20px;
    bottom: 0px;
  }


  /* enough */
  .section-racial_justice {
    background-image: url('../images/stars-desktop2.jpg');
    background-size: 500px 500px;
    background-repeat: repeat;
    background-position: top;
  }

  .section-racial_justice .single-camp-img img {
    background-image: url('../images/enough-logo-desktop2.gif');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    object-position: -99999px 99999px;
  }

  .section-racial_justice .single-camp-row {
    /* background-image: url('../images/racial-justice-background-desktop2.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 95px;
    width: 600px; */
  }

  .section-racial_justice .single-camp-title {
    background-image: url('../images/racial-justice-desktop.gif');
    margin-top: 20px;
  }

  .section-racial_justice .single-camp-actions-row .campaign-actions-wrapper {
    background-image: none;
  }

  .section-racial_justice .ep-visit-link {
    margin-top: -90px;
    padding-bottom: 0;
  }

  .section-racial_justice .ep-visit-link::before {
    content: '';
    background-image: url('../images/image-01.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 230px;
    height: 147px;
    position: absolute;
    left: 0px;
    bottom: -49px;
  }

  .section-racial_justice .ep-visit-link::after {
    content: '';
    background-image: url('../images/image-04.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 180px;
    height: 126px;
    position: absolute;
    right: 20px;
    bottom: -45px;
  }

  .section-racial_justice .single-camp-actions-row .campaign-actions-wrapper::before {
    content: '';
    background-image: url('../images/image-03.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 199px;
    height: 165px;
    position: absolute;
    right: calc(50% - 400px);
    bottom: -9px;
  }

  .section-racial_justice .single-camp-actions-row .campaign-actions-wrapper::after {
    content: '';
    background-image: url('../images/image-02.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 183px;
    height: 157px;
    position: absolute;
    left: calc(50% - 350px);
    bottom: 1px;
  }


  /* reproductive freedom */
  .section-reproductive_freedom .single-camp-img img {
    background-image: url('../images/choice-logo-desktop2.gif');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    object-position: -99999px 99999px;
  }

  .section-reproductive_freedom .single-camp-title {
    background-image: url('../images/reproductive-freedom-desktop.gif');
    max-width: 300px;
  }

  .section-reproductive_freedom .single-camp-right-sec {
    background-image: none;
    justify-content: space-evenly;
  }

  .section-reproductive_freedom .single-camp-right-sec::before {
    content:'';
    background-image: url('../images/yourbody-yourchoice.gif');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 195px;
    height: 319px;
    position: absolute;
    bottom: 195px;
    left: -121px;
    top: unset;
    z-index: 0;
  }

  .section-reproductive_freedom .single-camp-right-sec::after {
    content:'';
    background-image: url('../images/mybody-mychoice.gif');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 207px;
    height: 320px;
    position: absolute;
    bottom: 187px;
    right: -113px;
  }

  .section-reproductive_freedom .single-camp-row::before {
    content:'';
    background-image: url('../images/rf-left-flower.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 107px;
    height: 163px;
    position: absolute;
    bottom: 40px;
    right: 336px;
    z-index: 0;
  }

  .section-reproductive_freedom .single-camp-row::after {
    content:'';
    background-image: url('../images/rf-right-flower.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 107px;
    height: 163px;
    bottom: 40px;
    right: -25px;
    z-index: 0;
  }

}

/* climate change specific ss element pos */
@media screen and (min-width: 650px) and (max-width: 999px) {
  .section-climate_change .single-camp-right-sec::before {
    width: 84px;
    height: 132px;
    bottom: -20px;
    left: -25px;
  }

  .section-climate_change .single-camp-right-sec::after {
    width: 95px;
    height: 220px;
    bottom: 25px;
    right: -15%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .section-climate_change .single-camp-right-sec::before {
    width: 124px;
    height: 132px;
    bottom: -4px;
    left: -25px;
  }

  .section-climate_change .single-camp-right-sec::after {
    width: 140px;
    height: 220px;
    bottom: 25px;
    right: -15%;
  }
}
@media screen and (min-width: 1110px) and (max-width: 1200px) {
  .section-climate_change .single-camp-right-sec::after {
    right: -20%;
  }
}

/* pride specific ss element pos */
@media screen and (min-width: 850px) and (max-width: 1130px) {
  .section-lgbtq_rights .single-camp-right-sec::before {
    width: 90px;
    height: 210px;
    bottom: -2px;
    left: -31px;
  }

  .section-lgbtq_rights .single-camp-right-sec::after {
    width: 122px;
    height: 220px;
    bottom: -62px;
    right: 1px;
  }
}

/* bloom specific ss element pos */
@media screen and (max-width: 1170px) {
  .section-mental_health .ep-visit-link::before {
    width: 100px;
    height: 147px;
    left: 67px;
    bottom: 35px;
  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::after {
    width: 115px;
    left: calc(50% - 300px);

  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::before {
    width: 70px;
    height: 143px;
    right: calc(50% - 300px);
    bottom: 55px;
  }

  .section-mental_health .ep-visit-link::after {
    width: 95px;
    height: 126px;
    right: 67px;
    bottom: 42px;
  }
}

@media screen and (max-width: 960px) {
  .section-mental_health .ep-visit-link::before {
    width: 100px;
    height: 147px;
    left: 10px;
    bottom: 35px;
  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::after {
    width: 115px;
    left: calc(50% - 300px);

  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::before {
    width: 70px;
    height: 143px;
    right: calc(50% - 300px);
    bottom: 55px;
  }

  .section-mental_health .ep-visit-link::after {
    width: 95px;
    height: 126px;
    right: 10px;
    bottom: 42px;
  }
}

/* portal specific ss element pos */
@media screen and (min-width: 1092px) and (max-width: 1260px) {
  .section-psychedelics .single-camp-actions-row .featuredActionsWrapper .slick-arrow {
      margin-top: 270px;
  }
}

/* large desktops */
@media screen and (min-width: 1400px) {
  .single-camp-title {
    width: 450px !important;
    max-width: 100% !important;
  }

  .actionToggleButton,
  .ep-lock-icon {
    height: 60px;
  }

  .single-camp-actions-row .featuredActionsWrapper::after {
    bottom: 32px;
    color: black;
    display: flex;
    font-size: 25px;
    width: 240px;
    left: calc(50% - 91px);
  }

  .single-camp-actions-row .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 200px);
  }

  .single-camp-actions-row .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 200px);
  }

  .section-climate_change .single-camp-title {
    height: 70px;
    width: 480px !important;
  }

  .section-climate_change .single-camp-right-sec {
    position: relative;
    width: 50%;
    max-width: unset;
  }

  .section-climate_change .single-camp-right-sec::before {
    left: 0%;
    width: 229px;
    height: 267px;
  }

  .section-climate_change .single-camp-right-sec::after {
    right: 0;
    width: 191px;
    height: 263px;
  }


  .section-lgbtq_rights .single-camp-right-sec::before {
    width: 184px;
    height: 245px;
  }

  .section-lgbtq_rights .single-camp-right-sec::after {
    width: 206px;
    height: 224px;
    right: -99px;
  }


  .section-mental_health  .single-camp-img {
    height: 600px;
  }

  .section-mental_health .single-camp-img img {
    height: 100%;
    /* background-position: left; */
  }

  .section-mental_health .single-camp-right-sec::before {
    width: 199px;
    height: 234px;
    bottom: 13px;
    left: -125px;
  }

  .section-mental_health .single-camp-right-sec::after {
    width: 223px;
    height: 263px;
    bottom: -7px;
    right: -135px;
  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::before {
    right: calc(50% - 450px);
  }

  .section-mental_health .single-camp-actions-row .campaign-actions-wrapper::after {
    left: calc(50% - 450px);
  }


  .section-psychedelics .ep-visit-link::after,
  .section-psychedelics .ep-visit-link::before {
    width: calc(50% - 260px);
  }


  .section-racial_justice .single-camp-actions-row .campaign-actions-wrapper::before {
    right: calc(50% - 500px);
  }
  .section-racial_justice .single-camp-actions-row .campaign-actions-wrapper::after {
    left: calc(50% - 450px);
  }



  .section-reproductive_freedom .single-camp-title {
    height: 120px;
  }
}

@media screen and (min-width: 1600px) {
  .section-reproductive_freedom .single-camp-right-sec::after {
    width: 246px;
    bottom: 187px;
    right: -214px;
  }

  .section-reproductive_freedom .single-camp-right-sec::before {
    width: 246px;
    width: 246px;
    height: 319px;
    position: absolute;
    bottom: 195px;
    left: -239px;
  }
}


@media screen and (max-width: 650px) {
  .section-climate_change .featuredActionsWrapper .slick-arrow {
    margin-top: 324px;
  }
}


/*!---------------------*/
/*! Blog Page           */
/*!---------------------*/

.body_blog.body-page-0 #blog-wrapper .container {
  width: 100%;
}

.body_blog.body-page-0 .home-header-row {
  margin: 0 auto;
  display: block;
  text-align: center;
  border-bottom: none;
  margin-top: 50px;
}

.blog-new-page-title {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.blog-new-page-title a {
  /* border-bottom: 6px solid black; */
  font-size: 48px;
}

.body_blog .icon-facebook:before,
.body_blog .icon-twitter:before {
  display: none;
  content: '';
}

.body_blog .blog_top_shareCont a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}

.body_blog.body-page-0 #blog-wrapper .card-new-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  height: 265px;
}


@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: 240px;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 25px;
  border: 2px solid var(--propeller-purple);
  border-radius: 10px;
  padding: 10px;
}

.body_blog.body-page-0 #blog-wrapper .card-new-image {
  width: 40%;
  max-width: 200px;
  height: auto;
  /* padding-bottom: 240px; */
  background-size: cover;
  background-repeat: no-repeat;
}

.body_blog.body-page-0 #blog-wrapper .card-new-info {
  background-color: transparent;
  color: black;
  height: auto;
  padding-bottom: 0;
}

.body_blog.body-page-0 #blog-wrapper .card-new-info-container {
  height: auto;
  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: 567px; */
    height: auto;
  }

  .body_blog.body-page-0 #blog-wrapper .card-new {
    width: 100%;
    height: auto;
    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%;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    padding-bottom: 0;
    object-fit: contain;
  }

  .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 {
  overflow-x: hidden;
}

.body_blog .container-engage {
  width: 100%;
}

.body_blog h2 a {
  color: black;
}

.body_blog .blogSingleTitle {
  width: 92%;
  margin: 0 auto;
}

.body_blog h3 {
  font-size: 28px;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}

.body_blog .container .wGutter {
  width: 100%;
}

.body_blog .container .wGutter .img_100 {
  margin: -38px auto 0 auto;
}

.body_blog .container .wGutter .img_100 img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.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 .blog_top_dateShare {
  display: flex;
  width: 100%;
  height: 50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}

.body_blog .blog_top_shareCont {
  display: flex;
  justify-content: center;
  align-items: center;
}

.body_blog .blogdate {
  padding-right: 8px;
  font-style: none;
  color: black;
  font-weight: 600;
}

.body_blog .blogshareicon {
  display: block;
  font-size: 40px;
  margin: 10px;
}

.body_blog .wrapper .blog_top_shareCont {

}

.body_blog .blog-post-content {
  width: 92%;
  margin: 0 auto;
}

.body_blog .engage-next-up {
  text-align: center;
}

.body_blog .nextup {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}

.body_blog .nextup a {
  display: block;
  /* max-width: 550px; */
}

.body_blog .nextup .card-new-container {
  max-width: 550px;
  margin: 0 auto;
}

.body_blog .wrapper .container .wGutter.right .card-new-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 273px;
}

.body_blog .wrapper .container .wGutter.right .card-new {
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 25px;
  border: 2px solid var(--propeller-purple);
  border-radius: 10px;
}

.body_blog .wrapper .container .wGutter.right .card-new-image {
  height: 227px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 227px;
  width: 227px;
  margin-top: 10px;
  margin-right: 10px;
}

.body_blog .wrapper .container .wGutter.right .card-new-info {
  background-color: transparent;
  color: black;
  padding:3px;
  height: 280px;
}

.body_blog .wrapper .container .wGutter.right .card-new-info-container {
  height: 319px;
  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: 7;
  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;
}


.body_blog .container .blog-topsec .img_100 img {
  width: 100%;
}

/* desktop */
@media screen and (min-width: 650px) {
  .body_blog .container-engage {
    max-width: 100%;
  }

  .body_blog .blog-topsec {
    width: 100%;
    max-width: 2000px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }

  .body_blog .blog-topsec .img_100 {
    width: auto;
    max-width: 450px;
  }

  .body_blog .blog-topsec .blog-topsecleft {
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
  }

  .body_blog .wrapper .blog_top_dateShare {
    margin-top: 50px;
  }

  .body_blog h3 {
    font-size: 36px;
  }

  .body_blog .container .wGutter {
    padding-right: 0;
  }
  
  .body_blog .blog-post-content {
    max-width: 1288px;
  }
}



/*!---------------------*/
/*! In the News Pages (blogs) */
/*!---------------------*/
/* https://design.propeller.la/blog/25631/in-the-news-test-page */
.int-headSec {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  padding: 30px 50px;
  margin-top: 25px;
}

.int-imageCarousel {
  width: 40%;
  max-width: 500px;
}

.int-imageCarousel::after {
  content: '';
  background-image: url('../images/inthenews.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 162px;
  height: 141px;
  position: absolute;
  top: -80px;
  left: calc(50% - 82px);
  z-index: 10;
}

.int-imageCarousel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.int-imageCarousel .slick-dots {
  display: flex;
	justify-content: center;
	margin: 0;
	padding: 1rem 0;
	list-style-type: none;
}

.int-imageCarousel li {
  margin: 0 0.25rem;
}

.int-imageCarousel li button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 1px solid black;
  border-radius: 100%;
  background-color: transparent;
  text-indent: -9999px;
}

.int-imageCarousel li.slick-active button {
  background-color: black;
}

.int-imageCarousel .slick-arrow {
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 5px;
  background-repeat: no-repeat;
  background-size: 63%;
  background-position: center;
  background-color: white;
  z-index: 1;
  position: absolute;
  border-radius: 0;
}

.int-imageCarousel .slick-prev {
  background-image: url('../images/left-arrowlores.png');
  margin-left: 25px;
}

.int-imageCarousel .slick-next {
  background-image: url('../images/right-arrowlores.png');
  margin-right: 25px;
}

.int-titlecont {
  margin-left: 30px;
  font-weight: 100;
}

.int-titlecont h3 {
  font-size: 40px;
  font-weight: 100;
  text-transform: capitalize;
}

.int-titlecont .int-desc {
  font-size: 20px;
}

/* carousel - actions you can take right now */
.body_inTheNews .container-engage {
  max-width: 100%;
  width: 100%;
}

.body_inTheNews .campaign-feeds-custom-rows.completedCarouselContainer .featuredActionsWrapper {
  display: block !important;
}

.body_inTheNews .featuredActionsWrapper {
  max-width: 100%;
  width: 100%;
  --more-content: 'MORE';
}

.body_inTheNews .featuredActionsWrapper .card-new-container {
  width: 310px;
  padding: 10px;
}
@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .body_inTheNews .featuredActionsWrapper .card-new-container {
    width: 270px;
    padding: 22px;
  }
}

.body_inTheNews .campaign-feeds-custom-rows {
  margin-top: 60px;
}

.body_inTheNews .actionsNowCar {
  background-image: url('../images/int-light-gradient-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 50px 0;
}

.body_inTheNews .featuredActionsWrapper .home-header-row {
  width: auto;
  display: flex;
  justify-content: center;
  text-align: center;
  border-bottom: none;
}

.body_inTheNews .featuredActionsWrapper .carouselTitle {
  font-family: "lores-9-plus-wide";
  color: white;
  background-color: black;
  padding: 8px 16px;
  font-weight: 100;
  font-size: 30px;
  margin-bottom: 22px;
}

.body_inTheNews .featuredActionsWrapper.SingleSlideCarousel {
  display: block !important;
}

@media screen and (min-width: 650px) {
  .body_inTheNews .featuredActionsWrapper.SingleSlideCarousel .slick-track { /* Center slides if there is only one */
    transform: none !important;
  }
}

.body_inTheNews .featuredActionsWrapper .card-new-container {
  margin: 0 auto;
}


.body_inTheNews .featuredActionsWrapper .slick-slide {
  transform: scale(0.8);
  transition: ease 0.5s;
}

.body_inTheNews .featuredActionsWrapper .slick-slide.slick-center {
  transform: scale(1);
}

.body_inTheNews .featuredActionsWrapper::after {
  content: var(--more-content);
  font-family: "lores-9-plus-wide";
  color: black;
  margin-left: calc(50% - 45px);
  font-size: 30px;
  padding-top: 40px;
}

.body_inTheNews .featuredActionsWrapper .slick-arrow {
  margin-top: 314px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 33px;
}

.body_inTheNews .featuredActionsWrapper .slick-prev {
  background-image: url('../images/int-left-arrowlores.png');
  margin-left: calc(50% - 120px);
}

.body_inTheNews .featuredActionsWrapper .slick-next {
  background-image: url('../images/int-right-arrowlores.png');
  margin-right: calc(50% - 120px);
}

/* share section */
.int-share-section {
  background-color: black;
  color: white;
  padding: 40px;
  text-align: center;
}

.int-share-section .int-share-content-head {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.int-share-section p {
  font-size: 18px;
}

.int-share-section .int-share-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.int-share-section .int-share-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 30px;
  width: auto;
}

.int-share-section .insta-share {
  width: 500px;
}

.int-share-section .int-share-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.int-share-section .int-share-item img {
  max-width: 200px;
  object-fit: contain;
  height: auto;
}

.int-share-section .int-share-item a {
  margin-top: 20px;
}

.int-share-section .share-global-wrapper .share-global.upper.bold {
  display: none;
}

.int-share-section h3 {
  font-family: "lores-9-plus-wide";
  color: white;
  font-size: 40px;
  font-weight: 100;
}

.int-share-section .share-global-wrapper h5 {
  font-weight: 100;
  font-size: 18px;
}

.int-share-section .smsShareButton {
  fill: white;
}

.int-share-section .share-global-wrapper .fbShareButton span, 
.int-share-section .share-global-wrapper .twShareButton span, 
.int-share-section .share-global-wrapper .smsShareButton span,
.int-share-section .icon-twitter:before,
.int-share-section .icon-facebook:before {
  color: white;
}

.int-share-section .share-global-wrapper .fbShareButton span, 
.int-share-section .share-global-wrapper .twShareButton span, 
.int-share-section .share-global-wrapper .smsShareButton span {
  margin-top: 15px;
  font-weight: 900;
  text-transform: uppercase;
}

.int-share-section a.share-global {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}

.int-share-section .shareGlobalLinkCont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: end;
  margin: 30px 0;
}

.int-share-section .shareGlobalShareLink {
  font-size: 14px;
  color: white;
  font-weight: 100;
}

.int-share-section .share-global-wrapper form input {
  max-width: 600px;
  margin: 0 auto;
  font-size: 16px;
}

.int-share-section .button.clipboard-button {
  background-color: white;
  color: black;
  font-family: "lores-9-plus-wide";
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 18px;
  margin: 30px 0;
  height: auto;
  padding: 3px 21px;
  position: relative;
}

.int-share-section .copy-confirmation {
  color: var(--prop-green);
  font-family: "lores-9-plus-wide";
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: -40px;
}

.int-share-content-head {
  margin-top: 50px;
}

.int-share-content-head h4 {
  font-family: "lores-9-plus-wide";
  color: white;
  font-size: 25px;
  margin: 0 30px;
  font-weight: 100;
}

.int-share-content-head .int-share-phone {
  width: 30px;
  object-fit: contain;
  height: auto;
}

/* cause grid */
.news-cause-sec {
  margin: 50px auto 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.news-cause-sec h3 {
  font-family: "lores-9-plus-wide";
  color: white;
  background-color: black;
  padding: 8px 16px;
  font-weight: 100;
  font-size: 30px;
  margin-bottom: 22px;
  width: auto;
  display: inline;
  text-align: center;
}

.news-cause-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px;
}


.news-cause-grid .causeLogo {
  width: 20%;
  margin: 30px;
  max-width: 220px;
  min-width: 150px;
}

.news-cause-grid .causeLogo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* tablets/mobile */
@media screen and (min-width: 699px) and (max-width: 1025px) {
  .body_inTheNews .featuredActionsWrapper .slick-slide {
    transform: scale(1);
  }
}

@media screen and (max-width: 950px) {
  .int-headSec {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
  }

  .int-titlecont {
    margin-left: 0;
  }

  .int-imageCarousel {
    width: 90%;
  }

  .body_inTheNews .campaign-feeds-custom-rows {
    margin-top: 30px;
  }

  .body_inTheNews .featuredActionsWrapper .carouselTitle {
    margin: 10px;
  }

  .news-cause-sec h3 {
    margin: 10px;
  }

  .news-cause-grid .causeLogo {
    margin: 10px;
  }

}

@media screen and (max-width: 750px) {
  .int-share-section .int-share-container {
    flex-direction: column;
  }

  .int-share-container .insta-share {
    width: 100%;
  }
}

@media screen and (max-width: 650px) {
  .body_inTheNews .featuredActionsWrapper .slick-arrow {
    margin-top: 304px;
  }

  .body_inTheNews .featuredActionsWrapper .card-new-bar {
    font-size: 15px !important;
    padding: 8px !important;
  }

  .body_inTheNews .featuredActionsWrapper .card-new-icon-box {
    margin-right: 10px;
  }

  .body_inTheNews .featuredActionsWrapper .card-new-info {
    height: 120px;
    font-size: 16px;
    line-height: 17px;
    padding: 10px;
  }

  .body_inTheNews .actionsNowCar {
    padding: 30px 0;
  }

  .body_inTheNews .campaign-card-new-image {
    height:471px;
  }
}

/* end in the news */

/*!---------------------*/
/*! 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; */
  fill: #2154CA;
}

.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: 600;
  font-family: var(--propeller-text);
}

.share-propel-container .fbShareButton span,
.share-short .fbShareButton span,
.share-global-wrapper .fbShareButton span {
  margin-left: 7px;
}

.share-global-wrapper {
  background-color: #fff;
  color: var(--propeller-black);
  border: 2px solid var(--propeller-pink);
  max-width: 620px;
  width: 90%;
  margin: 0 auto;
  border-radius: 8px;
  text-align: center;
  padding: 20px;
}

.share-global-wrapper .share-global-title {
  font-family: var(--propeller-title);
  font-size: 35px;
  color: var(--propeller-pink);
}

.share-global-wrapper h5 {
  font-family: var(--propeller-text);
  font-weight: 600;
  color: var(--propeller-black);
}

.shareGlobalLinkCont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.share-global-button {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  margin: 5px;
}

.fbShareButton {
  background-image: url('/images/icon-fb-new.png');
}

.twShareButton {
  background-image: url('/images/icon-x-new.png');
}

.smsShareButton {
  background-image: url('/images/icon-sms-new.png');
}

.copy-confirmation {
  font-size: 15px;
  color: var(--propeller-pink);
}

/* Colors */
.bg-action {
  background-color: #FFC108;
}

.bg-experience {
  background-color: #EE2C67;
}

.bg-reward {
  background-color: #252525;
}

/* Structure */
.bg_user_new {
  background-color: #fbfbfb;
}

.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: 100%;
  margin-bottom: 20px;
  /* padding-bottom: 10px; */
  /* border-bottom: solid 6px #000000; */
  text-align: center;
}

.home-header {
  font-family: var(--propeller-title);
  font-size: 2.4rem;
  text-transform: uppercase;
  color: #000000;
  font-weight: 900;
}

.home-header a {
  color: #000000;
}

.home-header p {
  margin-bottom: 0;
  font-family: var(--propeller-title);
}

.home-header-center {
  border: none;
  color: #252525;
  text-align: center !important;
  font-size: 4.6rem;
  font-family: var(--propeller-title);
  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: black;
  border-radius: 20px;
  font-family: var(--propeller-title);
  text-transform: uppercase;
  color: var(--propeller-white);
  font-size: 15px;
  width: 100%;
  margin: 30px auto;
}

.clipboard-button:hover {
  color: var(--propeller-white);
}

.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;
}
.medium {  
    letter-spacing: .5px;
    font-size: 14px;
}
.stats_nav {
  width: 100%;
}

img.profile_pic {
  margin: 10px 0 20px 0;
  max-width: 500px;
  max-height: 300px;
}

.profile-pic-wrapper .profile_pic {
  display: none;
}

.profilecard .padT {
  padding-top: 0;
}

/* profile dashboard cards */
.profilecard .grid-item .title_bar {
  background-color: black;
  color: white;
  margin: 0;
  padding: 20px;
  width: 100%;
  position: relative;
}

.profilecard .grid-item.experience_ended .title_bar {
  margin-top: 8px;
}

.profilecard .grid-item.experience_running .title_bar {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.profilecard .grid-item.experience_running .title_bar p {
  order: 2;
  padding: 20px;
  margin-bottom: 0;
}

.profilecard .grid-item.experience_running .title_bar .submit_button {
  order: 1;
  margin-top: 0;
  width: 100%;
}

.profilecard .grid-item.experience_running .title_bar .odds_bar {
  order: 4;
  padding: 0 20px 20px 20px;
}

.profilecard .grid-item.experience_running .title_bar .underline {
  order: 3;
  margin-top: 8px;
  margin: 8px 20px 0 20px;
  width: auto;
}

.don-top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: var(--propeller-buttonborder);
  border-radius: 10px;
  padding: 15px 20px;
  width: 100%;
}

.don-top-row .upper.bold {
  padding: 2px 0 0 0 !important;
  font-family: var(--propeller-title);
  font-size: 20px;
  color: black;
}

.body_user .bx-caret-down-square:before {
  content: '';
}

.body_user .bx-caret-down-square {
  background-image: url('/images/home-left-arrow.png');
  transform: rotate(270deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 25px;
  height: 25px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.body_user .bx-caret-down-square.active { 
  transform: rotate(90deg);
}

.profilecard .tr .tc:nth-child(3) {
  border-left: 2px solid rgba(58, 164, 199, 0.4);
  vertical-align: middle !important;
}

.profilecard .icon-join2,
.profilecard .icon-watch2,
.profilecard .icon-discover2,
.profilecard .icon-petition2,
.profilecard .icon-igfollow2 {
  vertical-align: middle !important;
}

.profilecard .icon-join2:before {
  background-image: url('/images/icon_join.svg?v=icon2021') !important;
  content: '' !important;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.icon-watch2:before {
  background-image: url('/images/icon_watch.svg?v=icon2021') !important;
  content: '' !important;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.icon-discover2:before {
  background-image: url('../images/discover-icon.png') !important;
  content: '' !important;
  background-size: contain;
  width: 28px;
  height: 20px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.icon-petition2 {
  background-image: none;
}

.icon-petition2:before {
  background-image: url('/images/icon_petition.svg?v=icon2021') !important;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: block;
  background-position: center;
  margin: 0 auto;
}

.icon-igfollow2:before {
  /* background-image: url('/images/icon_instagram.svg?v=icon2021'); */
  background-image: url('../images/icon_instagram-01.svg');
  content: '' !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 25px;
  display: block;
  background-position: center;
  margin: 0 auto;
}

.card-new-bg-instagram .card-new-icon {
  background-image: url('../images/icon_instagram-01.svg') !important;
}

.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 .swiper-slide {
  height: 360px;
}

.hero_login .mobileOnly {
  height: 360px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.hero_login .desktopOnly {
  height: 360px;
  overflow: hidden;
  padding: 0;
  position: relative;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1800px) {
  .hero_login .desktopOnly {
    /* height: 750px; */
    max-width: 100%;
  }
}

@media screen and (max-width: 650px) {
  .hero_login .swiper-slide {
    height: 320px;
  }
  
  .hero_login .mobileOnly {
    height: 320px;
  }
}

/* .art-vid-head-cont {
  height: 100%;
} */

.hero_login .mobileOnly iframe {
  box-sizing: border-box;
  height: 56.25vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50% !important;
  width: 177.77777778vh !important;
}

.hero_login .desktopOnly iframe {
  box-sizing: border-box;
  height: 56.25vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50% !important;
  width: 177.77777778vh !important;
}




.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: 100%;
  position: relative;
}

.login_column.bg_login_grey {
  /* padding: 50px 150px 80px 150px; */
  background-color: #fbfbfb;
}

.login_column.bg_login_red {
  overflow: hidden;
}

.loginvidbackground {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.loginvidbackground iframe {
  position: absolute;
  /* top: 50%;
  left: 50%; */
  width: 100%;
  height: 100%;
  /* transform: translate(-50%, -50%); */
}

@media screen and (max-width: 1586px) {
  .loginvidbackground {
    width: 114%;
    margin-left: -7%;
    /* margin-top: -3%; */
  }
}


@media screen and (max-width: 1393px) {
  .loginvidbackground {
    width: 144%;
    margin-left: -22%;
  }
}

@media screen and (max-width: 1104px) {
  .loginvidbackground {
    width: 180%;
    margin-left: -40%;
  }
}

@media screen and (max-width: 650px) {
  .loginvidbackground {
    height: 400px;
    width: 200%;
    margin-left: -50%;
  }

  .login_column.bg_login_red {
    height: 300px;
    justify-content: start;
  }
}


.body_user .small_swiper {
  display: none;
}

.login_container {
  width: 100%;
  max-width: 550px;
  margin: 40px auto;
  text-align: center;
  border: var(--propeller-buttonborder);
  border-radius: 10px;
  padding: 30px;
}

.login_container .rela {
  padding: 2px;
  border-radius: 8px;
  margin: 10px;
}

.login_container .submitButton {
  font-family: var(--propeller-title);
  font-size: 18px;
  color: var(--propeller-white);
  background-color: var(--propeller-black);
  border-radius: 30px;
  text-transform: uppercase;
}

.login_container .submitButton:hover {
  transform: scale(1.02);
}

.login_container .forgotPass {
  color: var(--propeller-pink) !important;
  font-weight: 500;
  font-family: var(--propeller-text);
}

.login_text_container {
  max-width: 620px;
  margin: 0 auto;
}

.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: var(--propeller-purple) !important;
  font-family: var(--propeller-text);
  text-transform: capitalize;
  font-weight: 600;
}

.login_links span {
  color: black;
}

.login_h1 {
  font-family: var(--propeller-title) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-size: 40px;
  padding: 40px 40px 20px 40px;
  letter-spacing: 0 !important;
  color: black;
  text-align: center;
}

.login_caption {
  font-family: var(--propeller-text) !important;
  font-size: 20px !important;
  line-height: 20px;
  text-align: center;
  color: black !important;
  font-weight: 900;
  margin: 0 auto;
  color: black !important;
}

.loginForm {

}

@media (max-width: 1400px) {
  .login_column.bg_login_grey {
    padding: 80px 100px 80px 100px !important;
  }
}
@media (max-width: 1100px) {
  .login_h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 960px) {
  .login_column.bg_login_grey {
    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.bg_login_grey {
    padding: 15px !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-family:"lores-9-narrow";
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  border-radius: 30px !important;
}

.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        */
/*!---------------------*/

@import url("https://p.typekit.net/p.css?s=1&k=acf2fpe&ht=tk&f=28329&a=11900443&app=typekit&e=css");

@font-face {
  font-family:"lores-9-narrow";
  src:url("https://use.typekit.net/af/8bbfdf/00000000000000007735bf7d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8bbfdf/00000000000000007735bf7d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8bbfdf/00000000000000007735bf7d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@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-display: swap;
}
@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;
  font-display: swap;
}
/* 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-display: swap;
}

@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-display: swap;
  }

@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-display: swap;
  }

@font-face {
  font-family: 'Druk Text Medium';
  src: url("/webfonts/Druk-Text/DrukText-Medium.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Termina Medium';
  src: url("/webfonts/TERMINA.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Posca Mad Thrasherz';
  src: url("/webfonts/posca_mad_thrasherz.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Druk Text Wide Bold';
  src: url("/webfonts/Druk Wide/DrukWide-Bold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/permanent-marker/PermanentMarker.ttf");
  font-display: swap;
}

@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-display: swap;
}

@font-face {
  font-family: 'Dunbar Tall Book';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Dunbar/DunbarTall-Book.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Archivo Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Archivo/static/Archivo/Archivo-Medium.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Anton/Anton-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Obviously Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Obviously/Obviously-Medium.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Obviously Wide Bold';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Obviously/Obviously-Wide-Bold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Obviously Condensed Black';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/Obviously/Obviously-Condensed.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Tablet Gothic Regular';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/TabletGothicRegular.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Gopher Black';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AdamLaddGopherBlack.otf");
  font-display: swap;
}

@font-face {
  font-family: 'ITCKabel Bold';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ITCKabelStdBold.TTF");
  font-display: swap;
}

@font-face {
  font-family: 'ITCKabel Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ITCKabelStdMedium.TTF");
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova Medium';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ProximaNovaMedium.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova ExtraBold';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ProximaNovaExBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'CCSignLanguage Italic';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/CCSignLanguageItalic.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Avenir Next Heavy';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AvenirNextCyr-Heavy.woff");
  font-display: swap;
}

@font-face {
  font-family: 'Avenir Next Demi';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AvenirNextCyr-Demi.woff");
  font-display: swap;
}

@font-face {
  font-family: 'Avenir Next Regular';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/AvenirNextLTPro-Regular.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Arial Black';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/ArialBlack.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Times Regular';
  font-style: normal;
  font-weight: normal;
  src: url("/webfonts/TIMESR.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Black';
  font-style: normal;
  src: url("/webfonts/NeueHaasDisplayBlack.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Medium';
  font-style: normal;
  src: url("/webfonts/NeueHaasDisplayMediu.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Bold';
  font-style: normal;
  src: url("/webfonts/NeueHaasDisplayBold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro Roman 55';
  font-style: normal;
  src: url("/webfonts/NHaasGroteskTXPro-55Rg.ttf");
  font-display: swap;
}


@font-face {
  font-family: 'Nunito Sans Semibold';
  font-style: normal;
  src: url("/webfonts/NunitoSans-SemiBold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans ExtraBold';
  font-style: normal;
  src: url("/webfonts/NunitoSans-ExtraBold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans Black';
  font-style: normal;
  src: url("/webfonts/NunitoSans-Black.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Hammersmith One';
  font-style: normal;
  src: url("/webfonts/HammersmithOne-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Antonio Semibold';
  font-style: normal;
  src: url("/webfonts/Antonio-VariableFont_wght.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Adobe Garamond Pro Regular';
  font-style: normal;
  src: url("/webfonts/AdobeGaramondProRegular.otf");
  font-display: swap;
}

@font-face {
  font-family: 'SimSun';
  font-style: normal;
  src: url("/webfonts/SimSun.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Trade Gothic Next LT Pro Condensed';
  font-style: normal;
  src: url("/webfonts/TradeGothicLTCondensed.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Trade Gothic Next LT Pro Heavy Condensed';
  font-style: normal;
  src: url("/webfonts/TradeGothicNextLTProHeavyCondensed.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Exo 2 Regular';
  font-style: normal;
  src: url("/webfonts/Exo2-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat Black';
  font-style: normal;
  src: url("/webfonts/Montserrat-Black.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Alternate Gothic Compressed';
  font-style: normal;
  src: url("/webfonts/ATFAlternateGothicCompressedMed.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans Regular';
  font-style: normal;
  src: url("/webfonts/FiraSansReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Termina Heavy';
  font-style: normal;
  src: url("/webfonts/TerminaHeavy.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Knewave Regular';
  font-style: normal;
  src: url("/webfonts/Knewave-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Anton Regular';
  font-style: normal;
  src: url("/webfonts/Anton-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'VFC Fantomen';
  font-style: normal;
  src: url("/webfonts/VFCFantomen.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Trade Gothic Bold Compressed';
  font-style: normal;
  src: url("/webfonts/TradeGothicBoldCompressed.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Trade Gothic Condensed Bold';
  font-style: normal;
  src: url("/webfonts/TradeGothicLTBoldCondensedNo.18.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Trade Gothic Next Bold';
  font-style: normal;
  src: url("/webfonts/TradeGothicLTBoldNo.2.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'League Gothic Regular';
  font-style: normal;
  src: url("/webfonts/LeagueGothic-Regular-VariableFont_wdth.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Hardwick';
  font-style: normal;
  src: url("/webfonts/HardwickWF.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Aku Kamu';
  font-style: normal;
  src: url("/webfonts/Aku_Kamu.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Mrs Eaves OT Roman';
  font-style: normal;
  src: url("/webfonts/mrsEavesOtRoman.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  src: url("/webfonts/Caveat-VariableFont_wght.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Fredoka SemiBold';
  font-style: normal;
  src: url("/webfonts/Fredoka-SemiBold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Fredoka Bold';
  font-style: normal;
  src: url("/webfonts/Fredoka-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Fenotype';
  font-style: normal;
  src: url("/webfonts/FenotypeResolveSansBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  src: url("/webfonts/Rubik-VariableFont_wght.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Lores 9 Plus Wide Regular';
  font-style: normal;
  src: url("/webfonts/Lores9PlusWideReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Space Mono Regular';
  font-style: normal;
  src: url("/webfonts/SpaceMonoReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Mark OT Light';
  font-style: normal;
  src: url("/webfonts/MarkOT-Light.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Mark OT Light Italic';
  font-style: normal;
  src: url("/webfonts/MarkOT-LightItalic.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Presicav Bold';
  font-style: normal;
  src: url("/webfonts/PresicavBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Chantal Medium';
  font-style: normal;
  src: url("/webfonts/ChantalMed.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Freude Regular';
  font-style: normal;
  src: url("/webfonts/freudeReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Caraque Regular';
  font-style: normal;
  src: url("/webfonts/caraqueReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Bee Four';
  font-style: normal;
  src: url("/webfonts/BeeFour.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Roc Grotesk Condensed Bold';
  font-style: normal;
  src: url("/webfonts/RocGroteskCondensedBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Roc Grotesk ExtraWide Bold';
  font-style: normal;
  src: url("/webfonts/RocGroteskExtrawideBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Roc Grotesk ExtraWide Black';
  font-style: normal;
  src: url("/webfonts/RocGroteskExtrawideBlack.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Roc Grotesk Medium';
  font-style: normal;
  src: url("/webfonts/RocGroteskMedium.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Council OT Regular';
  font-style: normal;
  src: url("/webfonts/CouncilOtReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Rama Slab E Regular';
  font-style: normal;
  src: url("/webfonts/RamaSlabEReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Rama Slab E SemiBold';
  font-style: normal;
  src: url("/webfonts/RamaSlabESemiBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Brothers OT Regular';
  font-style: normal;
  src: url("/webfonts/BrothersOtReg.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Lores 9 Plus Wide Bold';
  font-style: normal;
  src: url("/webfonts/Lores9PlusWideBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Anzeigen Grotesk';
  font-style: normal;
  src: url("/webfonts/AnzeigenGrotesk.otf");
  font-display: swap;
}

@font-face {
  font-family: 'BD Super';
  font-style: normal;
  src: url("/webfonts/BDSuper.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Monarcha SemiBold';
  font-style: normal;
  src: url("/webfonts/MonarchaSemiBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro Bold';
  font-style: normal;
  src: url("/webfonts/NeueHaasGroteskDisplayPro_Bold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Comfortaa Bold';
  font-style: normal;
  src: url("/webfonts/Comfortaa-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Alternate Gothic ATF Bold';
  font-style: normal;
  src: url("/webfonts/AlternateGothicATFBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'KC Striker Sans Inked';
  font-style: normal;
  src: url("/webfonts/KCStrikerSans-Inked.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Providence Sans Pro Bold';
  font-style: normal;
  src: url("/webfonts/ProvidenceSansProBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'HVD Edding 780 Normal';
  font-style: normal;
  src: url("/webfonts/HVDEdding780Normal.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Obviously SemiBold';
  font-style: normal;
  src: url("/webfonts/ObviouslySemiBold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Obviously Bold Italic';
  font-style: normal;
  src: url("/webfonts/ObviouslyBoldItalic.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Obviously Narrow Bold Italic';
  font-style: normal;
  src: url("/webfonts/ObviouslyNarrowBoldItalic.otf");
  font-display: swap;
}

@font-face {
  font-display: swap;
  font-family: 'Obviously Narrow Black Italic';
  font-style: normal;
  src: url("/webfonts/obviouslynarrowblackitalic.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Obviously Black Italic';
  font-style: normal;
  src: url("/webfonts/obviouslyblackitalic.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Lores Narrow Bold';
  font-style: normal;
  src: url("/webfonts/LoresNarrowBold.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk Bold';
  font-style: normal;
  src: url("/webfonts/AktivGroteskBold.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk XBold';
  font-style: normal;
  src: url("/webfonts/AktivGroteskXBold.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Agenda SemiBold';
  font-style: normal;
  src: url("/webfonts/AgendaSemiBold.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Agenda Black';
  font-style: normal;
  src: url("/webfonts/AgendaBlack.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Agenda Black Condensed';
  font-style: normal;
  src: url("/webfonts/AgendaBlackCond.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Acumin Wide Black';
  font-style: normal;
  src: url("/webfonts/AcuminWideBlack.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Acumin Extra Condensed Black';
  font-style: normal;
  src: url("/webfonts/AcuminExCondensedBlack.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Acumin Semibold';
  font-style: normal;
  src: url("/webfonts/AcuminSemibold.otf");
}

@font-face {
  font-display: swap;
  font-family: 'Acumin Condensed Bold';
  font-style: normal;
  src: url("/webfonts/AcuminCondensedBold.otf");
}

@font-face {
  font-display: swap;
  font-family: 'ITC Avant Gothic Medium';
  font-style: normal;
  src: url("/webfonts/ITCAvantMed.otf");
}

@font-face {
  font-display: swap;
  font-family: 'ITC Avant Gothic Demi';
  font-style: normal;
  src: url("/webfonts/ITCAvantDemi.otf");
}

@font-face {
  font-display: swap;
  font-family: 'ITC Avant Gothic Bold';
  font-style: normal;
  src: url("/webfonts/ITCAvantBold.otf");
}

@font-face {
  font-display: swap;
  font-family: 'ITC Avant Gothic STD';
  font-style: normal;
  src: url("/webfonts/ITCAvantGardeStd-Demi.otf");
}

@font-face {
  font-display: swap;  
  font-family: 'Poppins Black';
  font-style: normal;
  src: url("/webfonts/PoppinsBlack.otf");
}

@font-face {
  font-family: 'BC Novatica CYR Medium';
  font-style: normal;
  src: url("/webfonts/BCNovaticaCYRMed.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Cheee Wowie';
  font-style: normal;
  src: url("/webfonts/CheeeWowie.otf");
  font-display: swap;
}

@font-face {
  font-family: 'MDBonnachrome-Bold';
  font-style: normal;
  src: url("/webfonts/MDBonnachrome-Bold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'MDBonnachrome-Ultra';
  font-style: normal;
  src: url("/webfonts/MDBonnachrome-Ultra.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Tungsten Compressed';
  font-style: normal;
  src: url("/webfonts/TungstenCompSemibold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Cooper Std Black';
  src: url('https://use.typekit.net/vdw7yrr.css');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Knockout';
  src: url('/webfonts/Knockout-HTF73-FullHeviweight.otf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Eames Century Modern';
  src: url('/webfonts/EamesCenturyModern-ExtraBold.otf');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@import url("https://p.typekit.net/p.css?s=1&k=elf0xqu&ht=tk&f=28316.28317&a=11900443&app=typekit&e=css");

@font-face {
font-family:"lores-12-bold";
src:url("https://use.typekit.net/af/67262f/00000000000000007735bf74/30/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/67262f/00000000000000007735bf74/30/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/67262f/00000000000000007735bf74/30/a?subset_id=2&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"lores-12-regular";
src:url("https://use.typekit.net/af/84d9ce/00000000000000007735bf82/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/84d9ce/00000000000000007735bf82/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/84d9ce/00000000000000007735bf82/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.tk-lores-12 { font-family: "lores-12",sans-serif; }

@import url("https://p.typekit.net/p.css?s=1&k=ejs6nyd&ht=tk&f=36157.36160.40026&a=11900443&app=typekit&e=css");

@font-face {
font-family:"landa";
src:url("https://use.typekit.net/af/0e1305/00000000000000007735aa48/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/0e1305/00000000000000007735aa48/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/0e1305/00000000000000007735aa48/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"landa";
src:url("https://use.typekit.net/af/18698c/00000000000000007735aa4c/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/18698c/00000000000000007735aa4c/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/18698c/00000000000000007735aa4c/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"farmhand";
src:url("https://use.typekit.net/af/11c480/00000000000000007735bc82/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/11c480/00000000000000007735bc82/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/11c480/00000000000000007735bc82/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}


@font-face {
  font-family: "Stretch Pro";
  src: url('/webfonts/StretchPro.otf');
  font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@import url("https://p.typekit.net/p.css?s=1&k=cki6ejq&ht=tk&f=28991.28992&a=11900443&app=typekit&e=css");

@font-face {
font-family:"termina";
src:url("https://use.typekit.net/af/574117/00000000000000007735b222/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/574117/00000000000000007735b222/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/574117/00000000000000007735b222/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"termina";
src:url("https://use.typekit.net/af/3046cd/00000000000000007735b224/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/3046cd/00000000000000007735b224/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/3046cd/00000000000000007735b224/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    src: url("/webfonts/Outfit-VariableFont_wght.ttf");
    font-display: swap;
}

@font-face {
  font-family: 'DeeperWell-Regular';
  font-style: normal;
  src: url("/webfonts/DeeperWell-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'GothamBold';
  font-style: normal;
  src: url("/webfonts/GothamBold.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'GothamBold2';
  font-style: normal;
  src: url("/webfonts/GothamBold2.otf");
  font-display: swap;
}

@font-face {
  font-family: 'Angle';
  font-style: normal;
  src: url("/webfonts/Angle.ttf");
  font-display: swap;
}

@font-face {
  font-family: 'Manyo Serif';
  font-style: normal;
  src: url("/webfonts/ManygoSerif.otf");
  font-display: swap;
}

@font-face {
  font-family: 'OTT Herbus Bold';
  font-style: normal;
  src: url("/webfonts/OTT_Herbus-Bold.ttf");
  font-display: swap;
}

/* 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: var(--propeller-text);
  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; */
  object-fit: cover;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

.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-bar.card-new-bg-follow,
.card-new-bar.card-new-bg-discover,
.card-new-bar.card-new-bg-user-content {
  background: white;
}

.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-bg-share .card-new-icon {
  background-image: url("../images/share-post-icon.png") !important;
}

.grid-item.actiontype_share-post .action_icon2 {
  background-image: url("../images/share-post-icon.png") !important;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.grid-item.actiontype_share-post .action_bar::before {
  content: 'Share This Post';
}

/* share post card */
.card-new-bg-share-post {
  background-color: #F8F4A6;
}

.card-new-bg-share-post .card-new-icon {
  background-image: url("../images/share-post-icon.png") !important;
}

.card-new-bg-share-post .card-new-description.card-propel-action-type {
  
}
/*  */


.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-reward-donation-points{
  display: none;
}

.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;
}

.card-new-bg-discover .card-new-icon {
  background-image: url('../images/discover-icon.png') !important;
  padding-top: 2px;
}

/* donation points on cards */
.featuredActionsWrapper .card-new-bg-causes.card-new-bar {
  padding: 8px 15px !important;
}

.card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  font-size: 13px;
  line-height: 18px;
  width: 60px;
}

.card-new-bg-causes .card-new-description,
.card-new-bg-donation .card-new-description {
  font-size: 14px;
}

.card-new-bg-causes .card-new-description-box,
.card-new-bg-donation .card-new-description-box {
  margin-left: 0;
}

.card-new-bg-donation.card-new-bar,
.body_leaders .featuredActionsWrapper .card-new-bg-donation.card-new-bar {
  padding: 8px 15px !important;
}

.body_leaders .featuredActionsWrapper .auction-card .card-new-bg-donation.card-new-bar {
  padding: 12px !important;
}

.body_leaders .featuredActionsWrapper .card-new-info {
  font-size: 18px;
}

.card-new-bg-causes .card-new-icon-box,
.card-new-bg-donation .card-new-icon-box {
  width: 26px !important;
  margin-right: 8px;
  display: none;
}

.card-new-bg-donation .card-new-points.dollar::after {
  content: '10 points per $1';
  display: block;
  font-size: 11px;
  width: 82px;
}

.card-new-icon-box {
  align-self: center;
}

/* 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: 100%;
  }

  .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;
    display: flex;
  }

  .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;
  }
}



/* 
* Card New Style 2024
*/
.featuredActionsWrapper:has(.card-ns) .home-row {
  /* height: 520px; */
  height: auto;
}
.carousel-ExploreMovements.featuredActionsWrapper:has(.card-ns) .home-row {
  height: auto;
}

.featuredActionsWrapper,
.body_campaigns .featuredActionsWrapper {
  width: 90%;
  margin: 0 auto;
}

.featuredActionsWrapper .slick-arrow {
  color: transparent;
  top: 195px;
  background-position: center;
}

.featuredActionsWrapper .slick-prev {
  left: -30px;
}

.featuredActionsWrapper .slick-next {
  right: -30px;
}

.card-ns .action-type-leaders .card-new-icon-box {
  display: none;
}

.card-ns {
  transform: scale(0.9);
  transition: all 0.2s ease;
}

.FullCarousel .card-ns.slick-center {
  transform: scale(1);
}

.card-ns .card-new {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.card-ns-top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.card-ns-top .card-new-icon-box {
  margin: 0 8px 0 0;
  width: 28px;
}

.card-ns-top .card-new-icon {
  filter: brightness(0);
  fill: black;
  color: black;
  width: 100%;
  padding-bottom: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.card-ns .discover-icon {
  background-image: url('/images/discover-icon.png') !important;
}
.card-ns .causes-icon {
  background-image: url('/images/causes-icon-white.png') !important;
}
.card-ns .action-type-user-content .card-new-icon-box {
  width: 32px;
}
.card-ns .user-content-icon {
  background-image: url('/images/icon_propel.svg') !important;
}
.card-ns .instagram-icon {
  background-image: url('/images/instagram-icon.svg') !important;
}

.card-ns .action-type-share-post .card-new-icon-box {
  display: none;
}

.card-ns .card-type {
  color: var(--propeller-black);
  font-family: var(--propeller-text);
  font-weight: 800;
  font-size: 20px;
  text-transform: uppercase;
}

.card-ns .card-desc {
  color: var(--propeller-black);
  font-family: var(--propeller-text);
  text-align: center;
  font-weight: 500;
}

.card-ns .card-desc-container {
  margin: 15px auto 8px;
}

.card-ns .card-ns-points,
.card-ns .card-reward-donation-points {
  background-color: var(--propeller-yellow);
  border-radius: 20px;
  padding: 5px 10px;
  display: inline-block;
  margin: 7px auto;
  color: var(--propeller-black);
  font-weight: 500;
}

.card-ns .card-ns-points.dollar,
.card-ns .reward.points .card-ns-points {
  background-color: transparent;
  padding: 0;
}

.card-ns .causes-points-per-dollar {
  display: block !important;
}

.card-ns .action-type-featured .card-ns-points {
  display: none;
}

.card-ns .tate,
.card-ns .card-highest-bid-price,
.card-ns .causes-points-per-dollar {
  color: var(--propeller-pink);
  text-align: center;
}

.card-ns .auctionClosingWarning {
  font-weight: 700;
  color: var(--propeller-pink);
  font-size: 20px;
}

.card-ns .action-type-blog .card-new-icon-box {
  display: none;
}

.card-ns .card-image {
  height: auto;
}



@media screen and (min-width: 650px) {
  /* Center slides on desktop if there is <4 */
  .featuredActionsWrapper.lessthanfour .slick-track { 
    transform: none !important;
    margin: 0 auto;
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 650px) {
  .featuredActionsWrapper,
  .body_campaigns .featuredActionsWrapper {
    width: 100%;
    margin: 0 auto;
  }

  .body_campaigns .featuredActionsWrapper .slick-arrow, 
  .slick-arrow {
      top: unset;
      bottom: -67px;
  }
}


/* standard campaign cards */
.card-campaign-container .campaign-card-title {
  text-align: center;
  display: block !important;
  color: var(--propeller-black);
  margin: 15px auto 8px;
}

.card-campaign-container .card-new-image {
  aspect-ratio: unset;
}



/* locked reward cards */
.reward-card-locked {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 800;
  color: var(--propeller-pink);
  padding: 0 15px;
}

.unlockLang {
  display: none;

  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background: rgba(255,255,255,0.7);
  text-align: center;
}

.card-locked-text:hover + .unlockLang {
  display: block;
}

.reward-card-locked p {
  width: 100%;
  white-space: normal;
  /* background-color: white; */
  padding: 15px;
  text-align: right;
}

.card-lock-icon {
  display: block;
  padding: 0 0 10px 10px;
}

.rewardLocked-1 .card-image {
  filter: grayscale(100%);
  opacity: 0.5;
}

.card-ns-img-container {
  position: relative;
}


/* edit profile */
.user-edit-profile {
  color: black;
}

.user-edit-profile .underline.blue1 {
  background-color: var(--propeller-purple);
}

.user-edit-profile .userProfilePicUploadLang {
  color: var(--prop-pink);
  padding-bottom: 10px;
}

.user-edit-profile .user-image-upload {
  width: 40%;
}

.user-edit-profile #userProfilePicForm input#profile_pic {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--propeller-black);
}

.user-edit-profile .submitButton {
  background: var(--propeller-black);
  font-family: var(--propeller-title);
  color: var(--propeller-white) !important;
  text-transform: uppercase;
  border-radius: 30px !important; 

}

.user-edit-profile #submitProfilePicDelete {
  margin-left: 20px;
  border-radius: 30px !important;
  color: black;
}

.user-edit-profile a {
  color: var(--propeller-purple);
}

.user-edit-profile .delete-payment-method,
.user-edit-profile #user_payment h5 {
  color: var(--propeller-pink);
  font-family: var(--propeller-text);
  font-weight: 600;
}

.user-edit-profile select {
  color: black;
}

.userEditTitle {
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-size: 18px;
}

.user-edit-profile #cc_type {
  background-image: url('../images/creditcard-icon.png');
  margin-top: -18px;
  background-size: contain;
}

@media screen and (max-width: 1100px) {
  .user-edit-profile .four.columns {
    width: 100% !important;
    margin: 0 auto;
    padding-left: 15px;
  }

  .user-edit-profile .profile_pic.user-profile-image {
    margin: 0 auto;
  }

  .user-edit-profile #submitProfilePicDelete {
    margin-left: 0px;
    margin-top: 20px;
  }

  .user-edit-profile .submitButton {
    margin-left: 0;
  }
  
}

/* end edit profile */

/**
 * 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;

  display: none;
}

.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: 5px 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: var(--propeller-purple);
  text-decoration: none;
  font-weight: 600;
}

.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(to bottom, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green));
   */
   background-image: none;
}

#dash-header-edit {
  background-image: none;
}

.body_user {
  background-color: #fbfbfb;
}

.body_user .footer-new {
  margin-top: 20px;
}

.dash-container .userProfilePicUploadLang {
  text-align: center;
  margin: 20px 0;
}

.dash-container .userProfilePicUploadLang span {
  background-color: #E8FF0A;
}

.dash-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 90%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 25px;
  box-sizing: border-box;
  border: var(--propeller-buttonborder);
  border-radius: 10px;
}

.dash-container .dash-left-container {
  max-width: 300px;
  margin: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dash-container .profile_pic {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid black;
}

.dash-container .dash-right-container {
  text-align: left;
  display: flex;
  flex-direction: row;
  margin-left: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.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;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}

.dash-nav a {
  margin: 10px;
}

.dash-nav a:nth-child(1) {
  margin-left: 0;
}

.dash-nav-edit {
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 30px;
}

.dash-nav-divider {
  height: 20px;
  border-right: solid 2px;
}

#my-dashboard {
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  font-family: var(--propeller-text);
}

.dash-stats-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 60%;
}

.dash-stats-item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.dash-stats-number {
  font-family: var(--propeller-title);
  font-weight: 600;
  font-size: 35px;
}

.dash-stats-label {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  opacity: 0.8;
}

.dash-stats-divider {
  height: 120px;
  border-right: solid 1px #000000;
  margin-left: 15px;
  margin-right: 15px;

  display: none;
}

@media screen and (min-width: 650px) and (max-width: 910px) {
  .dash-stats-number {
    font-size: 3rem;
  }
}

.userDashboardContent {
  background-color: #fbfbfb;
  color: var(--propeller-black);
  width: 90%;
  max-width: 1250px;
  margin: 0 auto 30px;
}

.userDashboardContent a {
  color: var(--propeller-purple);
}

#my_certificates {
  margin: 40px 0 20px;
}

.dash-cert-button {
  margin: 5px;
  font-size: 18px;
  width: 18px;
  fill: var(--propeller-purple);
}


.dash-cert-download-button {
  margin-left: 8px;
}

@media screen and (min-width: 650px) {
  .dash-cert-button box-icon {
    width: 100%;
  }

  .dash-cert-button {
    margin: 5px;
    width: 20px;
    height: 20px;
  }

  .cert-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .dash-cert-linkedin {
    margin-bottom: 9px;
  }
}

@media screen and (max-width: 1195px) {
  .dash-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px;
  }

  .dash-container .dash-right-container {
    flex-direction: column;
  }

  .dash-container .dash-right-container,
  #my-dashboard,
  .dash-nav {
    text-align: center !important;
  }

  .dash-nav a {
    margin: 4px;
  }

  .dash-stats-area {
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .dash-nav {
    flex-direction: column;
  }

  .dash-nav .dashdiv {
    display: none;
  }

  .dash-nav a {
    display: block;
  }
}


.copyButton.submit_button {
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
}

#copiedPopup {
  opacity: 0;
  display: flex;
  width: 80%;
  max-width: 350px;
  height: 150px;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to bottom, var(--prop-pink), var(--prop-purple), var(--prop-blue), var(--prop-green));
  border-radius: 30px;
  border: 2px solid black;
  font-family: var(--prop-lores);
  text-transform: uppercase;
  color: black;
  font-size: 20px;
  position: fixed;
  top: calc(50% - 75px);
  left: calc(50% - 225px);
  transition: opacity 0.8s;
  pointer-events: none;
}

.copiedPopup p {
  margin-bottom: 0;
  padding-bottom: 0;
}

.user-dashboard-notification-container {
  border: 2px solid var(--propeller-pink);
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
}

.user-dashboard-notification-container h2 {
  color: var(--propeller-pink);
  font-family: var(--propeller-title);
  text-transform: uppercase;
  font-size: 30px;
}

.user-dashboard-notification img {
  padding-bottom: 8px;
}

@media screen and (max-width: 650px) {
  .user-dashboard-notification {
    padding-top: 0;
    /* margin-top: -30px; */
  }

  #copiedPopup {
    left: 10%;
  }
}

.userDashboardContent .ip_warning {
  margin-bottom: 30px;
  border: 2px solid #FB2D75;
  padding: 15px;
}

.userDashboardContent .ip_warning_title {
  text-align: center;
  font-size: 20px;
  text-decoration: underline;
  color: #FB2D75;
}

.userDashboardContent .ip_warning .submitButton {
  border: 2px solid #FB2D75;
  margin-bottom: 10px;
}

.userDashboardContent .ip_warning .submitButton:hover {
  color: #FB2D75;
}

.userDashboardContent .commisions-container {
  color: white !important;
}

.userDashboardContent .user-friends-table,
.userDashboardContent .user-friends-table th,
.userDashboardContent .user-friends-table tr,
.userDashboardContent .user-friends-table td,
.userDashboardContent .user-friends-table div {
  color: white !important;
}

.userDashboardContent .user-friends-table a {
  color: var(--prop-green);
}

.dashboard-premier-status .premier-message {
  color: #DEF310;
  font-weight: 600;
}

.dashboard-premier-status .boostEnds {
  display: flex;
  flex-direction: row;
}

.dashboard-premier-status #boostCountdown {
  padding-left: 10px;
}

.userDashboardContent .fa-caret-square-down:before {
  content: '';
  display: block;
  background-image: url('../images/userdash-down-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 35px;
  height: 35px;
  transform: rotate(-90deg);
  margin-right: 15px;
  transition: transform 0.2s;
}

.userDashboardContent .fa-caret-square-up:before {
  content: '';
  display: block;
  background-image: url('../images/userdash-down-arrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  transition: transform 0.2s;
}

.userDashboardContent .fa-caret-square-down,
.userDashboardContent .fa-caret-square-up {
  transition: transform 0.2s;
}

@media screen and (max-width: 650px) {
  .user-dash-col2 {
    display: flex;
    flex-direction: column;
  }
}

/* survey dashboards share widget */
.survey-dashboard-share-widget {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  border-radius: 10px;
}

.userDashboardContent .survey-dashboard-share-widget a {
  color: var(--prop-pink);
}

.survey-dashboard-share-widget .card-body {
  padding: 0;
}

.survey-dashboard-share-widget .user-share-actions-dashboard-wrapper {
  border: 2px solid white;
}

.survey-dashboard-share-widget .user-share-actions-dashboard-wrapper .card-header {
  background-color: white;
  color: #111;
  text-align: center;
}

.survey-dashboard-share-widget .user-share-actions-dashboard-wrapper .share-propel-container {
  background-color: white;
  color: #111;
  text-align: center;
}

.survey-dashboard-share-widget .user-share-actions-dashboard-wrapper .share-propel-container .input-group {
  max-width: 320px;
  margin: 0 auto;
}

.survey-dashboard-share-widget .your-results-container {
  padding: 0;
}

.survey-dashboard-share-widget .your-results-content {
  padding: 16px 20px;
}

.survey-dashboard-share-widget .your-results-vid-bg {
  display: none;
}

.survey-dashboard-share-widget .your-results-container .user-share-actions-your-results {
  height: 24px;
}

.survey-dashboard-share-widget .results-num-sec .smiley {
  width: 50px;
  height: 50px;
}

.survey-dashboard-share-widget .results-num-sec .resultsx {
  font-size: 30px;
}

.survey-dashboard-share-widget .results-num-sec .result-num {
  font-size: 53px !important;
}

.survey-dashboard-share-widget .your-results-container .resultsText {
  font-size: 20px;
}

.survey-dashboard-share-widget .your-results-container .keepsharingtext {
  padding-top: 0px;
  font-size: 28px;
  line-height: 28px;
  max-width: 495px;
}

.survey-dashboard-share-widget .submitButton {
  padding: 8px 30px 10px 30px;
  transition: ease 0.3s;
}

.survey-dashboard-share-widget .submitButton:hover {
  background-color: #222;
  color: #fff;
  transform: scale(1.03);
}

@media screen and (max-width: 650px) {
  .survey-dashboard-share-widget {
    width: 100%;
  }

  .survey-dashboard-share-widget .your-results-container {
    height: auto;
  }
  
  .survey-dashboard-share-widget .your-results-content {
    height: auto;
  }

  .survey-dashboard-share-widget .your-results-container .resultsText {
    margin-top: -3px;
    margin-bottom: 9px;
  }
}

/*  */

.rotate0 {
  transform: rotate(90deg);
}

#userDashboardAdmin h2 {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 20px;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 0;
}

#userDashboardAdmin h2 span {
  display: flex;
  padding-right: 5px;
}

.my-stuff-container .don-top-row .fa-caret-square-down:before {
  margin-right: 0;
}

.my-stuff-container {
  margin-top: 15px;
}

.mystufftitle {
  /* margin-left: 15px; */
}

#myStuffContainer {
}


/* dashboard impact calc */
.userImpactContainer {
  background-color: white;
  border: 2px solid var(--propeller-purple);
  border-radius: 10px;
  width: 100%;
  max-width: 1250px;
  margin: 10px auto 25px auto;
  color: #111;
  padding: 20px;
}

.userImpactContainer h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;

}

.userImpactContainer h6 {
  text-align: center;
  font-size: 25px;
  padding-bottom: 15px;
  font-weight: 200;
}

.userImpactContainer h6 span {
  font-size: 35px;
  padding: 0 5px;
  font-weight: 700;
}

.userImpactContainer .donatestats {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  width: 100%;
}

.userImpactContainer .donatestat {
  border-right: 1px solid #888;
  padding: 5px 20px;
  text-align: center;
}

.userImpactContainer .laststat {
  border-right: none;
}

.userImpactContainer .donatestat p {
  color: #111;
}

.userImpactContainer .donatestat h5 {
  font-size: 35px;
}

.userImpactContainer .drivemore {
  text-align: center;
  margin-top: 25px;
}

.userImpactContainer .drivemore a {
  color: black;
  text-decoration: underline;
}

@media screen and (max-width: 950px) {
  .userImpactContainer .donatestats {
    flex-direction: column;
    align-items: center;
  }

  .userImpactContainer .donatestat {
    border-right: none;
    border-bottom: 1px solid #888;
    padding: 20px 5px;
  }

  .userImpactContainer .laststat {
    border-bottom: none;
  }

  .userImpactContainer .donatestat p {
    margin-bottom: 8px;
  }

  .userImpactContainer .donatestat h5 {
    margin-bottom: 0px;
  }
}

/*  */

.pointerAll {
  pointer-events: all !important;
}

.visibleHidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

/* actions table */
.table_propPurple {
  border: 2px solid var(--propeller-purple);
  color: var(--propeller-black);
  font-size: 15px;
  font-weight: 500;
}

.table_propPurple .tr .tc:nth-child(2) {
  border-bottom: 2px solid var(--propeller-purple);
  padding: 10px;
  vertical-align: middle;
}

.table_propPurple .tr .tc:nth-child(2) a {
  color: var(--propeller-black);
  font-size: 15px;
  font-weight: 600;
}

.table_propPurple.ta .tr .tc:first-child {
  border-right: 2px solid var(--propeller-purple);
  border-bottom: 2px solid var(--propeller-purple);
}

.table_propPurple .tr .tc:nth-child(3) {
  border-left: 2px solid var(--propeller-purple);
  border-bottom: 2px solid var(--propeller-purple);
  padding: 0 10px;
  color: var(--propeller-pink);
}

.table_propPurple .ta_icon {
  width: 45px;
  height: 100%;
}

.table_propPurple .ta_icon:before {
  width: 40px;
  height: 40px;
  color: var(--propeller-black);
  fill: var(--propeller-black);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 0 auto;
  filter: brightness(0);
}

.table_propPurple .tiktok-follow .showIcon:before {
  filter: brightness(0);

}

.table_propPurple .tiktok-follow .tc.showIcon {
  border: none !important;
}

.ta.table_propPurple .tr .tc.ta_icon {
  font-size: 4rem;
  padding: 8px;
  vertical-align: top;
}

/* user dash icons */
.body_user .table_propPurple .icon-petition2:before {
  background-image: url('../images/white-petition-icon.png') !important;
}

.body_user .table_propPurple .icon-join2:before {
  background-image: url('../images/white-follow-icon.png') !important;
}

.body_user .table_propPurple .causes .tc.showIcon {
  border: none !important;
  font-size: 4rem;
  padding: 8px;
  vertical-align: top;
  width: 45px;
  height: 100%;
}

.body_user .table_propPurple .causes .tc.showIcon:before {
  content: "\e918";
  width: 40px;
  height: 40px;
  color: white;
  fill: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin: 0 auto;
}

.body_user .table_propPurple .icon-watch2:before {
  background-image: url('../images/white-watch-icon.png') !important;
}

.body_user .table_propPurple .icon-igfollow2:before {
  background-image: url('../images/white-instagram-icon.png') !important;
}

.body_user .table_propPurple .icon-discover2:before {
  background-image: url('../images/white-discover-icon.png') !important;
}

.body_user .table_propPurple .icon-user-content:before {
  content: '';
  background-image: url('../images/white-camera-uploads.png') !important;
}

.table_propPurple .tiktok-follow .showIcon {
  padding: 8px;
}

.table_propPurple .tiktok-follow .showIcon:before {
  content: '';
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  background-image: url('../images/white-follow-icon.png') !important;
}
/*  */

.userDashboardContent .grid-item.actiontype_upgrades .action_bar_cont {
  display: none;
}

.userDashboardContent .grid-item.actiontype_upgrades .marB {
  margin-bottom: 0;
}

.userDashboardContent .joinPremierTitle {
  color: #FB2D75;
  margin-bottom: 4px;
}

.userDashboardContent .dashboost {
  color: #A048FE;
  /* color: white; */
}


.dashpremier {
  display: none;
}

.dashboostV1 {
  display: none;
}

.not-has-pro-account {
  display: none;
}

.userDashboardContent .not-has-pro-account .submitButton.dashboostbutton {
  background-color: #A048FE;
}

.userDashboardContent .joinPremierDesc {
  /* color: #DEF310; */
  color: #FB2D75;
  padding-bottom: 7px;
}

.userDashboardContent .dashboostdesc {
  font-weight: 600;
}

.userDashboardContent .not-has-pro-account .submitButton {
  background-color: #FB2D75;
  color: #DEF310;
  font-family: var(--prop-lores);
  border-radius: 30px;
  padding: 7px 20px;
  margin-bottom: 20px;
  transition: 0.2s ease;
}

.userDashboardContent .not-has-pro-account .submitButton:hover {
  transform: scale(1.02);
}

.userDashboardContent .boost-dash-cont {
  background-image: url('/images/dash-boost-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  padding: 30px 30px 0 30px;
}

.userDashboardContent .boost-cont {
  text-align: center;
  padding-bottom: 30px;
  max-width: 268px;
}

.userDashboardContent .boost-cont h3 {
  color: var(--propeller-white);
  font-family: var(--propeller-title);
  font-size: 28px;
}

.userDashboardContent .boost-cont p {
  color: var(--propeller-white);
  font-size: 14px;
  font-weight: 600;
}

.userDashboardContent .boost-cont a {
  background-color: #E8FF0A;
  border-radius: 30px;
  color: var(--propeller-black);
  font-family: var(--propeller-title);
  padding: 10px 20px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 16px;
  display: inline-block;
  font-weight: 600;
  transition: all 0.3s ease;
}

.userDashboardContent .boost-cont a:hover {
  transform: scale(1.03);
  text-decoration: none;
}

.boost-rocket {
  width: 50%;
  align-self: end;
  max-width: 165px;
}

.boost-rocket img {
  width: 100%;
  object-fit: contain;
}


.userDashboardContent .dashboard-completed-actions {
  margin-top: 30px;
}

.userDashboardContent #user_donations {
  color: var(--propeller-black);
}

.userDashboardContent .reverse {
  color: var(--propeller-black);
}

.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: 10px;
    margin-bottom: 10px;
  }

  .dash-stats-item {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .dash-stats-number {
    font-size: 3rem;
  }

  .dash-stats-label {
    font-size: 1.7rem;
  }

  #my-dashboard {
    text-align: center;
    line-height: 2rem;
    margin: 0 auto 15px auto;
  }

  .dash-nav {
    text-align: center;
    padding-bottom: 28px;
  }

  .dash-nav a:nth-child(1) {
    margin-left: 10px;
  }
}

@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;
}

/* dashboard motivation popup */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600&display=swap');
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.dashboard-ask-motivation {
  color: #111111;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10;
  /* bottom: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.motiv-bg {
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.motiv-cont {
  width: 50%;
  max-width: 700px;
  background-color: white;
  padding: 50px 80px;
  border-radius: 20px;
  text-align: center;
  font-family: var(--propeller-text);
}

.motiv-cont h4 {
  font-family: var(--propeller-title);
  font-size: 60px;
  color: #111;
  padding-bottom: 15px;
  font-weight: 600;
}

.motiv-cont .survey-question-randomized span {
  color: #FE20B0;
}

.motiv-cont .survey-question-randomized strong {
  font-size: 18px;
}

.survey-randomized .survey-footer {
  font-size: 14px;
  font-style: italic;
  max-width: 278px;
  margin: 0 auto;
  line-height: 15px;
}

.motiv-cont p {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #7f7f7f;
  font-weight: 500;
}

.motiv-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}

.motiv-cont a {
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  background-color: #111;
  padding: 8px 16px;
  border-radius: 30px;
  color: white;
  margin: 10px 0;
  font-weight: 500;
  width: 80%;
}

.motiv-cont .small {
  font-size: 14px;
  max-width: 400px;
  margin: 0 auto;
}

.motiv-cont a.closepopup {
  font-family: 'Outfit', sans-serif;
  background-color: transparent;
  padding: 8px;
  color: #7f7f7f;
  font-size: 15px;
  text-decoration: underline;
  margin-top: 20px;
  font-weight: 500;
}

@media screen and (max-width: 1175px) {
  .motiv-cont {
    width: 90%;
  }
}

@media screen and (max-width: 655px) {
  .motiv-cont {
    padding: 40px;
  }

  .motiv-cont h4 {
    font-size: 40px;
  }

  .motiv-cont p {
    font-size: 15px;
  }

  .motiv-cont a {
    width: 85%;
    font-size: 18px;
  }
}

@media screen and (max-width: 465px) {
  .motiv-cont {
    padding: 35px 25px;
  }

  .motiv-cont h4 {
    font-size: 35px;
    line-height: 35px;
  }

  .motiv-cont p {
    font-size: 14px;
  }

  .motiv-cont a {
    width: 90%;
    font-size: 15px;
  }

  .motiv-cont a.closepopup {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .motiv-buttons {
    margin: 20px 0 2px 0;
  }
}

.motiv-cont {
  position: relative;
}

a.survey-button {
  font-family: var(--propeller-title);
  font-size: 22px;
  background-color: #111;
  padding: 8px 16px;
  border-radius: 30px;
  color: white !important;
  margin: 40px auto 10px auto;
  font-weight: 800;
  width: 70%;
  background-image: none;
  height: auto;
  cursor: pointer;
  display: block;
  text-decoration: none !important;
}

.motiv-cont .openSecButton {
  font-family: var(--propeller-title);
  font-size: 22px;
  background-color: #111;
  padding: 8px 16px;
  border-radius: 30px;
  color: white;
  margin: 10px auto;
  font-weight: 800;
  width: 80%;
  background-image: none;
  height: auto;
  cursor: pointer;
  display: block;
}

.openSecButton:hover,
a.survey-button:hover {
  transform: scale(1.01);
}

a.dismissBox {
  position: absolute;
  top: 6px;
  right: 15px;
  opacity: 0.5;
  cursor: pointer;
  width: auto;
  display: block;
  background-color: transparent;
  color: #111;
  padding: 0;
  font-size: 18px;
  margin: 0;
  border-radius: 0;
}

.hiddenSection {
  margin-top: 25px;
  display: none;
}

.hiddenSection .shareURL {
  /* text-decoration: underline; */
  color: black;
  cursor: pointer;

  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  background-color: #111;
  padding: 8px 16px;
  border-radius: 30px;
  color: white;
  margin: 10px auto 0;
  font-weight: 500;
  width: 85%;
}

.hiddenSection .shareURL:hover,
.hiddenSection .smsShareButton:hover {
  transform: scale(1.02);
}

.hiddenSection #copyNotif {
  font-size: 12px;
  padding-bottom: 4px;
}

.hiddenSection .smsShareWrapper span {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  padding-left: 8px;
}

.motiv-cont .hiddenSection a {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}

.hiddenSection .shareURL,
.motiv-cont .hiddenSection a {
  width: 81%;
}

.hiddenSection .smsShareButton {
  padding: 10px;
}

.hiddenSection input {
  width: 81%;
}

.hiddenSection .small {
  font-size: 14px;
  text-align: center;
  opacity: 0.8;
  margin-top: 10px;
}

/* fix z-index issue for survey popup */
.page-campaigns:has(.dashboard-ask-motivation) {
  position: relative;
  z-index: 100;
}


/* boost popup */
.boostpopupCont {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
}

.boostpopup {
  background-image: url('../images/boost-homepage-header-desktop-04.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 88%;
  /* max-width: 1200px; */
  height: 25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.boostpopup .boostlink {
  width: 100%;
  height: 100%;
  display: block;
}

.boostpopup .closeBoostPopup {
  color: white;
  position: absolute;
  top: 8px;
  right: 8px;
  font-weight: 700;
}

.boostpopup .closeBoostPopup:hover {
  text-decoration: none;
}

@media screen and (max-width: 650px) {
  .boostpopup {
    background-image: url('../images/boost-homepage-header-mobile-04.jpg');
    height: 81vw;
  }
}

/* end dash motivation popup */

/**
 * begin impact
 */
.home-my-impact {
  color: var(--propeller-black);
  width: 100%;
  margin: 50px 0;
  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;
  /* for new impact: */
  display: none;
}

.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; */
  padding-bottom: 50px;
  margin-top:-40px;
}

.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; */
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.total-actions-icon img {
  object-fit: contain;
  width: 100%;
}

.total-actions-label {
  font-family: var(--propeller-title);
  /* font-family: 'Chantal Medium', sans-serif; */
  font-size: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  /* color: #49d6ef; */
  color: white;
  text-align: center;
  font-weight: 600;
}

.total-actions-count {
  /* font-family: neue-haas-grotesk-display, sans-serif; */
  font-family:"lores-9-narrow";
  font-weight: 900 !important;
  font-size: 12rem;
  /* color: #49d6ef; */
  color: white;
  margin-top: -120px;
}

@media (max-width: 1000px) {
  .impact-count {
    font-size: 4rem;
  }

  .impact-label {
    font-size: 1.2rem;
  }

  .total-actions-count {
    font-size: 4.5rem !important;
  }

  .total-actions-label {
    font-size: 1.9rem;
    margin-top: -30px;
  }
}
.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: 0 20px;
  }

  .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 */

/* New impact section */
.home-my-impact {

}

.home-my-impact h2 {
  text-align: center;
  color: var(--propeller-black);
  font-family: var(--propeller-title);
  font-size: 40px;
  text-transform: uppercase;
  margin: 0 auto;
}

.home-my-impact h3 {
  font-weight: 400;
  text-align: center;
  font-size: 25px;
  font-family: var(--propeller-text);
  margin-top: 5px;
}

.impact-profile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border: var(--propeller-buttonborder);
  border-radius: 10px;
  padding: 20px 30px;
  margin: 10px auto 0;
  width: 90%;
  max-width: 1200px;
}

.impact-profile img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.impact-profile-info {
  margin: 0 40px 0 20px;
  text-align: left;
  font-weight: 600;
}

.my-impact-stat {
  margin: 0 15px;
}

.home-my-impact .impact-label {
  font-family: var(--propeller-text);
  text-transform: capitalize;
  opacity: 0.8;
  font-size: 15px;
  margin-top: -2px;
}

.home-my-impact .impact-count {
  font-size: 40px;
  font-family: var(--propeller-title);
}

.home-my-impact a {
  color: var(--propeller-purple);
  text-decoration: underline;
}

.home-total-actions h3 {
  text-align: center;
  font-family: var(--propeller-title);
  font-size: 50px;
  line-height: 55px;
  margin: 0px auto 60px;
  max-width: 780px;
  position: relative;
  z-index: 10;
}

.home-total-actions h3 span {
  color: var(--propeller-pink);
}

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

  .impact-profile-info {
    text-align: center;
    margin: 8px auto;
  }

  .home-my-impact .impact-label {
    margin: 0 auto 8px;
  }

  .home-total-actions h3 {
    padding: 0 20px;
    font-size: 40px;
    line-height: 44px;
    margin: -30px auto 50px;

  }
}

/**
* 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;
}


.body-page-17840 .campaign-card-new-image {
  height: 350px;
}

.body-page-17840 .campaign-card-title {
  font-size: 22px;
}

.body-page-17840 .slick-current .campaign-card-desc-text,
.body-page-17840 .campaign-card-desc-text  {
  width: 90% !important;
  font-size: 15px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 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;
}

.lbpremierBadge {
  background-image: url('../images/propellerpremier-logo-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  display: inline-block;
}

@media screen and (max-width: 500px) {
  .lbpremierBadge {
    width: 20px;
    height: 20px;
  }
}

.climate_leaderboard_name {
  width: 300px;
  padding-left: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.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: center;
}

.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;
  }

  .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;
}

/* Unstyled Campaigns */
/* Custom Pages rely on below */
.body_campaigns {
  /* overflow-x: hidden; */
}

/* header - test */
.body_campaigns .stewards-new .short-description {
  /* display: none; */
  margin-top: 0 !important;
}

.body_campaigns .small_swiper {
  margin-top: 41px;
}

.art-vidhead-desktop iframe {
  height: 100% !important;
}

.body_campaigns .art-vidhead-desktop {
  height: 27vw !important;
  width: 100% !important;
  margin-top: -44px !important;
}

@media screen and (max-width: 650px) {
  .body_campaigns .small_swiper {
    margin-top: -3px;
  }
}
/* end header */



.body_campaigns p img {
  width: auto;
}

/* Don't display completed actions in rows */
.body_campaigns .completedAction {
  display: none !important;
}

.body_campaigns .type-causes.completedAction {
  display: block !important;
}
/* show completed actions in admin unlocking actions row */
.body_campaigns .carousel-UnlockingActions .completedAction {
  display: block !important;
}

@media screen and (min-width: 650px) {
  .body_campaigns .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.FullCarousel .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.FullCarousel .card-new-container {
    transform: scale(1);
  }

  .body_campaigns .featuredActionsWrapper {
    padding-bottom: 30px;
  }
/* 
  .body_campaigns .featuredActionsWrapper .slick-arrow {
    margin-top: 229px;
  }

  .body_campaigns .featuredActionsWrapper .slick-prev {
    left: 10px;
  }

  .body_campaigns .featuredActionsWrapper .slick-next {
    right: -3px;
  } */
}

@media screen and (max-width: 375px) {
  .body_campaigns .featuredActionsWrapper .campaign-card-new-image {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

/* hide hidden leaders */
.body_campaigns .carousel-Leaders .ishidden-1 {
  /* display: none; */
}

.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);
  }

}

/* Header Fix Giving Tuesday */
@media screen and (max-width: 650px) {
  .body-page-22494 .adaptive-header{
    height: auto;
  }
}


/* campaign widgets */
.body_campaigns.body-view-iframe .headers-wrap,
.body_campaigns.body-view-iframe .header_push,
.body_campaigns.body-view-iframe .page-campaigns,
.body_campaigns.body-view-iframe .page-footer,
.body_campaigns.body-view-iframe .alert,
.body_campaigns.body-view-iframe .footer,
.body_campaigns.body-view-iframe .push,
.body_campaigns.body-view-iframe .adaptive-header-image.-mobile {
  display: none !important;
}

.body_campaigns.body-view-iframe .adaptive-header {
  height: 100%;
}

.body_campaigns.body-view-iframe .adaptive-header-image.-desktop {
 display: block !important;
 width: auto;
 height: 100%;
 max-height: 100%;
 background-size: contain;
 background-position: center top;
}

.body_campaigns.body-view-iframe .campWidgetLink {
  position: absolute;
  display: block !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* New Standard for Custom Campaign Pages */
/* standard-page-style class for non custom pages */
.body_campaigns.standard-style .campaign_headline_big {
  font-size: 35px;
  text-transform: capitalize;
  text-align: center;
}

.body_campaigns.standard-style .submit_button {
  background-color: var(--propeller-black) !important;
  background-image: none;
  color: var(--propeller-white) !important;
  font-family: var(--propeller-title);
  font-weight: 900;
  font-size: 20px;
  border-radius: 30px;
  padding: 10px 25px;
  height: auto;
  border: var(--propeller-buttonborder);
  display: inline-block;
  width: auto;
  margin: 15px auto;
  text-decoration: none !important;
}

.body_campaigns.standard-style .home-header-row {
  border-bottom: none;
}

.body_campaigns.standard-style .home-header-row .home-header {
  font-size: 46px;
}

.body_campaigns.standard-style .col3.right,
.body_campaigns.standard-style .col2.left {
  width: auto;
}

.body_campaigns.standard-style .col2.left {
  max-width: 800px;
  margin: 0 auto;
  padding: 25px;
  float: unset;
}

.body_campaigns.standard-style .col3.right {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 25px;
  float: unset;
}

.body_campaigns.standard-style .col2.w75 {
  width: 100%;
}

.body_campaigns.standard-style .short-description {
  text-align: center;
}

.body_campaigns.standard-style .campaign-body a {
  color: var(--propeller-purple);
  font-weight: 600;
  text-decoration: underline;
}

@media screen and (max-width: 650px) {
  .body_campaigns.standard-style .home-header-row .home-header {
    font-size: 38px;
  }
}

/* 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; */
  top: -145px;
}

@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;
  margin-top: -40px;
}


.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;
  background-image: url('../images/portal-textured-background.jpg');
  min-height: 580px;
  order: 3;
}

.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-new-bg-experiences .card-new-info {
  margin-top: 0;
}

.page-19210 #PrizesWrapper .slick-track .card-propel .card-new-info {
  margin-top: 0px !important;
}

.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: -250px;
  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: 90%;
  left: 5%;
  border-radius: 40px;
  height: 50px;
  background-color: #FAB704;
  position: fixed;
  bottom: 10px;
  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;
    left: unset;
    bottom: 20px;
    border-radius: 40px;
  }

  .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;
  background-image: url('../images/portal-moreactions-background-flipped.jpg');  background-size: cover;
  height: 700px;
  padding-bottom: 15px;
  order: 1;
}

.page-19210 .featuredActionsWrapper {
  order: 2;
  width: 100%;
  background-image: url('../images/portal-moreactions-background2.jpg');
  background-size: cover;
  height: 730px;
  padding-bottom: 15px;
}


.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: 0px; */
  width: 100%;
}

.page-19210 .featuredActionsWrapper:nth-child(1) {
  top: -100px;
}

.page-19210 .featuredActionsWrapper:nth-child(3) {
  top: -130px;
}

.page-19210 .featuredActionsWrapper:nth-child(5) {
  top: -155px;
}

.page-19210 #TakeActionWrapper {
  top: -225px;
}

.page-19210 #PrizesWrapper {
  top: -230px;
}



@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: 120px;
  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 !important;
  }

  .page-19210 #PrizesWrapper .card-new-info {
    margin-top: -80px !important;
  }
}

.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: 15px;
  height: 84px;
}

.page-19210 #TakeActionWrapper .card-new-info-container,
.page-19210 .featuredActionsWrapper .card-new-info-container {
  -webkit-line-clamp: unset;
}

.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: 60px;
  }

  .page-19210 .portal-intro-cont-u {
    position: relative;
    height: 100%;
    margin-top: 0;
  }

  .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: -22px;
    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: 0px;
  }

  .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 .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 .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 */


/* Portal actions pages, cause page */
/* .body-page-17564 {
  background-image: url('../images/portal-textured-background.jpg');
  background-position: center top;
}

.body-page-17564 .causes_new.cause- {
  padding-top: 0;
}

.body-page-17564 .cause-feeds-wrapper-inner .section_title {
  color: white;
}

.body-page-17564 .cause-feeds-wrapper-inner .underline {
  background-color: white;
}

.body-page-17564 .cause-feeds-wrapper-inner .flickity-button {
  background-color: transparent;
}

.body-page-17564 .causes_new_grid {
  width: 90%;
}

@media screen and (min-width: 1000px) {
  .body-page-17564 .cause-feeds-wrapper-inner .flickity-prev-next-button.next {
    right: -60px;
  }
} */

/* 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;
  margin-bottom: 100px;
  margin-top: 0px !important;
} */

/* fix portal discover join page */
/* .body-page-17564.discover-action .causes_new {
  padding: 30px;
  padding-top: 10px;
  margin-bottom: 100px;
  margin-top: 30px !important;
}
.body-page-17564.discover-action .discover-action-head-top {
  margin-top:-30px !important;
}

.body-page-17564 .container {
  max-width: unset;
}

.body-page-17564 .body_causes .causes_new.rewards .bg_white {
  background-color: transparent;
}

.body-page-17564 .causes_new .cause_new_donate_line {
  border-bottom: 2px solid white;
}

.body-page-17564 .body_causes .watch_action_inner {
  background-color: transparent;
}

.body-page-17564.body_causes .bg_white {
  background-color: transparent !important;
}

.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: black;
}

.body-page-17564.body_causes .watch_action_inner .action_descriptionX {
  background-color: transparent;
}

.body-page-17564 .amount_readout {
  background-color: transparent;
  color: #e4f2f7;
}

.body-page-17564 .ital.txt_grey1.padB3.txt_14.padT2 {
  color: white;
  padding-left: 20px;
}

@media screen and (min-width: 650px) {
  .body-page-17564 .ital.txt_grey1.padB3.txt_14.padT2 {
    padding-left: 30px;
  }
}

.body-page-17564 .cause_stats_cont .causes_new {
  padding: 0;
  margin: 0;
}

.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;
}

.body-page-17564.body_causes .actionDisclaimer a {
  color: #3BA4C9;
  text-decoration: underline;
}

.body-page-17564 .cause-feeds-wrapper-inner {
  display: none;
} */

/* 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;
  }

}









/* AUCTION ITEMS */

/* remove header fix */
.body_causes .rewards.causes_new  {
  margin-top: 50px;
}

.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;
  padding-top: 0;
}

.body_causes .odometer-inside,
.body_causes .nav-update-points,
.body_causes .odometer-digit .odometer-value,
.body_causes .header_white .hamburger .icon-hamburger,
.body_causes .logo .propeller,
.body_causes .icon-propeller2  {
  /* color: #3d3d3d !important; */
}

.causes_new .action_inner .center.img_100 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}




/* 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 .campaign-feeds-custom-rows {
  order: 2;
}
.page-20985 .campaign-feeds-custom-rows br {
  display: none;
}

.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 */

@keyframes movetoY0 {
  to {
    transform: translateY(0px);
  }
}

/* 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 .campaign-feeds-custom-rows {
  order: 2;
}
.page-21234 .campaign-feeds-custom-rows br {
  display: none;
}

.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 .campaign-feeds-custom-rows {
  order: 2;
}
.page-21452 .campaign-feeds-custom-rows br {
  display: none;
}

.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 .campaign-feeds-custom-rows {
  order: 2;
}
.page-21561 .campaign-feeds-custom-rows br {
  display: none;
}

.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 .campaign-feeds-custom-rows {
  order: 2;
}
.page-21562 .campaign-feeds-custom-rows br {
  display: none;
}

.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 .campaign-feeds-custom-rows {
  order: 2;
}
.page-21605 .campaign-feeds-custom-rows br {
  display: none;
}

.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 .campaign-feeds-custom-rows {
  order: 2;
}
.page-21924 .campaign-feeds-custom-rows br {
  display: none;
}

.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 .campaign-feeds-custom-rows {
  order: 1;
}
.page-21936 .campaign-feeds-custom-rows br {
  display: none;
}

.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 */



/* Artist Profile Mockup - 22215 */
.body-page-22215 {
  /* color & font vars */
  --ap-yellow: #ffbb22;
  --ap-orange: #ff7664;
  --ap-green: #13e7b1;
  --ap-lightpink: #ff80bc;
  --ap-lightblue: #00b2c6;
  --ap-purple: #8348ee;
  --ap-darkpink: #ff43d0;
  --ap-darkblue: #0067ff;

  --ap-mark: 'MarkOT-Medium', sans-serif;
  --ap-pres: 'Presicav Bold', sans-serif;
  --ap-chantal: 'Chantal Medium', sans-serif;

  --ap-bee: 'Bee Four', sans-serif;
  --ap-condBold: 'Roc Grotesk Condensed Bold', sans-serif;
  --ap-ewBold: 'Roc Grotesk ExtraWide Bold', sans-serif;
  --ap-ewBlack: 'Roc Grotesk ExtraWide Black', sans-serif;
  --ap-medium: 'Roc Grotesk 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: 4;
}

.page-22215 .campaign-feeds-custom-rows {
  order: 4;
}

.page-22215 #PrizesWrapper {
  order: 3;
}

.page-22215 #TakeActionWrapper {
  order: 2;
}

.page-22215 .climate_container {
  order: 1;
}

/* desc */

.ap-desc {
  width: 100%;
  margin-top: 55px;
}

.ap-desc .lizzo-logo {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  object-fit: contain;
  margin-top: -250px;
  margin-bottom: 120px;
  position: relative;
}

.art-lizzo-vidhead-mobile {
  /* margin-top: -10px; */
  height: 650px;
  overflow: hidden;
  padding: 0;
  position: relative;
  display: block;
}

.art-lizzo-vidhead-desktop {
  /* margin-top: -10px; */
  height: 650px;
  overflow: hidden;
  padding: 0;
  position: relative;
  display: none;
}

.art-vid-head-cont {
  height: 100%;
}

.art-lizzo-vidhead-mobile iframe {
  box-sizing: border-box;
  height: 56.25vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50% !important;
  width: 177.77777778vh !important;
}

.art-lizzo-vidhead-desktop iframe {
  box-sizing: border-box;
  height: 56.25vw !important;
  left: 50% !important;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50% !important;
  width: 177.77777778vh !important;
}

.ap-desc-bottom {
  width: 100%;
  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-condBold);
  color: white;
  /* position: absolute; */
  padding: 0px 15px;
  font-size: 43px;
  margin-top: -40px;
  margin-bottom: -20px;
  text-transform: uppercase;
  line-height: 45px;
}

@media screen and (max-width: 650px) {
  .ap-desc-bottom p {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

/* @keyframes lizzoBubble {
  to {
    margin-top: 0px;
    transform: scale(1.5);
  }
} */

/* carousels */
.page-22215 .featuredActionsWrapper {
  /* margin-top: 200px; */
  padding-bottom: 80px;
  margin-bottom: 50px;
}

.page-22215 .featuredActionsWrapper.FullCarousel {
  margin-bottom: 0px;
}

.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;


 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: white;
  font-size: 140px;
  font-weight: 100;
  text-align: center;
  font-family: var(--ap-bee);
  margin: 0px 0px -60px 0px;
}

.page-22215 #TakeActionWrapper .carouselTitle,
.page-22215 #PrizesWrapper .carouselTitle {
  color: transparent;
  font-size: 1px;
}

.page-22215 #TakeActionWrapper .carouselTitle::after {
  color: white;
  display: block;
  content: 'TAKE ACTION';
  font-size: 140px;
  margin: 30px 0px -30px 0px;
}

.page-22215 #PrizesWrapper .carouselTitle::after {
  color: white;
  display: block;
  content: 'REWARDS';
  font-size: 140px;
  margin: 0px 0px -30px 0px;
}

/* cards */
.page-22215 .card-new-container {
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
}

.page-22215 .card-new {
  background-color: black;
  padding: 8px;
  margin-bottom: 0px;
  border-radius: 0px;
}

.page-22215 .card-new-info-container {
  -webkit-line-clamp: 4;
}

.page-22215 #TakeActionWrapper .card-new-container {
  background-color: var(--ap-green);
}

.page-22215 #TakeActionWrapper .card-new {
  background-color: var(--ap-lightpink);
}

.page-22215 #PrizesWrapper .card-new-container {
  background-color: var(--ap-yellow);
}

.page-22215 #PrizesWrapper .card-new {
  background-color: var(--ap-darkpink);
}

.page-22215 .featuredActionsWrapper .card-new-container {
  background-color: var(--ap-darkblue);
}

.page-22215 .featuredActionsWrapper .card-new {
  background-color: var(--ap-lightpink);
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-container,
.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new {
  background-color: transparent;
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-bar {
  background-color: black;
  padding: 15px 0 0 0;
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-icon-box {
  display: none;
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-description-box {
  margin-left: 0;
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-description {
  color: var(--ap-green);
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 1px;
  visibility: hidden;
  text-align: left;
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-description::before {
  content: 'READ';
  font-size: 25px;
  visibility: visible;
  font-family: var(--ap-ewBlack);
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-info {
  padding: 0px;
}

.page-22215 .card-new-image {
  background-color: white;
}

.page-22215 .card-new-bar {
  margin-top: -2px;
}

.page-22215 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-22215 .featuredActionsWrapper:after {
  content: var(--more-content);
  font-family: var(--ap-ewBold);
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  color: white;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 58px;
}

.page-22215 #PrizesWrapper {
  --more-content: ' MORE ';
}

.page-22215 #PrizesWrapper:after {
  content: ' MORE ';
  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/artist-green-leftarrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 50px;
}

.page-22215 .featuredActionsWrapper .slick-next {
  background-image: url('../images/artist-green-rightarrow.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 50px;
}

.page-22215 #TakeActionWrapper .slick-prev {
  background-image: url('../images/artist-purple-leftarrow.png');
}

.page-22215 #TakeActionWrapper .slick-next {
  background-image: url('../images/artist-purple-rightarrow.png');
}

.page-22215 #PrizesWrapper .slick-prev {
  background-image: url('../images/artist-blue-leftarrow.png');
}

.page-22215 #PrizesWrapper .slick-next {
  background-image: url('../images/artist-blue-rightarrow.png');
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .slick-prev {
  background-image: url('../images/artist-pink-leftarrow.png');
}

.page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .slick-next {
  background-image: url('../images/artist-pink-rightarrow.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; */
  }

  .page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-description {
    padding-left: 0;
  }

  .page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-bar {
    padding: 15px 0 0 0 !important;
  }

  .page-22215 .campaign-feeds-custom-rows .featuredActionsWrapper:nth-child(3) .card-new-info {
    padding: 0 !important;
  }
}

@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-image: url('../images/artist-impact-bars.gif'); */
  background-image: url('../images/impact-bolts.gif');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: -30px;
  max-width: 1800px;
}

.page-22215 .climate_heading {
  color: transparent;
  background-color: transparent !important;
  margin-bottom: 30px;
  width: 100%;
  height: 70px;
  /* transform: scale(0.5); */
}

.page-22215 .climate_heading::after {
  content: 'IMPACT';
  font-family: var(--ap-bee);
  font-size: 140px;
  color: black;
  display: block;
  text-align: center;
  font-weight: 100;
  margin-top: -50px;
}

.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: black;
  font-family: var(--ap-condBold);
}

@media screen and (max-width: 550px) {
  .page-22215 .climate_impact_number {
    font-size: 60px;
  }

  .page-22215 #money_raised .climate_impact_number::after,
  .page-22215 #actions_generated .climate_impact_number::after,
  .page-22215 #total_participants .climate_impact_number::after {
    font-size: 60px !important;
  }

  .page-22215 .climate_impact_number_box {
    width: 100% !important;
  }
}

.page-22215 #money_raised .climate_impact_number,
.page-22215 #actions_generated .climate_impact_number,
.page-22215 #total_participants .climate_impact_number {
  visibility: hidden;
  font-size: 1px;
  display: block;
}

.page-22215 #money_raised .climate_impact_number::after {
  content: '$124,885';
  visibility: visible;
  font-size: 70px;
}

.page-22215 #actions_generated .climate_impact_number::after {
  content: '108,089';
  visibility: visible;
  font-size: 70px;
}

.page-22215 #total_participants .climate_impact_number::after {
  content: '38,106';
  visibility: visible;
  font-size: 70px;
}

.page-22215 .climate_impact_number_bg {
  background-color: transparent;
}

.page-22215 .climate_impact_label {
  font-family: var(--ap-condBold);
  color: black;
  border-bottom: 4px solid black;
  font-size: 30px;
  margin: 0 15px;
}

.page-22215 #total_participants .climate_impact_label {
  visibility: hidden;
  font-size: 1px;
}

.page-22215 #total_participants .climate_impact_label::after {
  font-size: 30px;
  content: 'SUPPORTERS';
  visibility: visible;
}

/* Causes */
.ap-causes h2 {
  font-family: var(--ap-bee);
  font-size: 140px;
  text-align: center;
  color: white;
  font-weight: 100;
}

.ap-causes-cont {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.ap-causes-cont img {
  width: 100%;
  max-width: 280px;
  object-fit: contain;
}

/* How it works */
.ap-hiw {
  width: 100%;
  padding-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

.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*/
  font-size: 140px;
  color: black;
  font-family: var(--ap-bee);
  font-weight: 100;
  margin: 30px auto -35px auto;
  text-align: center;
  padding-top: 20px;
  /* transform: scale(0.5); */
}

.ap-hiw-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}

.ap-hiw-sec {
  margin: 0px auto;
  width: 320px;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ap-hiw-sec:nth-child(1) {
  background-image: url('../images/artist-actions.gif');
}

.ap-hiw-sec:nth-child(2) {
  background-image: url('../images/artist-points.gif');
}

.ap-hiw-sec:nth-child(3) {
  background-image: url('../images/artist-prizes.gif');
}

.ap-hiw-sec h2 {
  font-family: var(--ap-condBold);
  font-size: 85px;
  line-height: 85px;
  color: white;
  text-align: center;
  text-shadow: -1px -1px 0 black,
  1px -1px 0 black,
  -1px 1px 0 black,
  1px 1px 0 black;
}

.ap-hiw-sec p {
  font-family: var(--ap-condBold);
  font-size: 25px;
  color: black;
  text-align: center;
  padding: 0px 20px;
}

/* Desktop */
@media screen and (min-width: 650px) {
  .ap-desc {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }

  .ap-desc p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .ap-desc .lizzo-logo {
    margin-top: -300px;
  }

  .art-lizzo-vidhead-desktop {
    display: block;
    margin-top: -100px;
  }

  .art-lizzo-vidhead-mobile {
    display: none;
  }

  .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;
  }

  .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;
    background-size: contain;
  }

  .page-22215 .climate_heading {
    margin-bottom: 50px;
  }

  .page-22215 .climate_heading::after {
    margin-top: -100px;
  }

  .page-22215 .climate_impact_label {
    border-bottom: none;
    padding-bottom: 0px;
  }

  .page-22215 .climate_impact_stat {
    border-right: 4px solid black;
    padding: 55px 0px;
  }

  .page-22215 .climate_impact_stat:nth-child(3) {
    border-right: none;
  }

}

@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 */


/* Video Header Test */
.body-page-22234,
.page-22234 {
  width: 100%;
  max-width: 100%;
}

.body-page-22234 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22234 .header {
  padding: 0px 30px;
}

.header-page-22234 .header_right {
  width: auto;
}

.body-page-22234 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22234 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22234 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22234 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22234 .wGutter.right {
  display: none;
}

.body-page-22234 .col2  {
  display: none;
}

.body-page-22234 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22234 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22234 .small_swiper {
  display: none;
}

.page-22234 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22234 .container,
.body-page-22234 .container {
  max-width: 100%;
  width: 100%;
}

.page-22234 {
  position: relative;
  z-index: 1;
}

.page-22234 .climate_container {
  display: none;
}

/* video header */

.video-header {
  margin-top: -45px;
  position: relative;
  height: 650px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.vidhead-iframe-cont {
  height: 100%;
}

.video-header iframe {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.77777778vh;
}

.vid-head-text {
  position: absolute;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  top: 300px;
  left: calc(50% - 125px);
  color: white;
  font-size: 40px;
}



/* Blake Shelton Campaign - 22450 */

.body-page-22450 {
  /* color & font vars */
  --bs-yellow: #fabf48;
  --bs-black: #090e1b;

  --bs-council: 'Council OT Regular';
  --bs-ramaReg: 'Rama Slab E Regular';
  --bs-ramaSB: 'Rama Slab E SemiBold';
  --bs-brothers: 'Brothers OT Regular';

  background: var(--bs-black);
}

.body-page-22450,
.page-22450 {
  width: 100%;
  max-width: 100%;
}

.body-page-22450 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22450 .header {
  padding: 0px 30px;
}

.header-page-22450 .header_right {
  width: auto;
}

.body-page-22450 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22450 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22450 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22450 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22450 .wGutter.right {
  display: none;
}

.body-page-22450 .col2  {
  display: none;
}

.body-page-22450 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22450 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22450 .small_swiper {
  display: none;
}

.page-22450 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22450 .container,
.body-page-22450 .container {
  max-width: 100%;
  width: 100%;
}

.body-page-22450 .climate_container {
  display: none;
}

.page-22450 {
  position: relative;
  z-index: 1;
}

/* order */
.page-22450 #TakeActionWrapper {
  order: 1;
}

.page-22450 .campaign-feeds-custom-rows {
  order: 2;
}
.page-22450 .campaign-feeds-custom-rows br {
  display: none;
}

.page-22450 #PrizesWrapper {
  order: 3;
}

/* hub */
.page-22450.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-22450.campaign-locked #PrizesWrapper,
.page-22450 #PrizesWrapper {
  display: block !important;
}

.page-22450.campaign-locked ~ .page-footer .bs-start {
  display: block !important;
  visibility: visible !important;
}

/* desc */
.bs-desc {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

.bs-desc p {
  color: white;
  font-family: var(--bs-ramaReg);
  text-align: center;
  font-size: 35px;
  line-height: 38px;
  padding: 0px 20px;
  margin-bottom: 0;
}

.bs-desc img {
  max-width: 400px;
  width: 80%;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

/* carousels */
.page-22450 .featuredActionsWrapper {
  padding-bottom: 100px;
}

.page-22450 .featuredActionsWrapper .home-header {
  text-align: center;
  font-weight: 100;
}

.page-22450 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
}

.page-22450 .featuredActionsWrapper .carouselTitle {
  color: var(--bs-yellow);
  font-family: var(--bs-council);
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 100;
  text-align: center;
}

.page-22450 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
}

.page-22450 #PrizesWrapper .carouselTitle::after {
  content: 'WHAT YOU CAN WIN';
  visibility: visible;
  font-size: 60px;
  display: block;
}

/* cards */
.page-22450 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  background-image: url('../images/blake-shelton-neon-frame.png');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 15px;
}

.page-22450 .featuredActionsWrapper .card-propel,
.page-22450 .featuredActionsWrapper .card-new {
  background-color: transparent !important;
}

.page-22450 .featuredActionsWrapper .card-new-icon-box,
.page-22450 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-22450 .featuredActionsWrapper .card-new-description-box {
  margin-left: 0;
}

.page-22450 .featuredActionsWrapper .card-new-bar {
  padding: 0;
}

.page-22450 .featuredActionsWrapper .card-new-bg-causes ~ .card-new-info .card-propel-title::before {
  content: 'Donate to';
  /* display: block; */

}

.page-22450 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: white;
  font-size: 40px;
  font-family: var(--bs-ramaSB);
}

.page-22450 .featuredActionsWrapper .card-new-points {
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: white;
  font-size: 40px;
  font-family: var(--bs-ramaSB);
}

.page-22450 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-22450 #PrizesWrapper .card-new-points:after,
.page-22450 .featuredActionsWrapper .card-new-bg-donation .card-new-points:after,
.page-22450 .featuredActionsWrapper .card-new-bg-points .card-new-points:after {
  content:'';
}

.page-22450 .featuredActionsWrapper .card-new-info {
  background-color: transparent !important;
}

.page-22450 .featuredActionsWrapper .card-new-image {
  transform: scale(0.9);
}

.page-22450 .card-new-info-container {
  margin-top: -20px;
  font-family: var(--bs-ramaReg);
  text-align: center;
  font-weight: 100;
  font-size: 25px;
  line-height: 27px;
  height: 80px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-22450 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-22450 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 0px !important;
  }

  .page-22450 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
  }

  .page-22450 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    /* padding-left: 10px; */
  }
}

@media screen and (min-width: 451px) {
  .page-22450 .featuredActionsWrapper .slick-arrow {
    margin-top: 300px !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-22450 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-22450 .featuredActionsWrapper .slick-arrow {
    margin-top: 270px !important;
  }

  .page-22450 .featuredActionsWrapper .card-new-points,
  .page-22450 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22450 .featuredActionsWrapper .card-auction-price {
    font-size: 29px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-22450 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-22450 .featuredActionsWrapper .slick-arrow {
    margin-top: 255px !important;
  }

  .page-22450 .featuredActionsWrapper .card-new-points,
  .page-22450 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22450 .featuredActionsWrapper .card-auction-price {
    font-size: 25px;
  }

  .page-22450 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

.page-22450 .featuredActionsWrapper:after {
  content: ' MORE ';
  font-family: var(--bs-brothers);
  color: white;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  margin-top: 60px;
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}

.page-22450 #TakeActionWrapper:after {
  content: ' MORE\A ACTIONS ';
  margin-top: 45px;
}

.page-22450 #PrizesWrapper:after {
  content: ' MORE\A PRIZES ';
  margin-top: 45px;
}

.page-22450 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 300px;
  width: 100px;
  height: 70px;
  z-index: 8;
}

.page-22450 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/blake-shelton-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 50px;
}

.page-22450 .featuredActionsWrapper .slick-next {
  background-image: url('../images/blake-shelton-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 50px;
}

/* HIW */
.bs-hiw h1 {
  color: var(--bs-yellow);
  font-family: var(--bs-council);
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 100;
  text-align: center;
}

.bs-hiw-cont {
  display: flex;
  flex-direction: column;
}

.bs-hiw-sec {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

.bs-hiw-sec img {
  width: 100%;
  max-width: 350px;
  height: auto;
  object-fit: contain;
}

.bs-hiw-sec p {
  color: white;
  font-family: var(--bs-ramaReg);
  text-align: center;
  font-size: 28px;
  line-height: 30px;
}

@media screen and (min-width: 880px) {
  .bs-hiw-cont {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .bs-hiw-sec img {
    height: 320px;
  }
}

/* start button */
.bs-start {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  visibility: hidden;
}

.bs-start img {
  object-fit: contain;
  height: auto;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/* tour */
.bs-tour {
  padding-top: 40px;
}

.bs-tour img {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  height: auto;
  object-fit: contain;
}

.bs-tour-mobile {
  display: block;
}

.bs-tour-desktop {
  display: none;
}

/* partners */
.bs-partners {
  padding-top: 30px;
}

.bs-partners h1 {
  color: var(--bs-yellow);
  font-family: var(--bs-council);
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 100;
  text-align: center;
}

.bs-partners img {
  margin-left: auto;
  margin-right: auto;
}

.bs-partners p {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 28px;
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding: 0px 20px;
}

/* Desktop */
@media screen and (min-width: 650px) {
  .bs-desc {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 900px;
  }

  .page-22450 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 200px);
  }

  .page-22450 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 200px);
  }

  .page-22450 .campaign-feeds-custom-rows {
    margin-top: 50px;
  }

  .bs-start {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 320px;
    visibility: visible;
  }

  .bs-tour-mobile {
    display: none;
  }

  .bs-tour-desktop {
    display: block;
  }
}

/* End Blake Shelton Campaign - 22450 */

/* Blake Shelton Tour Dates */
.body-page-22554 {
  /* color & font vars */
  --bs-yellow: #fabf48;
  --bs-black: #090e1b;

  --bs-council: 'Council OT Regular';
  --bs-ramaReg: 'Rama Slab E Regular';
  --bs-ramaSB: 'Rama Slab E SemiBold';
  --bs-brothers: 'Brothers OT Regular';

  background: var(--bs-black);
}

.body-page-22554,
.page-22554 {
  width: 100%;
  max-width: 100%;
}

.body-page-22554 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22554 .header {
  padding: 0px 30px;
}

.header-page-22554 .header_right {
  width: auto;
}

.body-page-22554 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22554 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22554 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22554 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22554 .wGutter.right {
  display: none;
}

.body-page-22554 .col2  {
  display: none;
}

.body-page-22554 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22554 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22554 .small_swiper {
  display: none;
}

.page-22554 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22554 .container,
.body-page-22554 .container {
  max-width: 100%;
  width: 100%;
}

.body-page-22554 .climate_container {
  display: none;
}

.page-22554 {
  position: relative;
  z-index: 1;
}

/* desc */
.bs-td-desc {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 25px;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* dates */
.bs-td-cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bs-td-sec {
  margin: 20px;
  width: 240px;
}

.bs-td-sec h2 {
  color: white;
  font-family: var(--bs-ramaSB);
  font-size: 40px;
  margin: 0;
  padding: 0;
}

.bs-td-sec p {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 30px;
  margin: 0;
  padding: 0;
  padding-bottom: 18px;
}

.bs-td-sec a {
  color: var(--bs-yellow);
  font-family: var(--bs-council);
  font-size: 38px;
  border: 1px solid var(--bs-yellow);
  padding: 10px 20px;
}

/* End Blake Shelton Tour Dates */

/* Blake Shelton Earn A Ticket Page - 22551 */
/* https://www.propeller.la/rewards/22551/earn-a-pair-of-tickets-to-see-blake-shelton */
.body-page-22551 {
    /* color & font vars */
    --bs-yellow: #fabf48;
    --bs-black: #090e1b;

    --bs-council: 'Council OT Regular';
    --bs-ramaReg: 'Rama Slab E Regular';
    --bs-ramaSB: 'Rama Slab E SemiBold';
    --bs-brothers: 'Brothers OT Regular';

    background: var(--bs-black);
}

.body-page-22551 .action_rewards,
.body-page-22551 .action_inner {
  background-color: var(--bs-black);
}

.body-page-22551 .actionDetailsActionTitle {
  color: var(--bs-yellow);
  font-family: var(--bs-council);
  font-size: 50px;
  font-weight: 100;
}

.body-page-22551 .padB2 .txt_18,
.body-page-22551 .padB2 .txt_grey1 {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 22px;
}

.body-page-22551 .size_options .shop_sizes.submitButton {
  background-color: white;
  font-family: var(--bs-ramaSB);
  color: var(--bs-black);
}

.body-page-22551 .size_options .shop_sizes.submitButton div {
  font-size: 20px;
}

.body-page-22551 .size_options .submitButton.sb_rewards.hit {
  background-color: var(--bs-yellow);
  color: white;
}

.body-page-22551 .price_block h3 {
  color: var(--bs-yellow);
  font-family: var(--bs-ramaSB);
  font-size: 32px;
}

.body-page-22551 #buyRewardButton {
  background-color: var(--bs-yellow);
  color: var(--bs-black);
  font-family: var(--bs-council);
  font-size: 28px;
  font-weight: 100;
}

.body-page-22551 .padT1.wMblHideXX {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 20px;
  font-weight: 100;
}


/* Blake Shelton Custom Action Styling - 22493 */
/* https://propeller.la/user-content/22493/upload-a-video-talking-about-what-music-means-to-you */
.body-page-22493 {
  /* color & font vars */
  --bs-yellow: #fabf48;
  --bs-black: #090e1b;

  --bs-council: 'Council OT Regular';
  --bs-ramaReg: 'Rama Slab E Regular';
  --bs-ramaSB: 'Rama Slab E SemiBold';
  --bs-brothers: 'Brothers OT Regular';

  background: var(--bs-black);
}

.body-page-22493 .action_details_wrapper {
  background-color: var(--bs-black);
}

.body-page-22493 .action_detail.has_cause .action_cause .txt_grey1 {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 25px;
}

.body-page-22493 .action_inner {
  background-color: var(--bs-black);
  border: 3px solid var(--bs-yellow);
}

.body-page-22493 .action_detail .actionDetailsActionTitle {
  font-family: var(--bs-council);
  color: var(--bs-yellow);
  font-size: 40px;
  font-weight: 100;
}

.body-page-22493 .action_descriptionX {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size:25px;
}

.body-page-22493 .action_petition #signPetitionForm input,
.body-page-22493 .join_action_inner .action_join_container input {
  border: 1px solid var(--bs-yellow);
}

.body-page-22493 .user-image-upload,
.body-page-22493 .action-disclaimer {
  color: white;
  font-family: var(--bs-ramaReg);
}

.body-page-22493 .action-disclaimer {
  font-size: 20px !important;
}

.body-page-22493 .action_petition #signPetitionForm label {
  color: white;
}

.body-page-22493 .submitButton {
  background-image: none;
  background: var(--bs-yellow);
  color: black;
  font-size: 20px;
}

/* End Blake Shelton Action */

/* Blake Shelton Experience - 22458 */
/* Main Experience Page - https://propeller.la/blakeshelton2023 */
/* VIPS - https://propeller.la/onboarding/22540/blakeshelton-3-23-23 */
/* VIPS - https://design.propeller.la/onboarding/22512/blakeshelton-2-17-23 */


/* Main Experience page */
.body-page-22458,
/* VIP Experience Pages */
.body-page-22530,
.body-page-22532,
.body-page-22534,
.body-page-22536,
.body-page-22538,
.body-page-22540,
.body-page-22542,
.body-page-22544,
.body-page-22510,
.body-page-22512,
.body-page-22514,
.body-page-22516,
.body-page-22518,
.body-page-22520,
.body-page-22522,
.body-page-22524,
.body-page-22526,
.body-page-22528
{
  /* color & font vars */
  --bs-yellow: #fabf48;
  --bs-black: #090e1b;

  --bs-council: 'Council OT Regular';
  --bs-ramaReg: 'Rama Slab E Regular';
  --bs-ramaSB: 'Rama Slab E SemiBold';
  --bs-brothers: 'Brothers OT Regular';

  background-color: var(--bs-black);
}

.body-page-22458 .onboardContainer,
.body-page-22530 .onboardContainer,
.body-page-22532 .onboardContainer,
.body-page-22534 .onboardContainer,
.body-page-22536 .onboardContainer,
.body-page-22538 .onboardContainer,
.body-page-22540 .onboardContainer,
.body-page-22542 .onboardContainer,
.body-page-22544 .onboardContainer,
.body-page-22510 .onboardContainer,
.body-page-22512 .onboardContainer,
.body-page-22514 .onboardContainer,
.body-page-22516 .onboardContainer,
.body-page-22518 .onboardContainer,
.body-page-22520 .onboardContainer,
.body-page-22522 .onboardContainer,
.body-page-22524 .onboardContainer,
.body-page-22526 .onboardContainer,
.body-page-22528 .onboardContainer
{
  color: white;
}

.body-page-22458 .onboarding-ex-ta,
.body-page-22530 .onboarding-ex-ta,
.body-page-22532 .onboarding-ex-ta,
.body-page-22534 .onboarding-ex-ta,
.body-page-22536 .onboarding-ex-ta,
.body-page-22538 .onboarding-ex-ta,
.body-page-22540 .onboarding-ex-ta,
.body-page-22542 .onboarding-ex-ta,
.body-page-22544 .onboarding-ex-ta,
.body-page-22510 .onboarding-ex-ta,
.body-page-22512 .onboarding-ex-ta,
.body-page-22514 .onboarding-ex-ta,
.body-page-22516 .onboarding-ex-ta,
.body-page-22518 .onboarding-ex-ta,
.body-page-22520 .onboarding-ex-ta,
.body-page-22522 .onboarding-ex-ta,
.body-page-22524 .onboarding-ex-ta,
.body-page-22526 .onboarding-ex-ta,
.body-page-22528 .onboarding-ex-ta {
  font-family: var(--bs-ramaReg);
  color: white;
  font-size: 22px;
}

.body-page-22458 .onboarding-ex-title,
.body-page-22530 .onboarding-ex-title,
.body-page-22532 .onboarding-ex-title,
.body-page-22534 .onboarding-ex-title,
.body-page-22536 .onboarding-ex-title,
.body-page-22538 .onboarding-ex-title,
.body-page-22540 .onboarding-ex-title,
.body-page-22542 .onboarding-ex-title,
.body-page-22544 .onboarding-ex-title,
.body-page-22510 .onboarding-ex-title,
.body-page-22512 .onboarding-ex-title,
.body-page-22514 .onboarding-ex-title,
.body-page-22516 .onboarding-ex-title,
.body-page-22518 .onboarding-ex-title,
.body-page-22520 .onboarding-ex-title,
.body-page-22522 .onboarding-ex-title,
.body-page-22524 .onboarding-ex-title,
.body-page-22526 .onboarding-ex-title,
.body-page-22528 .onboarding-ex-title {
  font-family: var(--bs-council);
  font-weight: 100;
  font-size: 50px;
  color: var(--bs-yellow);
}

.body-page-22458 .onboarding-ex-specs,
.body-page-22530 .onboarding-ex-specs,
.body-page-22532 .onboarding-ex-specs,
.body-page-22534 .onboarding-ex-specs,
.body-page-22536 .onboarding-ex-specs,
.body-page-22538 .onboarding-ex-specs,
.body-page-22540 .onboarding-ex-specs,
.body-page-22542 .onboarding-ex-specs,
.body-page-22544 .onboarding-ex-specs,
.body-page-22510 .onboarding-ex-specs,
.body-page-22512 .onboarding-ex-specs,
.body-page-22514 .onboarding-ex-specs,
.body-page-22516 .onboarding-ex-specs,
.body-page-22518 .onboarding-ex-specs,
.body-page-22520 .onboarding-ex-specs,
.body-page-22522 .onboarding-ex-specs,
.body-page-22524 .onboarding-ex-specs,
.body-page-22526 .onboarding-ex-specs,
.body-page-22528 .onboarding-ex-specs {
  color: white;
  font-family: var(--bs-ramaReg);
}

.body-page-22458 .onboarding-ex-specs p,
.body-page-22530 .onboarding-ex-specs p,
.body-page-22532 .onboarding-ex-specs p,
.body-page-22534 .onboarding-ex-specs p,
.body-page-22536 .onboarding-ex-specs p,
.body-page-22538 .onboarding-ex-specs p,
.body-page-22540 .onboarding-ex-specs p,
.body-page-22542 .onboarding-ex-specs p,
.body-page-22544 .onboarding-ex-specs p,
.body-page-22510 .onboarding-ex-specs p,
.body-page-22512 .onboarding-ex-specs p,
.body-page-22514 .onboarding-ex-specs p,
.body-page-22516 .onboarding-ex-specs p,
.body-page-22518 .onboarding-ex-specs p,
.body-page-22520 .onboarding-ex-specs p,
.body-page-22522 .onboarding-ex-specs p,
.body-page-22524 .onboarding-ex-specs p,
.body-page-22526 .onboarding-ex-specs p,
.body-page-22528 .onboarding-ex-specs p {
  font-size: 25px;
}

.body-page-22458 .onboarding-ex-specs li,
.body-page-22530 .onboarding-ex-specs li,
.body-page-22532 .onboarding-ex-specs li,
.body-page-22534 .onboarding-ex-specs li,
.body-page-22536 .onboarding-ex-specs li,
.body-page-22538 .onboarding-ex-specs li,
.body-page-22540 .onboarding-ex-specs li,
.body-page-22542 .onboarding-ex-specs li,
.body-page-22544 .onboarding-ex-specs li,
.body-page-22510 .onboarding-ex-specs li,
.body-page-22512 .onboarding-ex-specs li,
.body-page-22514 .onboarding-ex-specs li,
.body-page-22516 .onboarding-ex-specs li,
.body-page-22518 .onboarding-ex-specs li,
.body-page-22520 .onboarding-ex-specs li,
.body-page-22522 .onboarding-ex-specs li,
.body-page-22524 .onboarding-ex-specs li,
.body-page-22526 .onboarding-ex-specs li,
.body-page-22528 .onboarding-ex-specs li {
  font-size: 22px !important;
}

.body-page-22458 .onboard-ex-h3-desktop,
.body-page-22530 .onboard-ex-h3-desktop,
.body-page-22532 .onboard-ex-h3-desktop,
.body-page-22534 .onboard-ex-h3-desktop,
.body-page-22536 .onboard-ex-h3-desktop,
.body-page-22538 .onboard-ex-h3-desktop,
.body-page-22540 .onboard-ex-h3-desktop,
.body-page-22542 .onboard-ex-h3-desktop,
.body-page-22544 .onboard-ex-h3-desktop,
.body-page-22510 .onboard-ex-h3-desktop,
.body-page-22512 .onboard-ex-h3-desktop,
.body-page-22514 .onboard-ex-h3-desktop,
.body-page-22516 .onboard-ex-h3-desktop,
.body-page-22518 .onboard-ex-h3-desktop,
.body-page-22520 .onboard-ex-h3-desktop,
.body-page-22522 .onboard-ex-h3-desktop,
.body-page-22524 .onboard-ex-h3-desktop,
.body-page-22526 .onboard-ex-h3-desktop,
.body-page-22528 .onboard-ex-h3-desktop {
  color: white;
  font-family: var(--bs-ramaSB);
  font-size: 25px;
}

.body-page-22458 .elig-timeline-desktop,
.body-page-22530 .elig-timeline-desktop,
.body-page-22532 .elig-timeline-desktop,
.body-page-22534 .elig-timeline-desktop,
.body-page-22536 .elig-timeline-desktop,
.body-page-22538 .elig-timeline-desktop,
.body-page-22540 .elig-timeline-desktop,
.body-page-22542 .elig-timeline-desktop,
.body-page-22544 .elig-timeline-desktop,
.body-page-22510 .elig-timeline-desktop,
.body-page-22512 .elig-timeline-desktop,
.body-page-22514 .elig-timeline-desktop,
.body-page-22516 .elig-timeline-desktop,
.body-page-22518 .elig-timeline-desktop,
.body-page-22520 .elig-timeline-desktop,
.body-page-22522 .elig-timeline-desktop,
.body-page-22524 .elig-timeline-desktop,
.body-page-22526 .elig-timeline-desktop,
.body-page-22528 .elig-timeline-desktop,
.body-page-22458 .elig-timeline-mobile,
.body-page-22530 .elig-timeline-mobile,
.body-page-22532 .elig-timeline-mobile,
.body-page-22534 .elig-timeline-mobile,
.body-page-22536 .elig-timeline-mobile,
.body-page-22538 .elig-timeline-mobile,
.body-page-22540 .elig-timeline-mobile,
.body-page-22542 .elig-timeline-mobile,
.body-page-22544 .elig-timeline-mobile,
.body-page-22510 .elig-timeline-mobile,
.body-page-22512 .elig-timeline-mobile,
.body-page-22514 .elig-timeline-mobile,
.body-page-22516 .elig-timeline-mobile,
.body-page-22518 .elig-timeline-mobile,
.body-page-22520 .elig-timeline-mobile,
.body-page-22522 .elig-timeline-mobile,
.body-page-22524 .elig-timeline-mobile,
.body-page-22526 .elig-timeline-mobile,
.body-page-22528 .elig-timeline-mobile{
  color: white;
  font-family: var(--bs-ramaReg);
}

.body-page-22458 .timeline .tline,
.body-page-22530 .timeline .tline,
.body-page-22532 .timeline .tline,
.body-page-22534 .timeline .tline,
.body-page-22536 .timeline .tline,
.body-page-22538 .timeline .tline,
.body-page-22540 .timeline .tline,
.body-page-22542 .timeline .tline,
.body-page-22544 .timeline .tline,
.body-page-22510 .timeline .tline,
.body-page-22512 .timeline .tline,
.body-page-22514 .timeline .tline,
.body-page-22516 .timeline .tline,
.body-page-22518 .timeline .tline,
.body-page-22520 .timeline .tline,
.body-page-22522 .timeline .tline,
.body-page-22524 .timeline .tline,
.body-page-22526 .timeline .tline,
.body-page-22528 .timeline .tline {
  background-color: white;
}

.body-page-22458 .timeline .thebike,
.body-page-22530 .timeline .thebike,
.body-page-22532 .timeline .thebike,
.body-page-22534 .timeline .thebike,
.body-page-22536 .timeline .thebike,
.body-page-22538 .timeline .thebike,
.body-page-22540 .timeline .thebike,
.body-page-22542 .timeline .thebike,
.body-page-22544 .timeline .thebike,
.body-page-22510 .timeline .thebike,
.body-page-22512 .timeline .thebike,
.body-page-22514 .timeline .thebike,
.body-page-22516 .timeline .thebike,
.body-page-22518 .timeline .thebike,
.body-page-22520 .timeline .thebike,
.body-page-22522 .timeline .thebike,
.body-page-22524 .timeline .thebike,
.body-page-22526 .timeline .thebike,
.body-page-22528 .timeline .thebike {
  background-color: transparent;
}

.body-page-22458 .timeline .bg_black,
.body-page-22530 .timeline .bg_black,
.body-page-22532 .timeline .bg_black,
.body-page-22534 .timeline .bg_black,
.body-page-22536 .timeline .bg_black,
.body-page-22538 .timeline .bg_black,
.body-page-22540 .timeline .bg_black,
.body-page-22542 .timeline .bg_black,
.body-page-22544 .timeline .bg_black,
.body-page-22510 .timeline .bg_black,
.body-page-22512 .timeline .bg_black,
.body-page-22514 .timeline .bg_black,
.body-page-22516 .timeline .bg_black,
.body-page-22518 .timeline .bg_black,
.body-page-22520 .timeline .bg_black,
.body-page-22522 .timeline .bg_black,
.body-page-22524 .timeline .bg_black,
.body-page-22526 .timeline .bg_black,
.body-page-22528 .timeline .bg_black {
  background-color: white;
}

.body-page-22458 .txt_black,
.body-page-22530 .txt_black,
.body-page-22532 .txt_black,
.body-page-22534 .txt_black,
.body-page-22536 .txt_black,
.body-page-22538 .txt_black,
.body-page-22540 .txt_black,
.body-page-22542 .txt_black,
.body-page-22544 .txt_black,
.body-page-22510 .txt_black,
.body-page-22512 .txt_black,
.body-page-22514 .txt_black,
.body-page-22516 .txt_black,
.body-page-22518 .txt_black,
.body-page-22520 .txt_black,
.body-page-22522 .txt_black,
.body-page-22524 .txt_black,
.body-page-22526 .txt_black,
.body-page-22528 .txt_black,
.body-page-22458 .txt_R,
.body-page-22530 .txt_R,
.body-page-22532 .txt_R,
.body-page-22534 .txt_R,
.body-page-22536 .txt_R,
.body-page-22538 .txt_R,
.body-page-22540 .txt_R,
.body-page-22542 .txt_R,
.body-page-22544 .txt_R,
.body-page-22510 .txt_R,
.body-page-22512 .txt_R,
.body-page-22514 .txt_R,
.body-page-22516 .txt_R,
.body-page-22518 .txt_R,
.body-page-22520 .txt_R,
.body-page-22522 .txt_R,
.body-page-22524 .txt_R,
.body-page-22526 .txt_R,
.body-page-22528 .txt_R {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 20px;
}

.body-page-22458 .onboarding_ex,
.body-page-22530 .onboarding_ex,
.body-page-22532 .onboarding_ex,
.body-page-22534 .onboarding_ex,
.body-page-22536 .onboarding_ex,
.body-page-22538 .onboarding_ex,
.body-page-22540 .onboarding_ex,
.body-page-22542 .onboarding_ex,
.body-page-22544 .onboarding_ex,
.body-page-22510 .onboarding_ex,
.body-page-22512 .onboarding_ex,
.body-page-22514 .onboarding_ex,
.body-page-22516 .onboarding_ex,
.body-page-22518 .onboarding_ex,
.body-page-22520 .onboarding_ex,
.body-page-22522 .onboarding_ex,
.body-page-22524 .onboarding_ex,
.body-page-22526 .onboarding_ex,
.body-page-22528 .onboarding_ex,
.body-page-22458 .onboard-fineprint-desktop .hand,
.body-page-22530 .onboard-fineprint-desktop .hand,
.body-page-22532 .onboard-fineprint-desktop .hand,
.body-page-22534 .onboard-fineprint-desktop .hand,
.body-page-22536 .onboard-fineprint-desktop .hand,
.body-page-22538 .onboard-fineprint-desktop .hand,
.body-page-22540 .onboard-fineprint-desktop .hand,
.body-page-22542 .onboard-fineprint-desktop .hand,
.body-page-22544 .onboard-fineprint-desktop .hand,
.body-page-22510 .onboard-fineprint-desktop .hand,
.body-page-22512 .onboard-fineprint-desktop .hand,
.body-page-22514 .onboard-fineprint-desktop .hand,
.body-page-22516 .onboard-fineprint-desktop .hand,
.body-page-22518 .onboard-fineprint-desktop .hand,
.body-page-22520 .onboard-fineprint-desktop .hand,
.body-page-22522 .onboard-fineprint-desktop .hand,
.body-page-22524 .onboard-fineprint-desktop .hand,
.body-page-22526 .onboard-fineprint-desktop .hand,
.body-page-22528 .onboard-fineprint-desktop .hand {
  font-family: var(--bs-ramaSB);
  color: white;
  font-size: 30px;
}

.body-page-22458 .desc,
.body-page-22530 .desc,
.body-page-22532 .desc,
.body-page-22534 .desc,
.body-page-22536 .desc,
.body-page-22538 .desc,
.body-page-22540 .desc,
.body-page-22542 .desc,
.body-page-22544 .desc,
.body-page-22510 .desc,
.body-page-22512 .desc,
.body-page-22514 .desc,
.body-page-22516 .desc,
.body-page-22518 .desc,
.body-page-22520 .desc,
.body-page-22522 .desc,
.body-page-22524 .desc,
.body-page-22526 .desc,
.body-page-22528 .desc {
  font-family: var(--bs-ramaSB);
  color: white;
  font-size: 20px;
}

.body-page-22458 .onboard-fineprint-desktop,
.body-page-22530 .onboard-fineprint-desktop,
.body-page-22532 .onboard-fineprint-desktop,
.body-page-22534 .onboard-fineprint-desktop,
.body-page-22536 .onboard-fineprint-desktop,
.body-page-22538 .onboard-fineprint-desktop,
.body-page-22540 .onboard-fineprint-desktop,
.body-page-22542 .onboard-fineprint-desktop,
.body-page-22544 .onboard-fineprint-desktop,
.body-page-22510 .onboard-fineprint-desktop,
.body-page-22512 .onboard-fineprint-desktop,
.body-page-22514 .onboard-fineprint-desktop,
.body-page-22516 .onboard-fineprint-desktop,
.body-page-22518 .onboard-fineprint-desktop,
.body-page-22520 .onboard-fineprint-desktop,
.body-page-22522 .onboard-fineprint-desktop,
.body-page-22524 .onboard-fineprint-desktop,
.body-page-22526 .onboard-fineprint-desktop,
.body-page-22528 .onboard-fineprint-desktop {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 20px;
}

.body-page-22458 .enter_button_bg,
.body-page-22530 .enter_button_bg,
.body-page-22532 .enter_button_bg,
.body-page-22534 .enter_button_bg,
.body-page-22536 .enter_button_bg,
.body-page-22538 .enter_button_bg,
.body-page-22540 .enter_button_bg,
.body-page-22542 .enter_button_bg,
.body-page-22544 .enter_button_bg,
.body-page-22510 .enter_button_bg,
.body-page-22512 .enter_button_bg,
.body-page-22514 .enter_button_bg,
.body-page-22516 .enter_button_bg,
.body-page-22518 .enter_button_bg,
.body-page-22520 .enter_button_bg,
.body-page-22522 .enter_button_bg,
.body-page-22524 .enter_button_bg,
.body-page-22526 .enter_button_bg,
.body-page-22528 .enter_button_bg {
  background: var(--bs-yellow);
}

.body-page-22458 .enter_button_bg2,
.body-page-22530 .enter_button_bg2,
.body-page-22532 .enter_button_bg2,
.body-page-22534 .enter_button_bg2,
.body-page-22536 .enter_button_bg2,
.body-page-22538 .enter_button_bg2,
.body-page-22540 .enter_button_bg2,
.body-page-22542 .enter_button_bg2,
.body-page-22544 .enter_button_bg2,
.body-page-22510 .enter_button_bg2,
.body-page-22512 .enter_button_bg2,
.body-page-22514 .enter_button_bg2,
.body-page-22516 .enter_button_bg2,
.body-page-22518 .enter_button_bg2,
.body-page-22520 .enter_button_bg2,
.body-page-22522 .enter_button_bg2,
.body-page-22524 .enter_button_bg2,
.body-page-22526 .enter_button_bg2,
.body-page-22528 .enter_button_bg2 {
  background-color: var(--bs-black);
}

.body-page-22458 .enter_button,
.body-page-22530 .enter_button,
.body-page-22532 .enter_button,
.body-page-22534 .enter_button,
.body-page-22536 .enter_button,
.body-page-22538 .enter_button,
.body-page-22540 .enter_button,
.body-page-22542 .enter_button,
.body-page-22544 .enter_button,
.body-page-22510 .enter_button,
.body-page-22512 .enter_button,
.body-page-22514 .enter_button,
.body-page-22516 .enter_button,
.body-page-22518 .enter_button,
.body-page-22520 .enter_button,
.body-page-22522 .enter_button,
.body-page-22524 .enter_button,
.body-page-22526 .enter_button,
.body-page-22528 .enter_button {
  margin: 12px 0px;
}

.body-page-22458 .enter_button div,
.body-page-22530 .enter_button div,
.body-page-22532 .enter_button div,
.body-page-22534 .enter_button div,
.body-page-22536 .enter_button div,
.body-page-22538 .enter_button div,
.body-page-22540 .enter_button div,
.body-page-22542 .enter_button div,
.body-page-22544 .enter_button div,
.body-page-22510 .enter_button div,
.body-page-22512 .enter_button div,
.body-page-22514 .enter_button div,
.body-page-22516 .enter_button div,
.body-page-22518 .enter_button div,
.body-page-22520 .enter_button div,
.body-page-22522 .enter_button div,
.body-page-22524 .enter_button div,
.body-page-22526 .enter_button div,
.body-page-22528 .enter_button div {
  color: var(--bs-yellow);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  font-family: var(--bs-council);
  font-weight: 100;
  font-size: 45px;
}

/* End Blake Shelton Experience Pages */

/* Blake Shelton Event Page & related actions - 22693 */
/* https://www.propeller.la/events/22693/22696/22695 */
.body-page-22693 {
  /* color & font vars */
  --bs-yellow: #fabf48;
  --bs-black: #090e1b;
  --bs-red: #CC3134;
  --bs-blue: #043BDB;

  --bs-council: 'Council OT Regular';
  --bs-ramaReg: 'Rama Slab E Regular';
  --bs-ramaSB: 'Rama Slab E SemiBold';
  --bs-brothers: 'Brothers OT Regular';

  background: var(--bs-black);
}

.body-page-22693 .event-single-wrapper {
  background-color: var(--bs-black);
}

.body-page-22693 .stars-border-top,
.body-page-22693 .stars-border-bottom {
  filter: brightness(0) saturate(100%) invert(76%) sepia(34%) saturate(907%) hue-rotate(342deg) brightness(105%) contrast(96%);
}

.body-page-22693 .event-single .event-intro, 
.body-page-22693 .event-desktop-top .event-intro {
  /* color: var(--bs-blue); */
  color: white;
  font-family: var(--bs-ramaReg);
  font-weight: 100;
  font-size: 30px;
}

.body-page-22693 .event-desktop-top .event-title {
  color: var(--bs-yellow);
  font-family: var(--bs-council);
  font-weight: 100;
  font-size: 60px;
  /* border: 2px solid var(--bs-red); */
  /* box-shadow: 0 0 10px var(--bs-red); */
}

.body-page-22693 .edesktop.read-more-button {
  /* color: var(--bs-blue);   */
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 20px;
}

.body-page-22693 .event-top-button div {
  background-color: var(--bs-black);
  border: 2px solid var(--bs-red);
  box-shadow: 0 0 10px var(--bs-red);
  font-family: var(--bs-council);
  color: white;
  font-size: 40px;
  font-weight: 100;
  padding: 10px;
  letter-spacing: 2px;
}

.body-page-22693 .event-top-button div:hover {
  transform: scale(1.01);
  box-shadow: 0 0 15px var(--bs-red);
}

.body-page-22693 .actions_landing_wrapper {
  background-color: var(--bs-black);
}

.body-page-22693 .event-choose-action .event-take-action-title {
  filter: brightness(0) saturate(100%) invert(76%) sepia(34%) saturate(907%) hue-rotate(342deg) brightness(105%) contrast(96%);
}

.body-page-22693 .event-down-arrow {
  background-image: url('../images/bs-blue-arrow.png');
}

.body-page-22693 .event-choose-action .event-take-action-desc {
  font-family: var(--bs-ramaReg);
  font-size: 35px;
}

.body-page-22693 .actiond-container {
  background-image: none;
  background-color: var(--bs-black);
}

.body-page-22693 .act_entries {
  color: var(--bs-yellow);
  font-family: var(--bs-council);
  font-weight: 100;
  font-size: 45px;
  letter-spacing: 2px;
}

.body-page-22693 .act-entries-com {
  color: var(--bs-red) !important;
}

.body-page-22693 .alien,
.body-page-22693 .com_alien {
  display: none;
}

.body-page-22693 .event_act .act_icon_txt {
  margin-top: 0;
  border: 2px solid var(--bs-red);
  box-shadow: 0 0 15px var(--bs-red);
}

.body-page-22693 .event_action .event-action-action-type.causes::before,
.body-page-22693 .event-action.donate-rewards {
  color: white;
  font-family: var(--bs-council);
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 100;
}

.body-page-22693 .event_act .act_icon_txt.com_1 {
  background-color: var(--bs-blue);
  border: 2px solid var(--bs-blue);
  box-shadow: 0 0 15px var(--bs-blue);
}

.body-page-22693 .event-action.action-completem {
  color: white;
  font-family: var(--bs-council);
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 100;
}

.body-page-22693 .includeEventUserSpecs, .body-page-22693 .event-footer{
  color: white;
}

.body-page-22693 .act-2col:hover {
  transform: scale(1.02);
}

.body-page-22693 .action-details.ev-head .ev-head-txt {
  color: var(--bs-yellow);
}

.body-page-22693 .event_act.nohover {
  background-color: var(--bs-black);
}

.body-page-22693 .event_act .act_icon_txt.action-detail-action-type {
  border: none;
  box-shadow: none;
  font-family: var(--bs-council);
  font-size: 40px !important;
  letter-spacing: 2px;
  font-weight: 100;
}

.body-page-22693 .action-detail.event-cta2 {
  color: white;
  font-family: var(--bs-ramaReg);
  font-size: 20px;
}

/* change text for action cards */
.body-page-22693 a[href="/events/22693/22696/22695/22714"] .event-action-text {
  visibility: hidden;
  font-size: 1px;
}

.body-page-22693 a[href="/events/22693/22696/22695/22714"] .event-action-text::after {
  content: 'Join the Save The Music newsletter to get involved';
  visibility: visible;
  display: block;
  font-size: 18px;
}

.body-page-22693 a[href="/events/22693/22696/22695/22715"] .event-action-text {
  visibility: hidden;
  font-size: 1px;
}

.body-page-22693 a[href="/events/22693/22696/22695/22715"] .event-action-text::after {
  content: 'Give the power of making music to students nationwide';
  visibility: visible;
  display: block;
  font-size: 18px;
}

/* End Blake Shelton Events */


/* Hangout Festival Campaign - 22604 */
.body-page-22604 {
  /* color & font vars */

  --hf-blue: #0092fe;
  --hf-beige: #f4e9d4;
  --hf-darkpink: #f14a87;
  --hf-lightpink: #f16cc4;
  --hf-yellow: #f1e315;
  --hf-orange: #f1911b;
  --hf-lightgreen: #b8df5b;
  --hf-darkgreen: #41a360;
  --hf-tan: #dcc596;

  --hf-comfort: 'Comfortaa Bold';
  --hf-alt: 'Alternate Gothic ATF Bold';
  --hf-striker: 'KC Striker Sans Inked';
}

.body-page-22604,
.page-22604 {
  width: 100%;
  max-width: 100%;
}

.body-page-22604 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22604 .header {
  padding: 0px 30px;
}

.header-page-22604 .header_right {
  width: auto;
}

.body-page-22604 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22604 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22604 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22604 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22604 .wGutter.right {
  display: none;
}

.body-page-22604 .col2  {
  display: none;
}

.body-page-22604 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22604 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22604 .small_swiper {
  display: none;
}

.page-22604 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22604 .container,
.body-page-22604 .container {
  max-width: 100%;
  width: 100%;
}

.body-page-22604 .climate_container {
  display: none;
}

.page-22604 {
  position: relative;
  z-index: 1;
}

.body-page-22604 .adaptive-header-image.-mobile {
  background-image: url('../images/hangoutfest-header-mobile.gif') !important;
}

.body-page-22604 .adaptive-header-image.-desktop {
  /* background-image: url('../images/HangoutFest-Header-Desktop.gif') !important; */
}

/* order */
.page-22604 #TakeActionWrapper {
  order: 2;
}

.page-22604 .campaign-feeds-custom-rows {
  order: 3;
}
.page-22604 .campaign-feeds-custom-rows br {
  display: none;
}

.page-22604 #PrizesWrapper {
  order: 1;
  padding-top: 20px;
  margin-top: -20px;
}

.page-22604 .featuredActionsWrapper:nth-child(1) {
  padding-top: 30px;
}

/* hub */
.page-22604.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-22604.campaign-locked #PrizesWrapper,
.page-22604 #PrizesWrapper {
  display: block !important;
}

.page-22604.campaign-locked #PrizesWrapper {
  padding-top: 30px;
}

.page-22604.campaign-locked ~ .page-footer .hf-start {
  display: block !important;
  /* visibility: visible !important; */
}

/* desc */
.hf-desc {
  padding: 30px;
  background-color: var(--hf-yellow);
  width: 100%;
  margin: -35px auto -60px auto;
}

.hf-desc-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hf-desc p {
  color: black;
  font-family: var(--hf-comfort);
  font-size: 18px;
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 650px;
  margin: auto;
}

.hf-desc img {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  object-fit: contain;
  max-width: 380px;
  margin-top: -25px;
  z-index: 0;
  position: relative;
}

/* carousels */
.page-22604 .featuredActionsWrapper {
  padding-bottom: 100px;
  background-image: url('../images/hf-sand-background.jpg');
  background-position: center;
  background-size: 101% 101%;
}

.page-22604 #TakeActionWrapper {
  padding-top: 30px;
}

.page-22604 .featuredActionsWrapper .home-header {
  text-align: center;
  font-weight: 100;
}

.page-22604 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
}

.page-22604 .featuredActionsWrapper .carouselTitle {
  text-transform: uppercase;
  font-size: 45px;
  font-weight: 100;
  text-align: center;
  font-family: var(--hf-striker);
  color: var(--hf-blue);
}

.page-22604 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  padding-bottom: 15px;
}

.page-22604 #PrizesWrapper .carouselTitle::after {
  content: '';
  visibility: visible;
  display: block;
  width: 97%;
  margin-left: 1.5%;
  height: 60px;
  background-image: url('../images/hf-whatyoucanwin.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* cards */
.page-22604 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  background-image: url('../images/hf-frame-2.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-22604 .featuredActionsWrapper .card-propel,
.page-22604 .featuredActionsWrapper .card-new {
  background-color: transparent !important;
}

.page-22604 .featuredActionsWrapper .card-new-icon-box,
.page-22604 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-22604 .featuredActionsWrapper .card-new-description-box {
  margin-left: 0;
}

.page-22604 .featuredActionsWrapper .card-new-bar {
  padding: 0;
}

.page-22604 .featuredActionsWrapper .card-new-bg-causes ~ .card-new-info .card-propel-title::before {
  content: 'Donate to';
  /* display: block; */
}

.page-22604 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: black;
  font-family: var(--hf-alt);
  font-size: 40px;
}

.page-22604 .featuredActionsWrapper .card-new-points {
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: black;
  font-size: 40px;
  font-family: var(--hf-alt);
}

.page-22604 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-22604 #PrizesWrapper .card-new-points:after,
.page-22604 .featuredActionsWrapper .card-new-bg-donation .card-new-points:after,
.page-22604 .featuredActionsWrapper .card-new-bg-points .card-new-points:after {
  content:'';
}

.page-22604 .featuredActionsWrapper .card-new-info {
  background-color: transparent !important;
}

.page-22604 .featuredActionsWrapper .card-new-image {
  transform: scale(0.9);
}

.page-22604 .card-new-info-container {
  margin-top: -20px;
  text-align: center;
  font-weight: 100;
  font-size: 15px;
  line-height: 20px;
  height: 80px;
  font-family: var(--hf-comfort);
  color: black;
  -webkit-line-clamp: 4;
}

.page-22604 .campaign-card-new-image {
  height: auto;
  aspect-ratio: 1/1;
  transform: scale(0.9);
}

.page-22604 .featuredActionsWrapper .slick-slide[href="/campaigns/22607/choice"] .campaign-card-new-image {
  background-image: url('../images/choice_logo001_32541.png') !important;
}

.page-22604 .campaign-card-desc-text {
  width: 98% !important;
  margin: 0 auto;
  margin-left: auto !important;
  height: 70px !important;
}

.page-22604 .campaign-card-title {
  display: block !important;
  text-align: center;
  color: #242424;
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  padding: 10px 0px 10px 0px;
  font-size: 28px;
  font-weight: 800;
}

.page-22604 .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;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}


/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-22604 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-22604 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 0px !important;
  }

  .page-22604 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
  }

  .page-22604 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    /* padding-left: 10px; */
  }
}

@media screen and (min-width: 451px) {
  .page-22604 .featuredActionsWrapper .slick-arrow {
    margin-top: 280px !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-22604 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-22604 .featuredActionsWrapper .slick-arrow {
    margin-top: 250px !important;
  }

  .page-22604 .featuredActionsWrapper .card-new-points,
  .page-22604 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22604 .featuredActionsWrapper .card-auction-price {
    font-size: 29px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-22604 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-22604 .featuredActionsWrapper .slick-arrow {
    margin-top: 255px !important;
  }

  .page-22604 .featuredActionsWrapper .card-new-points,
  .page-22604 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22604 .featuredActionsWrapper .card-auction-price {
    font-size: 25px;
  }

  .page-22604 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

@media screen and (min-width: 698px) and (max-width: 1025px) {
  .page-22604 .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: none !important;
  }
}

.page-22604 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-22604 .featuredActionsWrapper:after {
  content: var(--more-content);
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -50px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: black;
  font-family: var(--hf-striker);

}

.page-22604 #TakeActionWrapper {
  --more-content: ' MORE ACTIONS ';
}

.page-22604 #TakeActionWrapper:after {
  content: var(--more-content);
}

.page-22604 #PrizesWrapper {
  --more-content: ' MORE PRIZES ';
}

.page-22604 #PrizesWrapper:after {
  content: var(--more-content);
}

.page-22604 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 90px;
  height: 70px;
  z-index: 8;
}

.page-22604 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/hf-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 50px;
}

.page-22604 .featuredActionsWrapper .slick-next {
  background-image: url('../images/hf-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 50px;
}

/* how it works */
.hf-hiw {
  width: 100%;
  background-color: var(--hf-blue);
  padding: 30px 0;
  margin-top: -30px;
}

.hf-hiw-title img {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  object-fit: contain;
  height: 60px;
}

.hf-hiw-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.hf-water-desk {
  display: none;
}

.hf-hiw-sec {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0px 20px 0px;
}

.hf-hiw-sec img {
  width: 90%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  object-fit: contain;
}

.hf-hiw-sec p {
  color: white;
  text-align: center;
  font-family: var(--hf-striker);
  font-size: 20px;
}

.hf-water {
  object-fit: cover;
  width: 100%;
  height: 35px;
}

@media screen and (min-width: 1200px) {
  .hf-hiw-cont {
    flex-direction: row;
  }

  .hf-hiw-sec {
    max-width: 300px;
    margin: auto;
    padding: 0;
  }

  .hf-hiw-sec img {
    height: 200px;
  }
  .hf-hiw-sec p {
    height: 80px;
  }
}

/* lineup */
.body-page-22604 .page-footer {
  background-color: var(--hf-beige);
}

.hf-lineup {
  max-width: 650px;
  margin: 0 auto -15px auto;
  width: 100% !important;
  object-fit: contain;
  height: auto;
}

.hf-lineup.lineup-desktop {
  display: none;
}

/* partners */
.hf-partners {
  background-image: url('../images/hf-tiedye-background.jpg');
  background-position: center;
  background-size: contain;
  padding: 30px 20px;
}

.hf-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 96%;
  max-width: 1800px;
  margin: 50px auto 0px auto;
}

.hf-partners-cont img {
  width: 95%;
  max-width: 300px;
  margin: 20px auto 0 auto;
  height: auto;
  object-fit: contain;
}

/* start button */
.hf-start {
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 100%;
  display: none;
  visibility: hidden;
}

.hf-start img {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

/* desktop */
@media screen and (min-width: 650px) {
  .hf-desc {
    margin: -45px auto -20px auto;
  }

  .hf-desc-cont {
    max-width: 900px;
    margin: 0 auto;
    flex-direction: row;
  }

  .hf-hiw {
    margin-top: -40px;
  }

  .hf-water-mobile {
    display: none;
  }

  .page-22604 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-22604 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 140px);
  }

  .hf-hiw-title {
    position: relative;
    display: flex;
    flex-direction: row;
  }

  .hf-hiw-title-img {
    z-index: 1;
    position: relative;
  }

  .hf-lineup.lineup-desktop {
    display: block;
    width: 100%;
    /* max-width: 1600px; */
    max-width: 100%;
  }

  .hf-lineup.lineup-mobile {
    display: none;
  }

  .hf-water-desk {
    display: block;
    background-image: url('../images/hf-water-desktop.gif');
    background-repeat: repeat-x;
    background-position: left;
    background-size: 600px;
    position: absolute;
    top: 10px;
    left: 0;
  }

  .hf-start {
    bottom: 30px;
    left: unset;
    right: 30px;
    width: 320px;
    visibility: visible;
  }

  .page-22604 .featuredActionsWrapper:nth-child(1) .home-row {
    height: 550px !important;
  }

  .page-22604 .featuredActionsWrapper:nth-child(1) .slick-track {
    margin-left: -32px;
  }

  .page-22604 .featuredActionsWrapper:nth-child(1) .slick-arrow {
    margin-top: 250px !important;
  }

  .page-22604 .featuredActionsWrapper:nth-child(1)::after {
    bottom: 20px;
  }
}


/* End Hangout Festival Campaign */

/* Hangout Earn a Ticket Page - 22949 */
.body-page-22949 {
  /* color & font vars */
  --hf-blue: #0092fe;
  --hf-beige: #f4e9d4;
  --hf-darkpink: #f14a87;
  --hf-lightpink: #f16cc4;
  --hf-yellow: #f1e315;
  --hf-orange: #f1911b;
  --hf-lightgreen: #b8df5b;
  --hf-darkgreen: #41a360;
  --hf-tan: #dcc596;

  --hf-comfort: 'Comfortaa Bold';
  --hf-alt: 'Alternate Gothic ATF Bold';
  --hf-striker: 'KC Striker Sans Inked';
}

.body-page-22949,
.page-22949 {
  width: 100%;
  max-width: 100%;
}

.body-page-22949 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22949 .header {
  padding: 0px 30px;
}

.header-page-22949 .header_right {
  width: auto;
}

.body-page-22949 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22949 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22949 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22949 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22949 .wGutter.right {
  display: none;
}

.body-page-22949 .col2  {
  display: none;
}

.body-page-22949 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22949 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22949 .small_swiper {
  display: none;
}

.page-22949 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22949 .container,
.body-page-22949 .container {
  max-width: 100%;
  width: 100%;
}

.body-page-22949 .climate_container {
  display: none;
}

.page-22949 {
  position: relative;
  z-index: 1;
}

.body-page-22949 .adaptive-header-image.-mobile {
  /* background-image: url('../images/HangoutFest-Header-Mobile.gif') !important; */
}

/* order */
.page-22949 #TakeActionWrapper {
  order: 2;
}

.page-22949 .campaign-feeds-custom-rows {
  order: 3;
}

.page-22949 .campaign-feeds-custom-rows br {
  display: none;
}

/* hub */
.page-22949.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-22949.campaign-locked ~ .page-footer {
  margin-top: -75px;
}

.page-22949.campaign-locked ~ .page-footer .hf-start {
  display: block !important;
}

/* desc */
.hfet-desc {
  background-image: url('../images/hfet-sand-background.jpg');
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
}

.hfet-left p {
  font-family: var(--hf-comfort);
  color: black;
  font-size: 18px;
  text-align: center;
}

.hfet-left p:nth-child(3) {
  color: var(--hf-darkpink);
  font-size: 15px;
}

.hfet-desc img {
  width: 80%;
  margin: 0 auto;
  height: auto;
  object-fit: contain;
  max-width: 300px;
}

/* progress bar */
.hf-progress-container {
  background-color: var(--hf-lightpink);
  width: 100%;
  padding: 20px;
}

.hf-progress-title {
  width: 90%;
  margin: 0 auto;
  height: auto;
  object-fit: contain;
  max-width: 500px;
}

.hf-progress-container .progress-bar-row {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
  max-width: 1000px;
  margin: 15px auto 0 auto;

  display: none;
}

.hf-progress-container .progress-bar-row img {
  width: 100%;
  max-width: 80px;
}

.hf-progress-container .ticket-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  margin-left: 8px;
}

.hf-progress-container #progressBarRewardCost {
  color: black;
  font-family: var(--hf-alt);
  font-weight: 100;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  width: 65px;
}

.hf-progress-container .progress-bar-cont {
  width: 90%;
  height: 20px;
  position: relative;
}

.hf-progress-container .progress-bar-cont .total-progress {
  background-image: none;
  background-color: var(--hf-yellow);
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.hf-progress-container .progress-bar-cont .total-progress::after {
  content: '';
  background-image: none;
}

@media screen and (min-width: 650px) {
  .hf-progress-container .progress-bar-cont .total-progress::after {
    width: 60px;
    height: 60px;
    right: -15px;
    top: -10px;
  }
}

.hf-progress-container .progress-bar-cont #progressBarNumber {
  color: black;
  position: absolute;
  right: -12px;
  bottom: -50px;
  font-family: var(--hf-alt);
  font-weight: 100;

  display: none;
}

.hf-progress-container .progress-bar-cont .total-bar {
  background-color: var(--hf-beige);
  background-image: none;
  height: 20px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hf-progress-container .progress-parameters-container {
  margin-top: 30px;
  max-width: 400px;
}

.hf-progress-container .progress-param {
  margin-top: 30px;
}

.hf-progress-container .progress-param-text {
  color: black;
  font-family: var(--hf-comfort);
  line-height: normal;
  text-align: left;
  padding-bottom: 0;
}

.hf-progress-container .progress-check {
  background-image: url('../images/hfet-unchecked-box.png');
  /* background-size: 70%; */
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
}

.hf-progress-container .progress-check.checkComplete {
  background-image: url('../images/hfet-checked-box.png');
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.hf-progress-container .redeemticket {
  margin: 0 auto;
  max-width: 450px;
  width: 80%;
  object-fit: contain;
  padding-top: 50px;
}

.hf-progress-container #redeemTicketButton {
  pointer-events: none;
  filter: grayscale(100%);
}

.hf-progress-container #redeemTicketButton.reddemTicketAvailable:hover {
  transform: scale(1.02);
}

.hf-progress-container #redeemTicketButton.reddemTicketAvailable {
  filter: grayscale(0%) !important;
  pointer-events: auto;
}

/* carousels */
.page-22949 .featuredActionsWrapper {
  padding-bottom: 100px;
  background-image: url('../images/hf-sand-background.jpg');
  background-position: center;
  background-size: 101% 101%;
}

.page-22949 #TakeActionWrapper {
  padding-top: 30px;
  margin-top: -40px;
}

.page-22949 .featuredActionsWrapper .home-header {
  text-align: center;
  font-weight: 100;
}

.page-22949 .featuredActionsWrapper .home-header-row {
  border-bottom: none;
  width: 100%;
}

.page-22949 .featuredActionsWrapper .carouselTitle {
  text-transform: uppercase;
  font-size: 45px;
  font-weight: 100;
  text-align: center;
  font-family: var(--hf-striker);
  color: var(--hf-blue);
}

.page-22949 #PrizesWrapper .carouselTitle {
  visibility: hidden;
  font-size: 1px;
  padding-bottom: 15px;
}

.page-22949 #PrizesWrapper .carouselTitle::after {
  content: '';
  visibility: visible;
  display: block;
  width: 97%;
  margin-left: 1.5%;
  height: 60px;
  background-image: url('../images/hf-whatyoucanwin.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* cards */
.page-22949 .featuredActionsWrapper .card-new-container {
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  background-image: url('../images/hf-frame-2.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-22949 .featuredActionsWrapper .card-propel,
.page-22949 .featuredActionsWrapper .card-new {
  background-color: transparent !important;
}

.page-22949 .featuredActionsWrapper .card-new-icon-box,
.page-22949 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-22949 .featuredActionsWrapper .card-new-description-box {
  margin-left: 0;
}

.page-22949 .featuredActionsWrapper .card-new-bar {
  padding: 0;
}

.page-22949 .featuredActionsWrapper .card-new-bg-causes ~ .card-new-info .card-propel-title::before {
  content: 'Donate to';
  /* display: block; */
}

.page-22949 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: black;
  font-family: var(--hf-alt);
  font-size: 40px;
}

.page-22949 .featuredActionsWrapper .card-new-points {
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: black;
  font-size: 40px;
  font-family: var(--hf-alt);
}

.page-22949 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-22949 #PrizesWrapper .card-new-points:after,
.page-22949 .featuredActionsWrapper .card-new-bg-donation .card-new-points:after,
.page-22949 .featuredActionsWrapper .card-new-bg-points .card-new-points:after {
  content:'';
}

.page-22949 .featuredActionsWrapper .actionId-22723 .card-new-points {
  display: none;
}

.page-22949 .featuredActionsWrapper .card-new-info {
  background-color: transparent !important;
}

.page-22949 .featuredActionsWrapper .card-new-image {
  transform: scale(0.9);
}

.page-22949 .card-new-info-container {
  margin-top: -20px;
  text-align: center;
  font-weight: 100;
  font-size: 15px;
  line-height: 20px;
  height: 80px;
  font-family: var(--hf-comfort);
  color: black;
  -webkit-line-clamp: 4;
}

.page-22949 .campaign-card-new-image {
  height: auto;
  aspect-ratio: 1/1;
  transform: scale(0.9);
}

.page-22949 .campaign-card-desc-text {
  width: 98% !important;
  margin: 0 auto;
  margin-left: auto !important;
  height: 70px !important;
}

.page-22949 .campaign-card-title {
  display: block !important;
  text-align: center;
  color: #242424;
  text-transform: uppercase;
  font-family: 'neue-haas-grotesk-display', sans-serif;
  padding: 10px 0px 10px 0px;
  font-size: 28px;
  font-weight: 800;
}

.page-22949 .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;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}


/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-22949 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-22949 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 0px !important;
  }

  .page-22949 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
  }

  .page-22949 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    /* padding-left: 10px; */
  }
}

@media screen and (min-width: 451px) {
  .page-22949 .featuredActionsWrapper .slick-arrow {
    margin-top: 280px !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-22949 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-22949 .featuredActionsWrapper .slick-arrow {
    margin-top: 250px !important;
  }

  .page-22949 .featuredActionsWrapper .card-new-points,
  .page-22949 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22949 .featuredActionsWrapper .card-auction-price {
    font-size: 29px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-22949 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-22949 .featuredActionsWrapper .slick-arrow {
    margin-top: 255px !important;
  }

  .page-22949 .featuredActionsWrapper .card-new-points,
  .page-22949 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22949 .featuredActionsWrapper .card-auction-price {
    font-size: 25px;
  }

  .page-22949 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

@media screen and (min-width: 698px) and (max-width: 1025px) {
  .page-22949 .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: none !important;
  }
}

.page-22949 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-22949 .featuredActionsWrapper:after {
  content: var(--more-content);
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -50px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: black;
  font-family: var(--hf-striker);

}

.page-22949 #TakeActionWrapper {
  --more-content: ' MORE ACTIONS ';
}

.page-22949 #TakeActionWrapper:after {
  content: var(--more-content);
}

.page-22949 #PrizesWrapper {
  --more-content: ' MORE PRIZES ';
}

.page-22949 #PrizesWrapper:after {
  content: var(--more-content);
}

.page-22949 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 90px;
  height: 70px;
  z-index: 8;
}

.page-22949 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/hf-left-arrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 50px;
}

.page-22949 .featuredActionsWrapper .slick-next {
  background-image: url('../images/hf-right-arrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 50px;
}

/* desktop */
@media screen and (min-width: 650px) {
  .hfet-desc {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: -45px;
  }

  .hfet-desc img {
    margin: unset;
  }

  .hf-progress-container #progressBarRewardCost {
    font-size: 16px;
    width: 85px;
  }

  .page-22949.campaign-locked ~ .page-footer {
    margin-top: -80px;
  }

  .hfet-left {
    max-width: 550px;
    padding-right: 20px;
  }

  .page-22949 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-22949 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 140px);
  }
/* 
  .page-22949 .featuredActionsWrapper:nth-child(1) .home-row {
    height: 550px !important;
  }

  .page-22949 .featuredActionsWrapper:nth-child(1) .slick-track {
    margin-left: -32px;
  }

  .page-22949 .featuredActionsWrapper:nth-child(1) .slick-arrow {
    margin-top: 250px !important;
  }

  .page-22949 .featuredActionsWrapper:nth-child(1)::after {
    bottom: 20px;
  } */
}


/* End Hangout Earn a Ticket */

/* Hangout Join Action -  22720 */
.join.cause-22720,
.body-page-22720 {
  /* color & font vars */

  --hf-blue: #0092fe;
  --hf-beige: #f4e9d4;
  --hf-darkpink: #f14a87;
  --hf-lightpink: #f16cc4;
  --hf-yellow: #f1e315;
  --hf-orange: #f1911b;
  --hf-lightgreen: #b8df5b;
  --hf-darkgreen: #41a360;
  --hf-tan: #dcc596;

  --hf-comfort: 'Comfortaa Bold';
  --hf-alt: 'Alternate Gothic ATF Bold';
  --hf-striker: 'KC Striker Sans Inked';

  width: 100%;
  max-width: 100%;
  background-color: var(--hf-blue);
  margin-top: 100px !important;
  padding-left: 20px;
  padding-right: 20px;
}

.join.cause-22720 .join_action_inner,
.body-page-22720 .join_action_inner {
  margin-top: -150px !important;
  width: 100%;
  margin: 0 auto;
}

.join.cause-22720 .causes_2020_col1,
.body-page-22720 .causes_2020_col1 {
  width: 100%;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.join.cause-22720 .causes_2020_col2,
.body-page-22720 .causes_2020_col2 {
  width: 100%;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.join.cause-22720 .causes_2020_col2 .col3,
.body-page-22720 .causes_2020_col2 .col3 {
  max-width: 500px;
}

.join.cause-22720 .join_action_inner .blockTitle,
.body-page-22720 .join_action_inner .blockTitle {
  background-color: var(--hf-yellow);
}

.join.cause-22720 .join_action_inner .blockTitle h3:after,
.body-page-22720 .join_action_inner .blockTitle h3:after {
  font-family: var(--hf-striker);
  color: black;
}

.join.cause-22720 .actionDetailsMiniActionTitle,
.body-page-22720 .actionDetailsMiniActionTitle {
  font-family: var(--hf-striker);
}

.join.cause-22720 .action_description2,
.body-page-22720 .action_description2 {
  font-family: var(--hf-comfort);
}

.join.cause-22720 #joinButton,
.body-page-22720 #joinButton {
  background-color: var(--hf-darkpink);
  color: white;
}

.join.cause-22720 #joinButton div,
.body-page-22720 #joinButton div {
  font-family: var(--hf-striker);
  font-size: 25px;
  padding-top: 3px;
}

.join.cause-22720 .join_button_cont,
.body-page-22720 .join_button_cont {
  display: none;
}

@media screen and (min-width: 650px) {
  .join.cause-22720 .causes_2020_col1 .wGutter.left,
  .body-page-22720 .causes_2020_col1 .wGutter.left {
    padding-left: 20px;
  }
}

/* End Hangout Join Action */

/* Choice Campaign - 22607 */
.body-page-22607 {
  --choice-darkblue: #5f79a6;
  --choice-blue: #5ceeef;
  --choice-yellow: #eecc52;
  --choice-red: #d34c2c;
  --choice-orange: #e87f17;
  --choice-beige: #f7f7e7;

  --choice-prov: 'Providence Sans Pro Bold';
  --choice-hvd: 'HVD Edding 780 Normal';

  background-color: var(--choice-beige);
}

.body-page-22607,
.page-22607 {
  width: 100%;
  max-width: 100%;
}

.body-page-22607 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22607 .header {
  padding: 0px 30px;
}

.header-page-22607 .header_right {
  width: auto;
}

.body-page-22607 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22607 .col1 .wMblShowX.hide  {
  display: block !important;
}

.body-page-22607 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22607 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22607 .wGutter.right {
  display: none;
}

.body-page-22607 .col2  {
  display: none;
}

.body-page-22607 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22607 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22607 .small_swiper {
  display: none;
}

.page-22607 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22607 .container,
.body-page-22607 .container {
  max-width: 100%;
  width: 100%;
}

.body-page-22607 .climate_container {
  display: none;
}

.page-22607 {
  position: relative;
  z-index: 1;
}

.body-page-22607 .nav-underlay {
  top: -50px;
  background: var(--choice-beige) !important;
  color: black;
}

.body-page-22607 .adaptive-header-image.-desktop {
  margin-top: 50px;
}

.body-page-22607 .adaptive-header-image.-mobile {
  background-color: var(--choice-beige);
  background-size: 100% auto;
  background-position: 50% 50%;
  margin-top: 25px;
}

.body-page-22607 .adaptive-header {
  height: 380px;
}

@media screen and (min-width: 650px) {
  .body-page-22607 .adaptive-header {
    height: 620px;
  }
}


/* order */
.page-22607 #TakeActionWrapper {
  order: 1;
}

.page-22607 .campaign-feeds-custom-rows {
  order: 2;
}
.page-22607 .campaign-feeds-custom-rows br {
  display: none;
}

.page-22607 #PrizesWrapper {
  order: 3;
}

/* hub */
.page-22607.campaign-locked .featuredActionsWrapper {
  display: none;
}

.page-22607.campaign-locked #PrizesWrapper,
.page-22607 #PrizesWrapper {
  display: block !important;
}

.page-22607.campaign-locked #PrizesWrapper {
  padding-top: 30px;
}

.page-22607.campaign-locked ~ .page-footer .choice-start {
  display: block !important;
}

/* desc */
.choice-desc {
  max-width: 1000px;
  margin: 0 auto;
}

.choice-desc p {
  font-family: var(--choice-hvd);
  text-align: center;
  font-size: 25px;
  color: black;
  padding: 0px 20px;
}

.choice-desc-d-left img {
  width: 90%;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

.choice-desc-d-left h2 {
  font-size: 30px;
  font-family: var(--choice-prov);
  color: var(--choice-darkblue);
  text-align: center;
  width: 240px;
  margin: 0 auto;
  text-transform: uppercase;
}

.choice-desc-d-right {
  display: none;
}

/* carousels */
.page-22607 .featuredActionsWrapper {
  padding-bottom: 100px;
  background-image: url('../images/choice-stars-background.jpg');
  background-position: center center;
  background-size: contain;
  width: 100%;
}

.page-22607 .featuredActionsWrapper .home-header-row {
  width: 100%;
  text-align: center;
}

.page-22607 .featuredActionsWrapper .carouselTitle {
  font-family: var(--choice-hvd);
  color: var(--choice-beige);
  font-size: 55px;
  padding: 0 25px;
  margin-top: 30px;
  line-height: 60px;
}

.page-22607 #PrizesWrapper .carouselTitle {
  font-size: 1px;
  color: transparent;
  visibility: hidden;
  width: 330px;
  margin: 0 auto;
}

.page-22607 #PrizesWrapper .carouselTitle::after {
  content: 'REWARDS';
  font-size: 55px;
  line-height: 60px;
  color: var(--choice-beige);
  visibility: visible;
  display: block;
}

.page-22607.campaign-locked #PrizesWrapper a{
  pointer-events: none;
}

.page-22607 .featuredActionsWrapper .card-new-container {
  border: 3px solid var(--choice-yellow);
  background-color: black !important;
  margin: 0 auto;
}

.page-22607 .featuredActionsWrapper .card-new,
.page-22607 .featuredActionsWrapper .card-propel {
  background-color: transparent;
}

.page-22607 .featuredActionsWrapper .card-new-icon-box,
.page-22607 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-22607 .featuredActionsWrapper .card-new-description-box {
  margin-left: 0;
}

.page-22607 .featuredActionsWrapper .card-new-bar {
  padding: 0;
}

.page-22607 .featuredActionsWrapper .card-new-bg-causes ~ .card-new-info .card-propel-title::before {
  content: 'Donate to';
}

.page-22607 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: var(--choice-blue);
  font-family: var(--choice-prov);
  font-size: 25px;
  margin-left: -12px;
}

.page-22607 .featuredActionsWrapper .card-new-points {
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: var(--choice-blue);
  font-size: 25px;
  font-family: var(--choice-prov);
}

.page-22607 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-22607 .featuredActionsWrapper .card-new-points.onePoint:after {
  content:' POINT';
}

.page-22607 #PrizesWrapper .card-new-points:after,
.page-22607 .featuredActionsWrapper .card-new-bg-donation .card-new-points:after,
.page-22607 .featuredActionsWrapper .card-new-bg-points .card-new-points:after {
  content:'';
}

.page-22607 .featuredActionsWrapper .card-new-info {
  background-color: transparent !important;
}

.page-22607 .featuredActionsWrapper .card-new-image {
  transform: scale(0.9);
  background-color: var(--choice-beige);
}

.page-22607 .card-new-info-container {
  margin-top: -15px;
  text-align: center;
  font-weight: 100;
  font-size: 25px;
  line-height: 27px;
  height: 80px;
  font-family: var(--choice-hvd);
  color: var(--choice-beige);
  -webkit-line-clamp: 3;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-22607 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-22607 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 0px !important;
  }

  .page-22607 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
  }

  .page-22607 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    /* padding-left: 10px; */
  }
}

@media screen and (min-width: 451px) {
  .page-22607 .featuredActionsWrapper .slick-arrow {
    margin-top: 313px !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-22607 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-22607 .featuredActionsWrapper .slick-arrow {
    margin-top: 250px !important;
  }

  .page-22607 .featuredActionsWrapper .card-new-points,
  .page-22607 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22607 .featuredActionsWrapper .card-auction-price {
    font-size: 29px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-22607 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-22607 .featuredActionsWrapper .slick-arrow {
    margin-top: 255px !important;
  }

  .page-22607 .featuredActionsWrapper .card-new-points,
  .page-22607 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22607 .featuredActionsWrapper .card-auction-price {
    font-size: 25px;
  }

  .page-22607 #PrizesWrapper .slick-track {
    /* transform: none !important; */
  }
}

@media screen and (min-width: 698px) and (max-width: 1025px) {
  .page-22607 .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: none !important;
  }
}

.page-22607 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-22607 .featuredActionsWrapper:after {
  content: var(--more-content);
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -40px;
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  color: var(--choice-beige);
  font-family: var(--choice-prov);
}

.page-22607 #TakeActionWrapper {
  --more-content: ' MORE ACTIONS ';
}

.page-22607 #TakeActionWrapper:after {
  content: var(--more-content);
  bottom: -28px;
}

.page-22607 #PrizesWrapper {
  --more-content: ' MORE PRIZES ';
}

.page-22607 #PrizesWrapper:after {
  content: var(--more-content);
  bottom: -28px;
}

.page-22607 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 280px;
  width: 70px;
  height: 70px;
  z-index: 8;
}

.page-22607 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/choice-arrow-left.png');
  background-position: center;
  background-size: contain;
  margin-left: 50px;
}

.page-22607 .featuredActionsWrapper .slick-next {
  background-image: url('../images/choice-arrow-right.png');
  background-position: center;
  background-size: contain;
  margin-right: 50px;
}

.page-22607 .card-ns .card-type,
.page-22607 .card-ns .card-desc,
.page-22607 .card-ns .card-ns-points.dollar, 
.page-22607 .card-ns .reward.points .card-ns-points {
  color: var(--choice-beige);
  font-family: var(--choice-hvd);
  font-size: 20px;
}

.page-22607 .home-row {
  height: 520px;
}

.page-22607 #PrizesWrapper.featuredActionsWrapper:has(.card-ns) .home-row {
  height: 600px;
}


/* hiw */
.choice-foot-img {
  width: 90% !important;
  max-width: 450px;
  margin: 0 auto;
  object-fit: contain;
  height: auto;
}

.choice-hiw h2 {
  font-family: var(--choice-hvd);
  color: black;
  font-size: 55px;
  padding: 0 25px;
  margin-top: 30px;
  text-align: center;
}

.choice-hiw {
  width: 100%;
}

.choice-hiw-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.choice-hiw-sec {
  max-width: 360px;
}

.choice-hiw-sec img {
  width: 90%;
  margin: 0 auto;
  object-fit: contain;
  height: auto;
}

.choice-hiw-sec h3 {
  font-family: var(--choice-prov);
  font-size: 32px;
  text-align: center;
  color: var(--choice-red);
}

.choice-hiw-sec:nth-child(2) h3 {
  color: var(--choice-darkblue);
}

.choice-hiw-sec:nth-child(3) h3 {
  color: var(--choice-orange);
}

.choice-hiw-sec p {
  font-family: var(--choice-hvd);
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  color: black;
  max-width: 280px;
  margin: 0 auto;
}

@media screen and (min-width: 990px) {
  .choice-hiw-cont {
    flex-direction: row;
    align-items: end;
  }

  .choice-hiw-cont img {
    aspect-ratio: 1/1;
  }
}

/* partners */
.choice-partners {
  margin-top: 60px;
}

.choice-partners h2 {
  font-family: var(--choice-hvd);
  color: black;
  font-size: 55px;
  padding: 0 25px;
  margin-top: 30px;
  text-align: center;
}

.choice-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding-bottom: 100px;
}

.choice-partners-cont img {
  max-width: 250px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* links */
.choice-maps {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}

.choice-maps div {
  background-color: var(--choice-darkblue);
  color: var(--choice-beige);
  font-family: var(--choice-prov);
  font-size: 20px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 10px;
  margin: 20px;
}

.choice-maps div a {
  color: var(--choice-beige);
  font-size: 22px;
  text-align: center;
}

.choice-maps div a:hover {
  text-transform: none;
  text-decoration: none;
}

.choice-maps div:hover {
  /* background-color: var(--choice-blue); */
  border: 3px solid var(--choice-orange);
  /* transform: scale(1.01); */
}

/* start button */
.choice-start {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 15px;
  margin: 0 auto;
  display: none;
  visibility: hidden;
}

.choice-start img {
  object-fit: contain;
  width: 95%;
  margin: 0 auto;
  height: auto;
}

/* desktop */
@media screen and (min-width: 650px) {
  .choice-desc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .choice-desc p {
    text-align: left;
  }

  .choice-desc-d-left h2 {
    padding-top: 20px;
  }

  .choice-desc-d-left img {
    display: none;
  }

  .choice-desc-d-right {
    display: block;
    object-fit: contain;
    width: 100%;
    max-width: 450px;
    height: auto;
    margin: 0 auto;
  }

  .page-22607 #PrizesWrapper .carouselTitle {
    width: 100%;
  }

  .page-22607 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 150px);
  }

  .page-22607 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 135px);
  }

  .choice-start {
    left: unset;
    right: 30px;
    bottom: 30px;
    width: 370px;
  }
}

/* join pages */
.body-page-22616, .body-page-22616 .join_action_inner, .body-page-22616.discover-action, .body-page-22616.discover-action .action_inner, .body-page-22616.discover-action .causes_new, .body-page-22616.discover-action .join_action_inner .action_description2{
  background-color: #f7f7e7 !important;
}
.body-page-22616.discover-action .discover-action-head-top, .body-page-22616.discover-action .join_action_inner .blockTitle{
  display: none;
}
.body-page-22616 .action_detail .action.shadow_sm{
  box-shadow: none;
}
.body-page-22616 .causes_new .causes_2020_col1{
  margin-top: 0;
}
.body-page-22616 .causes_new.cause-22996{
  padding-top: 0px;
  align-items: center;
}
.body-page-22616 .cause-22996 .causes_2020_col2, .body-page-22616 .cause-22996 .col1.causesNew, .body-page-22616 .cause-23055 .causes_2020_col2, .body-page-22616 .cause-23055 .col1.causesNew{
  display: none;
}
.body-page-22616 .join_action_inner .actionDetailsMiniActionTitle, .body-page-22616.discover-action .actionDetailsMiniActionTitle{
  font-family: 'HVD Edding 780 Normal';
  color: #000 !important;
}
.body-page-22616.discover-action .causes_new p, .body-page-22616.discover-action .action-disclaimer, .body-page-22616.discover-action .premierText span, .body-page-22616.discover-action .action_descriptionX p, .body-page-22616.discover-action .cause_stats, .body-page-22616.discover-action .ico, .body-page-22616.discover-action .txt_blue1, .body-page-22616.discover-action .share-global, .body-page-22616.discover-action .causes_2020_col2 h5{
  color: #000 !important;
}

/* End Choice Campaign */

/* Gov Ball Campaign - 22675 */
/* Gov Ball Earn a Ticket Campaign - 22677 */
/* https://propeller.la/campaigns/22675/gov-ball-campaign */
.body-page-22675,
.body-page-22677, .body-page-24916 {
  --govball-pink: #ff16ab;

  --govball-bold-ital: 'Obviously Bold Italic';
  --govball-semibold: 'Obviously SemiBold';
  --govball-narrow-black-ital: 'Obviously Narrow Black Italic';
  --govball-narrow-bold-ital: 'Obviously Narrow Bold Italic';
  --govball-black-ital: 'Obviously Black Italic';

  background-image: url('../images/govball-gradient-background.jpg');
  background-position: center center;
  background-repeat: repeat;
  background-size: contain;
}

.body-page-22675,
.page-22675,
.body-page-22677,
.page-22677, .body-page-24916,
.page-24916 {
  width: 100%;
  max-width: 100%;
}

.body-page-22675 .wrapper,
.body-page-22677 .wrapper {
  /* overflow-x: hidden; */
}

.header-page-22675 .header,
.header-page-22677 .header,
.header-page-24916 .header {
  padding: 0px 30px;
}

.header-page-22675 .header_right,
.header-page-22677 .header_right,
.header-page-24916 .header_right {
  width: auto;
}

.body-page-22675 .col1,
.body-page-22677 .col1,
.body-page-24916 .col1 {
  width: 100% !important;
  text-align: center;
}

.body-page-22675 .col1 .wMblShowX.hide,
.body-page-22677 .col1 .wMblShowX.hide,
.body-page-24916 .col1 .wMblShowX.hide {
  display: block !important;
}

.body-page-22675 .col1 .wMblShowX.hide .submitButton,
.body-page-22677 .col1 .wMblShowX.hide .submitButton,
.body-page-24916 .col1 .wMblShowX.hide .submitButton {
  display: none;
}

.body-page-22675 .wGutter,
.body-page-22677 .wGutter,
.body-page-24916 .wGutter {
  margin-left: 0 !important;
  padding: 0 !important;
}

.body-page-22675 .wGutter.right,
.body-page-22677 .wGutter.right,
.body-page-24916 .wGutter.right {
  display: none;
}

.body-page-22675 .col2,
.body-page-22677 .col2,
.body-page-24916 .col2 {
  display: none;
}

.body-page-22675 .page-footer,
.body-page-22677 .page-footer,
.body-page-24916 .page-footer {
  width: 100% !important;
  position: relative;
  z-index: 5;
  padding-bottom: 40px;
}

.body-page-22675 .footer-propeller,
.body-page-22677 .footer-propeller,
.body-page-24916 .footer-propeller {
  position: relative;
  z-index: -1;
  padding: 0px 30px;
}

.body-page-22675 .small_swiper,
.body-page-22677 .small_swiper,
.body-page-24916 .small_swiper {
  display: none;
}

.page-22675 .campaigns,
.page-22677 .campaigns,
.page-24916 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-22675 .container,
.body-page-22675 .container,
.page-22677 .container,
.body-page-22677 .container,
.page-24916 .container,
.body-page-24916 .container {
  max-width: 100%;
  width: 100%;
}

.body-page-22675 .climate_container,
.body-page-22677 .climate_container,
.body-page-24916 .climate_container {
  display: none;
}

.page-22675,
.page-22677,
.page-24916 {
  position: relative;
  z-index: 1;
}

/* order */
.page-22675 #TakeActionWrapper,
.page-22677 #TakeActionWrapper {
  order: 1;
}

.page-22675 .campaign-feeds-custom-rows,
.page-22677 .campaign-feeds-custom-rows {
  order: 2;
}
.page-22675 .campaign-feeds-custom-rows br,
.page-22677 .campaign-feeds-custom-rows br {
  display: none;
}

.page-22675 #PrizesWrapper,
.page-22677 #PrizesWrapper {
  order: 3;
}

/* hub */
.page-22675.campaign-locked .featuredActionsWrapper,
.page-22677.campaign-locked .featuredActionsWrapper {
  display: none;
}
.page-22675 #PrizesWrapper{
  display: none;
}
.page-22675.campaign-locked #PrizesWrapper, .page-22677 #PrizesWrapper  {
  display: block !important;
}

.page-22677.campaign-locked #PrizesWrapper {
  display: none !important;
}

.page-22675.campaign-locked #PrizesWrapper,
.page-22677.campaign-locked #PrizesWrapper {
  padding-top: 0;
  margin-top: -60px;
}

.page-22675.campaign-locked ~ .page-footer .govball-start,
.page-22677.campaign-locked ~ .page-footer .govball-start  {
  display: block !important;
}

.page-22677.campaign-locked ~ .page-footer .govball-hiw {
  margin-top: -50px;
}

/* progress bar */
/* Earn a ticket unlocked version */
.progress-container {
  background-color: black;
  width: 100%;
  padding: 30px 20px;
}

.progress-container h3 {
  font-family: var(--govball-narrow-black-ital);
  color: white;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 100;
  padding: 0 25px;
  line-height: 60px;
  text-align: center;
}

.progress-bar-row {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
}

.progress-bar-row img {
  width: 100%;
  max-width: 80px;
}

.progress-container .ticket-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

#progressBarRewardCost {
  color: white;
  font-family: var(--govball-semibold);
  font-weight: 100;
  text-align: right;
  font-size: 30px;
}

.progress-bar-cont {
  width: 90%;
  height: 40px;
  position: relative;
}

.progress-bar-cont .total-progress {
  background-image: url('../images/gradient-bar.png');
  background-position: center center;
  background-repeat: no-repeat;
  height: 42px;
  background-size: 102% 104%;
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 10;
}

.progress-bar-cont .total-progress::after {
  content: '';
  width: 40px;
  height: 40px;
  background-image: url('../images/gradient-circle-progress.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: -10px;
  top: 0px;
}

@media screen and (min-width: 650px) {
  .progress-bar-cont .total-progress::after {
    width: 60px;
    height: 60px;
    right: -15px;
    top: -10px;
  }
}

.progress-bar-cont #progressBarNumber {
  color: white;
  position: absolute;
  right: -2px;
  bottom: -50px;
  font-family: var(--govball-semibold);
  font-weight: 100;
}

.progress-bar-cont .total-bar {
  background-image: url('../images/whiteoutline-bar.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 40px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.progress-parameters-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 500px;
  align-items: start;
  justify-content: start;
}

.progress-parameters-container div {
  color: white;
}

.progress-param {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.progress-param-text {
  color: white;
  font-family: var(--govball-bold-ital);
  margin-bottom: 0;
  line-height: 50px;
  padding-bottom: 4px;
  font-size: 18px;
}

.progress-check {
  border: 2px solid white;
  width: 30px;
  height: 30px;
  margin: 0 20px;
}

.progress-check.checkComplete {
  background-image: url('../images/govball-checkmark.png');
  background-size: 70%;
  background-position: center center;
  background-repeat: no-repeat;
}

.progress-container .redeemticket {
  margin: 0 auto;
  max-width: 450px;
  width: 80%;
  object-fit: contain;
  padding-top: 50px;
}

.progress-container #redeemTicketButton {
  pointer-events: none;
  filter: grayscale(100%);
}

.progress-container #redeemTicketButton.reddemTicketAvailable:hover {
  transform: scale(1.02);
}

.progress-container #redeemTicketButton.reddemTicketAvailable {
  filter: grayscale(0%) !important;
  pointer-events: auto;
}


/* desc */
.govball-desc {
  margin: 0 auto;
  background-color: black;
  margin-top: -40px;
  padding: 30px 0 40px 0;
}

.govball-desc p, .page-24916 .hf-desc p{
  font-family: var(--govball-bold-ital);
  color: white;
  font-size: 22px;
  text-align: center;
  padding: 0px 30px;
  max-width: 650px;
  margin: 0 auto;
}

.page-24916 .hf-desc p{
  color: #000;
}

.govball-desc img {
  object-fit: contain;
  width: 80%;
  margin: 30px auto 0 auto;
  height: auto;
  max-width: 400px;
}

@media screen and (min-width: 550px) {
  .govball-desc {
    margin-top: -55px;
  }
}

/* carousels */
.page-22675 .featuredActionsWrapper,
.page-22677 .featuredActionsWrapper,
.page-24916 .featuredActionsWrapper   {
  width: 100%;
  padding-bottom: 80px;
}

.page-22675 #TakeActionWrapper,
.page-22677 #TakeActionWrapper {
  margin-top: -50px;
}

.page-22675 .featuredActionsWrapper .home-header-row,
.page-22677 .featuredActionsWrapper .home-header-row,
.page-24916 .featuredActionsWrapper .home-header-row {
  width: 100%;
  text-align: center;
  border-bottom: none;
}

.page-22675 .featuredActionsWrapper .carouselTitle,
.body-page-22675 h2,
.page-22677 .featuredActionsWrapper .carouselTitle,
.body-page-22677 h2,
.page-24916 .featuredActionsWrapper .carouselTitle,
.body-page-24916 h2  {
  font-family: var(--govball-narrow-black-ital);
  color: black;
  font-size: 40px;
  font-weight: 100;
  padding: 0 25px;
  line-height: 60px;
  text-align: center;
}

.page-22675 #PrizesWrapper .carouselTitle,
.page-22677 #PrizesWrapper .carouselTitle {
  font-size: 1px;
  color: transparent;
  visibility: hidden;
  margin: 0 auto;
}

.page-22675 #PrizesWrapper .carouselTitle::after,
.page-22677 #PrizesWrapper .carouselTitle::after {
  content: 'WHAT YOU CAN WIN';
  font-size: 40px;
  line-height: 45px;
  margin-top: -40px;
  color: black;
  visibility: visible;
  display: block;
  padding-bottom: 15px;
}

.page-22675 .featuredActionsWrapper .card-new-container,
.page-22677 .featuredActionsWrapper .card-new-container,
.page-24916 .featuredActionsWrapper .card-new-container  {
  background-color: black;
  margin: 0 auto;
  border-radius: 20px;
}

.page-22675 .featuredActionsWrapper .card-new,
.page-22677 .featuredActionsWrapper .card-new,
.page-24916 .featuredActionsWrapper .card-new  {
  background-color: transparent;
}

.page-22675 .featuredActionsWrapper .card-new-icon-box,
.page-22675 .featuredActionsWrapper .card-new-description,
.page-22677 .featuredActionsWrapper .card-new-icon-box,
.page-22677 .featuredActionsWrapper .card-new-description,
.page-24916 .featuredActionsWrapper .card-new-icon-box,
.page-24916 .featuredActionsWrapper .card-new-description {
  display: none;
}

.page-22675 .featuredActionsWrapper .card-new-description-box,
.page-22677 .featuredActionsWrapper .card-new-description-box,
.page-24916 .featuredActionsWrapper .card-new-description-box {
  margin-left: 0;
}

.page-22675 .featuredActionsWrapper .card-new-bar,
.page-22677 .featuredActionsWrapper .card-new-bar,
.page-24916 .featuredActionsWrapper .card-new-bar {
  padding: 0;
}

.page-22675 .featuredActionsWrapper .card-new-bg-causes ~ .card-new-info .card-propel-title::before,
.page-22677 .featuredActionsWrapper .card-new-bg-causes ~ .card-new-info .card-propel-title::before,
.page-24916 .featuredActionsWrapper .card-new-bg-causes ~ .card-new-info .card-propel-title::before {
  content: 'Donate to';
  /* display: block; */
}

.page-22675 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-22677 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
.page-24916 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar {
  display: block !important;
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: var(--govball-pink);
  font-family: var(--govball-bold-ital);
  font-size: 28px;
}

.page-22675 .featuredActionsWrapper .card-new-points,
.page-22677 .featuredActionsWrapper .card-new-points,
.page-24916 .featuredActionsWrapper .card-new-points {
  width: 100%;
  position: absolute;
  bottom: -10px;
  text-align: center;
  color: var(--govball-pink);
  font-size: 28px;
  font-family: var(--govball-bold-ital);
}

.page-22675 .featuredActionsWrapper .card-new-points:after,
.page-22677 .featuredActionsWrapper .card-new-points:after,
.page-24916 .featuredActionsWrapper .card-new-points:after {
  content:' POINTS';
}

.page-22675 #PrizesWrapper .card-new-points:after,
.page-22675 .featuredActionsWrapper .card-new-bg-donation .card-new-points:after,
.page-22675 .featuredActionsWrapper .card-new-bg-points .card-new-points:after,
.page-22677 #PrizesWrapper .card-new-points:after,
.page-22677 .featuredActionsWrapper .card-new-bg-donation .card-new-points:after,
.page-22677 .featuredActionsWrapper .card-new-bg-points .card-new-points:after,
.page-24916 #PrizesWrapper .card-new-points:after,
.page-24916 .featuredActionsWrapper .card-new-bg-donation .card-new-points:after,
.page-24916 .featuredActionsWrapper .card-new-bg-points .card-new-points:after {
  content:'';
}


/* override points for ECRC and cchaya cards */
.page-22677 .featuredActionsWrapper .actionId-22900 .card-new-points,
.page-22677 .featuredActionsWrapper .actionId-22885 .card-new-points {
  visibility: hidden;
  font-size: 1px;
}
.page-22677 .featuredActionsWrapper .actionId-22900 .card-new-points::after,
.page-22677 .featuredActionsWrapper .actionId-22885 .card-new-points::after  {
  visibility: visible;
  content: '1,000 POINTS PER HOUR' !important;
  display: block;
  font-size: 30px;
}

.page-22675 .featuredActionsWrapper .card-new-info,
.page-22677 .featuredActionsWrapper .card-new-info,
.page-24916 .featuredActionsWrapper .card-new-info {
  background-color: transparent !important;
}

.page-22675 .featuredActionsWrapper .card-new-image,
.page-22677 .featuredActionsWrapper .card-new-image,
.page-24916 .featuredActionsWrapper .card-new-image {
  transform: scale(0.9);
}

.page-22675 .card-new-info-container,
.page-22677 .card-new-info-container,
.page-24916 .card-new-info-container {
  margin-top: -15px;
  text-align: center;
  font-weight: 100;
  font-size: 15px;
  line-height: 22px;
  height: 90px;
  font-family: var(--govball-semibold);
  text-transform: uppercase;
  color: white;
  -webkit-line-clamp: 4;
}

.page-22675 .slick-current .campaign-card-title,
.page-22677 .slick-current .campaign-card-title,
.page-24916 .slick-current .campaign-card-title {
  color: white !important;
  font-family: var(--govball-semibold) !important;
  width: 100% !important;
  margin-left: 0 !important;
  font-size: 20px !important;
}

.page-22675 .slick-current .campaign-card-desc-text,
.page-22677 .slick-current .campaign-card-desc-text,
.page-24916 .slick-current .campaign-card-desc-text {
  color: white;
  width: 100%;
  margin-left: 0;
  font-family: var(--govball-semibold);
  font-size: 14px;
}

.page-22675 .featuredActionsWrapper .card-campaign-container,
.page-22677 .featuredActionsWrapper .card-campaign-container {
  /* margin-top: -50px; */
}

.page-22675 .featuredActionsWrapper,
.page-22677 .featuredActionsWrapper,
.page-24916 .featuredActionsWrapper {
  --more-content: ' MORE ';
}

.page-22675 .featuredActionsWrapper:after,
.page-22677 .featuredActionsWrapper:after,
.page-24916 .featuredActionsWrapper:after {
  content: var(--more-content);
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  bottom: -37px;
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  color: white;
  font-family: var(--govball-narrow-black-ital);
}

.page-22675 #TakeActionWrapper,
.page-22677 #TakeActionWrapper {
  --more-content: ' MORE ACTIONS ';
}

.page-22675 #TakeActionWrapper:after,
.page-22677 #TakeActionWrapper:after {
  content: var(--more-content);
  bottom: -37px;
}

.page-22675 #PrizesWrapper,
.page-22677 #PrizesWrapper  {
  --more-content: ' MORE PRIZES ';
}

.page-22675 #PrizesWrapper:after,
.page-22677 #PrizesWrapper:after {
  content: var(--more-content);
  bottom: -37px;
}

.page-22675 .featuredActionsWrapper .slick-arrow,
.page-22677 .featuredActionsWrapper .slick-arrow,
.page-24916 .featuredActionsWrapper .slick-arrow {
  position: absolute;
  margin-top: 285px;
  width: 70px;
  height: 70px;
  z-index: 8;
  color: transparent;
}

/* subject to change if edited */
/* .page-22675 .carousel-MoreWaystoTakeAction:after, */
.page-22677 .carousel-MoreWaystoTakeAction .slick-arrow {
  margin-top: 372px;
}

.page-22675 .featuredActionsWrapper .slick-prev,
.page-22677 .featuredActionsWrapper .slick-prev,
.page-24916 .featuredActionsWrapper .slick-prev {
  background-image: url('../images/govball-leftarrow.png');
  background-position: center;
  background-size: contain;
  margin-left: 50px;
}

.page-22675 .featuredActionsWrapper .slick-next,
.page-22677 .featuredActionsWrapper .slick-next,
.page-24916 .featuredActionsWrapper .slick-next {
  background-image: url('../images/govball-rightarrow.png');
  background-position: center;
  background-size: contain;
  margin-right: 50px;
}

/* mobile cards fix */
@media screen and (max-width: 450px) {
  .page-22675 .featuredActionsWrapper .card-new-container,
  .page-22677 .featuredActionsWrapper .card-new-container,
  .page-24916 .featuredActionsWrapper .card-new-container {
    width: 310px !important;
  }

  .page-22675 .featuredActionsWrapper .card-new-bar,
  .page-22677 .featuredActionsWrapper .card-new-bar,
  .page-24916 .featuredActionsWrapper .card-new-bar {
    font-size: 1.5rem !important;
    padding: 0px !important;
  }

  .page-22675 .featuredActionsWrapper .card-new-info,
  .page-22677 .featuredActionsWrapper .card-new-info,
  .page-24916 .featuredActionsWrapper .card-new-info {
    font-size: 2.3rem !important;
    height: 130px !important;
    padding: 15px !important;
    /* margin-top: -25px; */
  }

  .page-22675 .featuredActionsWrapper .card-new-description,
  .page-22677 .featuredActionsWrapper .card-new-description,
  .page-24916 .featuredActionsWrapper .card-new-description {
    text-transform: uppercase !important;
    /* padding-left: 10px; */
  }
}

@media screen and (min-width: 451px) {
  .page-22675 .featuredActionsWrapper .slick-arrow,
  .page-22677 .featuredActionsWrapper .slick-arrow,
  .page-24916 .featuredActionsWrapper .slick-arrow {
    margin-top: 285px !important;
  }

  .page-22677 .carousel-MoreWaystoTakeAction .slick-arrow {
    margin-top: 372px !important;
  }
}

@media screen and (min-width: 1093px) and (max-width: 1260px) {
  .page-22675 .featuredActionsWrapper .card-new-container,
  .page-22677 .featuredActionsWrapper .card-new-container,
  .page-24916 .featuredActionsWrapper .card-new-container {
    width: 250px !important;
  }

  .page-22675 .featuredActionsWrapper .slick-arrow,
  .page-22677 .featuredActionsWrapper .slick-arrow,
  .page-24916 .featuredActionsWrapper .slick-arrow {
    margin-top: 255px !important;
  }

  .page-22675 .featuredActionsWrapper .card-new-points,
  .page-22675 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22675 .featuredActionsWrapper .card-auction-price,
  .page-22677 .featuredActionsWrapper .card-new-points,
  .page-22677 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22677 .featuredActionsWrapper .card-auction-price,
  .page-24916 .featuredActionsWrapper .card-new-points,
  .page-24916 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-24916 .featuredActionsWrapper .card-auction-price {
    font-size: 29px;
  }
}

@media screen and (min-width: 480px) and (max-width: 557px) {
  .page-22675 .featuredActionsWrapper .card-new-container,
  .page-22677 .featuredActionsWrapper .card-new-container,
  .page-24916 .featuredActionsWrapper .card-new-container {
    width: 220px !important;
  }

  .page-22675 .featuredActionsWrapper .slick-arrow,
  .page-22677 .featuredActionsWrapper .slick-arrow,
  .page-24916 .featuredActionsWrapper .slick-arrow {
    margin-top: 255px !important;
  }

  .page-22675 .featuredActionsWrapper .card-new-points,
  .page-22675 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22675 .featuredActionsWrapper .card-auction-price,
  .page-22677 .featuredActionsWrapper .card-new-points,
  .page-22677 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-22677 .featuredActionsWrapper .card-auction-price,
  .page-24916 .featuredActionsWrapper .card-new-points,
  .page-24916 .featuredActionsWrapper .card-new-bg-causes .card-points-per-dollar,
  .page-24916 .featuredActionsWrapper .card-auction-price {
    font-size: 25px;
  }
}

@media screen and (min-width: 698px) and (max-width: 1025px) {
  .page-22675 .featuredActionsWrapper.FullCarousel .card-new-container,
  .page-22677 .featuredActionsWrapper.FullCarousel .card-new-container,
  .page-24916 .featuredActionsWrapper.FullCarousel .card-new-container {
    transform: none !important;
  }
}

/* hiw */
.govball-hiw {
  padding-bottom: 30px;
}

.govball-hiw-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.govball-hiw-sec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 350px;
  height: 250px;
  margin: 0 auto;
  background-image: url('../images/govball-gradient-circle.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.govball-hiw-sec h3 {
  color: black;
  text-transform: uppercase;
  font-family: var(--govball-narrow-black-ital);
  text-align: center;
  font-size: 60px;
  font-weight: 100;
  line-height: 60px;
}

.govball-hiw-sec p {
  color: black;
  font-family: var(--govball-black-ital);
  font-size: 20px;
}

@media screen and (min-width: 1155px) {
  .govball-hiw-cont {
    flex-direction: row;
  }
}

/* partners */
.govball-partners {
  background-color: black;
  padding: 30px 0 100px 0;
  margin-bottom: -40px;
}

.govball-partners h2 {
  color: white;
}

.govball-partners-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.govball-partners-cont img {
  object-fit: contain;
  width: 90%;
  margin: 0 auto;
  height: auto;
  max-width: 250px;
}

/* start */
.govball-start {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
  visibility: hidden;
}

.govball-start img {
  object-fit: contain;
  width: 90%;
  margin: 0 auto;
  height: auto;
}

/* desktop */
@media screen and (min-width: 650px) {
  .page-22675 .featuredActionsWrapper .slick-next,
  .page-22677 .featuredActionsWrapper .slick-next,
  .page-24916 .featuredActionsWrapper .slick-next {
    margin-right: calc(50% - 210px);
  }

  .page-22675 .featuredActionsWrapper .slick-prev,
  .page-22677 .featuredActionsWrapper .slick-prev,
  .page-24916 .featuredActionsWrapper .slick-prev {
    margin-left: calc(50% - 225px);
  }

  .page-22677 .carousel-MoreWaystoTakeAction .slick-arrow {
    margin-top: 390px !important;
  }

  .govball-start {
    left: unset;
    right: 30px;
    bottom: 30px;
    width: 370px;
  }
}

/* 24916 edits */
.body-page-24916 .slick-track {
  transform: none !important;
  width: 100% !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.body-page-24916 .slick-list {
  padding: 0 100px !important;
}

.body-page-24916 .slick-track .slick-cloned {
  display: none;
}

.body-page-24916 .featuredActionsWrapper a {
  width: 350px !important;
}

.body-page-24916 .featuredActionsWrapper.FullCarousel .card-new-container {
  transform: scale(1);
  margin: 20px;
  width: 310px !important;
}

.body-page-24916 .featuredActionsWrapper:after {
  content: '' !important;
}

.body-page-24916 .featuredActionsWrapper .slick-arrow {
  display: none !important;
}


/* onsite date cards */
/* days for cards */
.body-page-24916 .campaign-feeds-custom-rows .featuredActionsWrapper .card-new-image {
  margin-top: 30px;
}

.body-page-24916 .campaign-feeds-custom-rows .featuredActionsWrapper .card-new-info::before {
  text-align: center;
  position: absolute;
  display: block;
  font-size: 34px;
  margin-top: -5px;
  z-index: 10;
  top: 0;
  left: 50%;
  letter-spacing: 2px;
  transform: translateX(-50%);
  /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
}


.body-page-24916 .actionId-24715 .card-new-info::before,
.body-page-24916 .actionId-24714 .card-new-info::before,
.body-page-24916 .actionId-24744 .card-new-info::before {
  content: 'FRIDAY';
}

.body-page-24916 .actionId-24713 .card-new-info::before,
.body-page-24916 .actionId-24712 .card-new-info::before,
.body-page-24916 .actionId-24746 .card-new-info::before {
  content: 'SATURDAY';
}

.body-page-24916 .card-new-info::before {
  content: 'SUNDAY';
}


/* End Gov Ball Campaign */



/* END CAMPAIGNS */


/* ABOUT  US PAGE */
/* New V moved to page/16124.css */

/* oldV */
.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;

  display: none;
}

.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: var(--propeller-title);
  font-weight: 600;
  font-style: normal;
  font-size: 40px;
  text-align: center;
  color: #000000;
  color: black !important;
  text-transform: uppercase;
}

.body-page-16124 .col2.left {
  margin: 0 auto !important;
}

.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: var(--propeller-title);
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase;
  color: #000000;
}

.about-us-body h1 {
  font-size: 3.5rem;
  margin-bottom: 30px !important;
}

.about-us-body h2 {
  font-size: 2.5rem;
  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: var(--propeller-title);
  font-weight: 600;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 2.6rem;
  color: #000000;
  align-items: center;
  text-transform: uppercase;
}

.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;
}

.body-page-16124 .home-header-row {
  width: 100%;
  padding: 0 20px;
  text-align: center;
}

.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-image: linear-gradient(to bottom, black, var(--premier-purple));
  /* margin-top: 50px; */
}

.premier-content-new {
  width: 100%;
  padding: 40px 30px;
  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: 300px;
  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-pink {
  color: #FE20B0;
}

.premier-yellow {
  color: #E8FF0A;
}

.handwriting.premier-pink h1 {
  font-family: var(--propeller-title);
  font-size: 42px;
  text-transform: uppercase;
  color: var(--propeller-white);
}

.premier-splash-description {
  font-size: 18px;
  color: var(--propeller-white);
  font-family: var(--propeller-text);
  font-weight: 600;
}

.premier_gradient_MR {
  /* background-image: linear-gradient(to bottom right, #fb23b3, #ff4d00); */
  background-image: linear-gradient(90.09deg,#FE20B0 -1.72%,#FE4301 127.31%);
}

.premier_gradient_MR {
  font-family: 'Outfit';
}

.premier_gradient_MR:hover {
  background-color: #FFFFFF !important;
}

.premier-wrapper-new .button_brad {
  padding: 10px 27px;
  width: 280px;
  display: block;
  position: relative;
  transition: ease 0.3s all;
  cursor: pointer;
}

.premier-wrapper-new .button_brad a {
  color: var(--propeller-white);
  font-family: var(--propeller-title);
  padding: 10px 20px;
}

.premier-wrapper-new .button_brad:hover {
  transform: scale(1.03);
}

@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;
  }
}

/* custom premier share post card */
.card-new-container.actionId-28611 .card-new-bg-share-post {
  /* background-color: #FE20B0; */
  background-image: linear-gradient(90.09deg,#FE20B0 -1.72%,#FE4301 127.31%);
  padding: 10px;
}

.card-new-container.actionId-28611 .card-new-icon-box {
  width: 29px;
}

.card-new-container.actionId-28611 .card-new-icon {
  background-image: url('../images/propellerpremier-profilepic-badge.png') !important;
}

.card-new-container.actionId-28611 .card-new-description {
  font-size: 1px;
  color: transparent;
}

.card-new-container.actionId-28611 .card-new-description::after {
  content: 'JOIN PREMIER';
  color: #f2f2f2;
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin-top: -2px;
}

.card-new-container.actionId-28611 .card-ns-top {
  display: block;
}

.card-new-container.actionId-28611 .card-ns-top::after {
  content: 'JOIN PREMIER';
  display: block;
  visibility: visible;
  color: var(--propeller-black);
  font-family: var(--propeller-text);
  font-weight: 800;
  text-align: center;
  font-size: 20px;
}
.card-new-container.actionId-28611 .card-ns-top .card-type,
.card-new-container.actionId-28611 .card-ns-top .card-new-icon-box {
  display: none;
}
/*  */

.nav-premier-link {
  margin-left: -13px;
}

.nav-premier-link-mobile {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}

.nav-premier-link-mobile .premier-magenta {
  color: white !important;
  text-decoration: underline;
  text-decoration-color: #fb23b3;
}

.nav-premier-icon-mobile {
  margin-right: 9px;
}

.premier-magenta {
  color: #fb23b3 !important;
}

/* Premier Badge */
.premierBadge {
  /* background-image: url('../images/premier_gradient-logo-black.png'); */
  background-image: url('../images/propellerpremier-profilepic-badge.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  display: inline-block;
}

/* Premier Badge header */
.nav-thumb-premierBadgeCont {
  position: relative;
}

.nav-thumb-premierBadgeCont .premierBadge {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  right: -5px;
}

.premier-title-cont {
  display: flex;
  flex-direction: row;
}

.premier-title-cont .premierBadge {
  margin-top: -10px;
  margin-right: 5px;
  width: 50px;
  height: 50px;
}

.JoinPremeirHTML-Cont {
  display: flex;
  align-items: center;
}

.JoinPremeirHTML-Cont .premierBadge {
  width: 100px;
  height: 100px;
  margin-right: 5px;
  margin-bottom: 15px;
  background-image: url('../images/propellerpremier-logo-icon-lrg.png');
}

.user-legacy-full-name {
  display:flex;
  align-items: center;

  display: none;
}

.user-legacy-full-name h1 {
  padding: 0;
  margin: 0;
}

.user-legacy-full-name .premierBadge {
  margin-right: 5px;
}

/* premier supporters section */
/* includes/premier_supporters.php */
.pm24container {
  padding: 30px;
  width: 90%;
  margin: 0 auto;
  max-width: 1300px;
}

.pm24-title {
  font-family: 'termina';
  text-transform: uppercase;
  font-weight: 900;
  font-size: 45px;
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: left;
}

.pm24-supporters {
  background: linear-gradient(149.55deg, rgba(124, 0, 255, 0.08) -3.01%, rgba(254, 32, 176, 0.08) 105.11%);
  width: 100%;
}

.squote {
  background-color: white;
  border-radius: 10px;
  padding: 25px;
  width: 50%;
  position: relative;
  margin-right: 30px;
}

.squote p {
  line-height: 25px;
  font-size: 16px;
}

.supscont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

.supscont a,
.body-page-27503 .supscont a {
  width: 90%;
  max-width: 280px;
  margin: 0 auto;
  background-color: transparent;
  display: block;
  color: #111 !important;
  text-decoration: none !important;
  font-size: 22px;
  text-align: center;
  border-radius: 40px;
  padding: 14px;
  margin-bottom: 15px;
  margin-top: 20px;
  transition: 0.5s ease;
  border: 2px solid #111;
}

.supscont a:hover {
  transform: scale(1.03);
}

.squote .user-photo {
  width: 50px;
  height: 50px;
  position: absolute;
  right: -25px;
  top: -25px;
  background-color: #555;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 20px 20px 20px 0;
}


/* premier impact calculator */
/* https://design8.propeller.la/campaigns/27503/premier-2024 */
.impactCalcContainer {
  width: 100%;
  background: linear-gradient(90.09deg, #FE20B0 -1.72%, #FE4301 127.31%);
  color: white;
}

.impactCalcContainer .pm24container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
}

.impactCalcContainer h2 {
  width: 50%;
  text-align: left;
  line-height: 46px;
}

.impactCalcContainer .calcCont {
  width: 50%;
  background-color: white;
  border-radius: 10px;
  color: #111;
  padding: 20px 30px;
}

.impactCalcContainer .calcCont p {
  margin-bottom: 0;
}

.impactCalcContainer .statsec {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 15px 0;
}

.impactCalcContainer .statsec.impressions {
  border-bottom: none;
}

.impactCalcContainer .statsec .statlabel {
  /* color: #FE20B0; */
  color: #7200F0;
  padding-bottom: 8px;
}

.impactCalcContainer .statnum {
  font-size: 35px;
  line-height: 35px;
  color: #111;
  font-weight: 600;
}

.impactCalcContainer .calcCont input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  box-shadow: none;
}

.impactCalcContainer .calcCont input[type=range]:focus {
  outline: none;
}

.impactCalcContainer .calcCont input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #7C00FF;
  border-radius: 1px;
  border: 0px solid #000000;
}

.impactCalcContainer .calcCont input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 1px solid #111;
  height: 22px;
  width: 22px;
  border-radius: 25px;
  background: #58F091;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}

.impactCalcContainer .calcCont input[type=range]:focus::-webkit-slider-runnable-track {
  background: #7C00FF;
}

.impactCalcContainer .calcCont input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #7C00FF;
  border-radius: 1px;
  border: 0px solid #7C00FF;
}

.impactCalcContainer .calcCont input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: 1px solid #111;
  height: 22px;
  width: 22px;
  border-radius: 25px;
  background: #58F091;
  cursor: pointer;
}

.impactCalcContainer .calcCont input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.impactCalcContainer .calcCont input[type=range]::-ms-fill-lower {
  background: #7C00FF;
  border: 0px solid #111;
  border-radius: 2px;
  box-shadow: none
}

.impactCalcContainer .calcCont input[type=range]::-ms-fill-upper {
  background: #7C00FF;
  border: 0px solid #111;
  border-radius: 2px;
  box-shadow: none;
}

.impactCalcContainer .calcCont input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #111;
  border: 1px solid #111;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #58F091;
  cursor: pointer;
}

.impactCalcContainer .calcCont input[type=range]:focus::-ms-fill-lower {
  background: #58F091;
}

.impactCalcContainer .calcCont input[type=range]:focus::-ms-fill-upper {
  background: #58F091;
}

@media screen and (max-width: 988px) {
  .impactCalcContainer .pm24container {
    flex-direction: column;
  }

  .impactCalcContainer h2 {
    width: 100%;
    line-height: 32px;
    padding-bottom: 20px;
  }

  .impactCalcContainer .calcCont {
    width: 100%;
  }
}

/**
 * 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 */

/* Cali Vibes Event page */
.event-page-22936 .action-second-row{
  flex-direction: column;
  align-items: center;
}
.event-page-22936 .action-second-row .alien{
  display: none;
}
.event-page-22936 .event_act .act_icon_txt{
  margin-top: 20px;
}
.event-page-22936 .event_action .event-action-text{
  text-align: center;
}
/* END Cali Vibes Event page */




/** 
 * Emo night Nashville 2023 event pages 
 */
.event-page-23003 .action-second-row, .event-page-23013 .action-second-row{
  flex-direction: column;
  align-items: center;
}
.event-page-23003 .action-second-row .alien, .event-page-23013 .action-second-row .alien{
  display: none;
}
.event-page-23003 .event_act .act_icon_txt, .event-page-23013 .event_act .act_icon_txt{
  margin-top: 20px;
}
.event-page-23003 .event_action .event-action-text, .event-page-23013 .event_action .event-action-text{
  text-align: center;
}
/* green to red change */
.event-page-23003 .event-single .event-intro, .event-page-23003 .event-desktop-top .event-intro, .event-page-23013 .event-single .event-intro, .event-page-23013 .event-desktop-top .event-intro{
  color: #FF1B06;
}
.event-page-23003 .event-top-button div, .event-page-23013 .event-top-button div{
  background-color: #FFF;
  border: 3px solid #000;
}
.event-page-23003 .event-top-button, .event-page-23013 .event-top-button{
  border: 3px solid #FF1B06;
  border-radius: 13px;
}
.event-page-23003 .event-choose-action .event-take-action-title, .event-page-23013 .event-choose-action .event-take-action-title{
  background-image: url("/images/takeactiontoenter-red-mobile.gif");
}
.event-page-23003 .event-down-arrow, .event-page-23013 .event-down-arrow{
  background-image: url("/images/event-red-arrow.png");
}
@media screen and (min-width: 650px){
  .event-page-23003 .edesktop.read-more-button, .event-page-23013 .edesktop.read-more-button {
    color: #FF1B06;
  }
  .event-page-23003 .stars-border-top, .event-page-23003 .stars-border-bottom, .event-page-23013 .stars-border-top, .event-page-23013 .stars-border-bottom{
    background-image: url("/images/event-red-stars.gif");
  }
}
.event-page-23003 .event-single .event-stars, .event-page-23013 .event-single .event-stars{
  background-image: url("/images/event-red-stars.gif");
}
.event-page-23003 .action-details.ev-head .ev-head-txt, .event-page-23003 .act-entries-com, .event-page-23013 .action-details.ev-head .ev-head-txt, .event-page-23013 .act-entries-com{
  color: #FF1B06 !important;
}
.event-page-23003 .event_act .act_icon_txt.com_1, .event-page-23013 .event_act .act_icon_txt.com_1{
  background-color: #FFF;
  border: 2px solid #FF1B06;
}
/* END Emo Night Nashville 2023 */

/* Re:set Concert Series 2023 Campaign */
.body-page-23089 .small_swiper{
  display:none;
}
.page-23089{
  background: #1C1C1C;
}
.page-23089 .campaign-body-middle{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.page-23089 .campaign_body.short-description, .page-23089 .campaign_body.short-description a.enter_button, .page-23089 .campaign_body.short-description h3{
  color: #FFF !important;
  font-family: 'ITC Avant Gothic STD';
}
.page-23089 .container{
  width: 100% !important;
  max-width: 1920px !important;
  overflow-x: hidden;
}
.page-23089 .container > .col3{
  display: none;
}
.page-23089  .campaign-body-middle .col2.w75{
  width: 100%;
}
.reset23_header_wrapper{
  background-image: url("/images/reset23_circle_background_v2.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1300px){
  .reset23_header_wrapper{
    background-size: contain;
  }
}
/* Top carousel */
.page-23089 .reset23_header_carousel{
  width: 500px;
  margin: 0 auto;
}
.page-23089 .reset23_header_carousel a.slick-slide img{
  max-width: 100%;
}
.page-23089 .reset23_header_carousel ul.slick-dots{
  list-style: none;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  margin-top: 3rem;
}
.page-23089 .reset23_header_carousel ul.slick-dots li button{
  display:none;
}
.page-23089 .reset23_header_carousel ul.slick-dots li{
  width: 16px;
  height: 16px;
  border-radius: 10px;
  border: 2px solid #FFF;
  margin: 0 1rem;
}
.page-23089 .reset23_header_carousel ul.slick-dots li.slick-active{
  background: #FFF;
}
.page-23089 .reset23_header_carousel .slick-next, .page-23089 .reset23_header_carousel .slick-prev{
  height: 80px;
  width: 80px;
  top: 42%;
}
.page-23089 .reset23_header_carousel .slick-next{
  background-image: url("/images/reset23_rightarrow.png");
  right: -90px;
}
.page-23089 .reset23_header_carousel .slick-prev{
  background-image: url("/images/reset23_leftarrow.png");
  left: -90px;
}
@media screen and (max-width: 710px){
  .page-23089 .reset23_header_carousel{
    width: 300px;
  }
  .page-23089 .reset23_header_carousel img{
    max-width: 100%;
  }
}
@media screen and (max-width: 490px){
  .reset23_header_wrapper{
    background-image: none;
  }
  .page-23089 .reset23_header_carousel .slick-list{
    padding-bottom: 10rem;
  }
  .page-23089 .reset23_header_carousel .slick-next, .page-23089 .reset23_header_carousel .slick-prev{
    top: 80%;
  }
  .page-23089 .reset23_header_carousel .slick-next{
    right: 0;
  }
  .page-23089 .reset23_header_carousel .slick-prev{
    left: 0;
  }
}
/* Enter Now section */
.page-23089 .campaign_body.short-description a.enter_button{
  display: inline-block;
  border: 2px solid #FFF;
  border-radius: 34px;
  padding: 25px 25px 20px 25px;
  font-size: 34px;
  max-width: 90%;
  height: auto;
  line-height: 100%;
}
@media screen and (max-width: 649px){
  .page-23089 .campaign_body.short-description a.enter_button{
    padding: 27px 25px 20px 25px;
  }
}
.page-23089 .white_line_break{
  width: 300px;
  height: 3px;
  background: #fff;
  margin: 6rem auto;
}
.page-23089 .campaign_body.short-description h3{
  font-size: 34px;
}
.page-23089 .campaign_body.short-description p{
  font-size: 22px;
  font-family: 'ITC Avant Gothic Demi';
  line-height: 165%;
  padding: 0 2rem;
  max-width: 960px;
  margin: 0 auto;
}
.reset23_enter_section{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}
.reset23_cities_row{
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.reset23_cities_row .reset_23_cities_col{
  width: 22%;
  padding: 0 10px;
}
.page-23089 .campaign_body.short-description .reset23_cities_row .reset_23_cities_col p{
  font-size: 18px;
  font-family: 'ITC Avant Gothic Demi';
}
.reset23_cities_row .reset_23_cities_col .city_name{
  font-family: 'Tungsten Compressed';
  font-size: 80px;
  padding: 10px;
  margin-top: 10px;
  color: #1c1c1c;
  display: block;
}
.reset23_cities_row .reset_23_cities_col.col1 .city_name{
  background: #5BC6D1;
}
.reset23_cities_row .reset_23_cities_col.col2 .city_name{
  background: #EFCEE0;
}
.reset23_cities_row .reset_23_cities_col.col3 .city_name{
  background: #E88440;
}
.reset23_cities_row .reset_23_cities_col.col4 .city_name{
  background: #B4DFE9;
}
@media screen and (max-width: 960px){
  .page-23089 .campaign_body.short-description p{
    font-size: 19px;
  }
  .reset23_cities_row{
    flex-direction: column;
  }
  .reset23_cities_row .reset_23_cities_col{
    width: 90%;
    margin: 0 auto 4rem auto;
  }
}
/* END enter section */
/* Earn Tickets section */
.page-23089 .climate_spacer_30{
  display: none;
}
.page-23089 .featuredActionsWrapper .home-header-row{
  width: 100%;
  text-align: center;
  border: none;
}
.page-23089 .featuredActionsWrapper .home-header-row p{
  color: #FFF;
  font-family: 'ITC Avant Gothic Demi';
  font-size: 34px;
  letter-spacing: 0.15rem;
}
.page-23089 .carousel-EARNTICKETSINYOURCITY .home-header-row{
  width: 675px;
  max-width: 100%;
  display: block;
  margin: 0 auto 3rem auto;
  background-image: url("/images/reset23_ticket_right.png");
  background-repeat: no-repeat;
  background-size: 71px 44px;
  background-position: 100% 0%;
}
.page-23089 .carousel-EARNTICKETSINYOURCITY .home-header{
  background-image: url("/images/reset23_ticket_left.png");
  background-repeat: no-repeat;
  background-size: 71px 44px;
  background-position: 0% 0%;
}
.page-23089 .carousel-EARNTICKETSINYOURCITY p.carouselTitle:after{
  content: 'Take the luck out of attending the Re:SET Concert Series. Find out what you need to do to earn a ticket in your market.';
  display: block;
  font-size: 18px;
  font-family: 'ITC Avant Gothic Demi';
  font-weight: normal;
  margin-top: 2rem;
  line-height: 150%;
}
.page-23089 .carousel-EARNTICKETSINYOURCITY .card-new-container{
  background: #5BC6D1;
}
.page-23089 .carousel-EARNTICKETSINYOURCITY .card-new{
  margin-bottom: 0;
}
@media screen and (max-width: 700px){
  .page-23089 .carousel-EARNTICKETSINYOURCITY .home-header-row{
    padding: 0 2rem;
    background-image: none;
  }
  .page-23089 .carousel-EARNTICKETSINYOURCITY .home-header{
    padding-top: 70px;
    background-position: 50% 0;
  }
}
/* carousels styles */
.page-23089 .featuredActionsWrapper{
  padding-bottom: 8rem;
  --more-content: 'MORE ACTIONS';
}

.page-23089 #PrizesWrapper {
  height: auto !important;
  --more-content: 'MORE PRIZES';
}

.page-23089 .featuredActionsWrapper .slick-prev, .page-23089 .featuredActionsWrapper .slick-next{
  top: 97%;
  width: 80px;
  height: 80px;
}
.page-23089 .featuredActionsWrapper .slick-prev{
  left: 38%;
  background-image: url("/images/reset23_leftarrow.png");
}
.page-23089 .featuredActionsWrapper .slick-next{
  right: 38%;
  background-image: url("/images/reset23_rightarrow.png");
}
.page-23089 .featuredActionsWrapper .slick-slider:after{
  display: block;
  width: 300px;
  margin: 5rem auto 0 auto;
  content: var(--more-content);
  font-family: 'ITC Avant Gothic Demi';
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 700px){
  .page-23089 .featuredActionsWrapper .slick-next{
    right: 8%;
    top: 95%;
  }
  .page-23089 .featuredActionsWrapper .slick-prev{
    left: 8%;
    top: 95%;
  }
  .page-23089 .featuredActionsWrapper .slick-slider:after{
    width: 125px;
    white-space: break-spaces;
  }
}
/* Video footer */
.body-page-23089 .page-footer.container{
  width: 100%;
  max-width: 100%;
  background: #1C1C1C;
  margin-top: -14px;
}
.body-page-23089 .page-footer-content{
  text-align: center;
}
.body-page-23089 .page-footer-content iframe{
  max-width: 100% !important;
}
/* END Re:set Concert Series 2023 Campaign */


/* Marty Music contest event */
@import url("https://p.typekit.net/p.css?s=1&k=tuh6xqh&ht=tk&f=10884.28316.32874.41078.41097.41110.41090.41091&a=1700916&app=typekit&e=css");
@font-face {
  font-family:"roc-grotesk";
  src:url("https://use.typekit.net/af/975d46/00000000000000007735b7c3/30/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/975d46/00000000000000007735b7c3/30/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/975d46/00000000000000007735b7c3/30/a?subset_id=2&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
.event-page-23070, .event-page-23070 .actions_landing_wrapper{
  background: #7ea7d9;
}
.event-page-23070 .event-desktop-top .event-intro, .event-page-23070 .read-more-button, .event-page-23070 .event-choose-action .event-take-action-desc, .event-page-23070 .event-single .event-intro, .event-page-23070 .action-details.ev-head .ev-head-txt{
  color: #2e517c;
  font-family: 'roc-grotesk', sans-serif;
  font-weight: 700;
}
.event-page-23070 .event-desktop-top .event-intro{
  font-size: 28px;
}
.event-page-23070 .event-choose-action .event-take-action-desc{
  font-size: 32px;
  max-width: 85%;
  visibility: hidden;
}
.event-page-23070 .event-choose-action .event-take-action-desc:after{
  content: 'Donations go towards music education programs in under resourced communities nationwide.';
  display: block;
  visibility: visible;
  margin-top: -40px;
}
.event-page-23070 .event-desktop-top .event-title, .event-page-23070 .act_entries, .event-page-23070 .act-entries-com, .event-page-23070 .event_action .event-action-action-type.causes:before{
  color: #FFF;
  font-family: 'Roc Grotesk Condensed Bold', sans-serif;
}
.event-page-23070 .event-desktop-top .event-title{
  font-size: 64px;
  line-height: 100%;
}
.event-page-23070 .event-desktop-top .upgrade-description{
  max-width: 660px;
  margin: 0 auto;
}
.event-page-23070 .event-desktop-top .upgrade-description p{
  font-size: 18px;
}
.event-page-23070 .act_entries, .event-page-23070 .act-entries-com{
  color: #a9ebff;
}
.event-page-23070 .act_entries{
  font-size: 42px;
}
.event-page-23070 a, .event-page-23070 .paragraph-text, .event-page-23070 .event_action .event-action-text, .event-page-23070 .read-more-text-container ul, .event-page-23070 .event_act .action-detail, .event-page-23070 .donatePro_buts .tc .but{
  color: #2e517c;
  font-family: 'Roc Grotesk Medium', sans-serif;
}
.event-page-23070 .donatePro_buts .tc .but{
  color: #FFF;
}
.event-page-23070 .read-more-text-container h3{
  color: #2e517c;
}
.event-page-23070 .event_action .event-action-action-type.causes:before{
  color: #2e517c !important;
  font-size: 26px;
}
.event-page-23070 .read-more-button{
  font-size: 20px;
  text-decoration: underline;
}
.event-page-23070 .event_act .act_icon_txt{
  border: 2px solid #2e517c;
  font-family: 'Roc Grotesk Condensed Bold', sans-serif;
}
.event-page-23070 .event_act .act_icon_txt.action-detail-action-type{
  border: none;
  font-size: 24px !important;
}
.event-page-23070 .event-top-button{
  color: #FFF;
}
.event-page-23070 .event-top-button div{
  background-color: #2e517c;
}
/* donation area */
.event-page-23070 .actiond-container{
  background-image: none;
}
.event-page-23070 .event_act.event_causes{
  box-shadow: none;
  background: #7ea7d9;
  border: 2px solid #FFF;
}
.event-page-23070 .action-second-row .alien{
  height: 200px;
  width: 200px;
  background-image: url("/images/marty_music_face.gif");
}
.event-page-23070 .event_act .act_icon_txt{
  margin-top: 20px;
}
.event-page-23070 .event_action .event-action-text{
  text-align: center;
}
.event-page-23070 .donatePro_amts .tc .but{
  color: #fff;
  border: 1px solid #fff;
}
.event-page-23070 .donatePro_amts .tc .but.active{
  background-color: #2e517c;
  border: 1px solid #2e517c;
}
.event-page-23070 .donatePro_buts .tc .but:hover{
  background-color: #2e517c;
}
.event-page-23070 .donatePro_buts .tc .but span{
  font-size: 13px;
}
.event-page-23070 .event-arrow-cont{
  position: absolute;
  top: 0;
  margin-top: 100px;
  justify-content: space-between;
}
.event-page-23070 .event-arrow-cont .event-down-arrow{
  max-width: 125px;
  background-image: url("/images/blue-arrow.png");
}
.event-page-23070 .event-choose-action{
  position: relative;
}
.body-page-23070 .single-23073.event-single-wrapper.action_detail_wrapper .row .col-sm:last-child{
  display: inline-flex;
  flex-direction: column;
  order: 0;
}
.body-page-23070 .single-23073.event-single-wrapper.action_detail_wrapper .row .event-desk-row1{
  order: 1;
}
.body-page-23070 .single-23073.event-single-wrapper.action_detail_wrapper .event-top-button{
  display: none;
}
.body-page-23070 .event-page-23070.single-23073 .action-details.ev-head .ev-head-txt{
  font-size: 32px;
}
.body-page-23070 .event-page-23070.single-23073 .event_act_cont{
  box-shadow: none;
}
@media screen and (min-width: 650px){
  .event-page-23070 .stars-border-top, .event-page-23070 .stars-border-bottom{
    background-image: url("/images/light_blue_stars.gif");
  }
  .event-page-23070 .event-choose-action .event-take-action-title{
    background-image: url("/images/marty_music_donate_desktop.gif");
    background-size: 90% auto;
    height: 140px;
  }
}
@media screen and (max-width: 1200px){
  .event-page-23070 .event-arrow-cont .event-down-arrow{
    background-size: 50% auto;
  }
} 
@media screen and (max-width: 649px){
  .event-page-23070 .event-single .event-stars{
    background-image: url("/images/light_blue_stars.gif");
  }
  .event-page-23070 .event-choose-action .event-take-action-title{
    background-image: url("/images/marty_music_donate_mobile.gif");
  }
  .event-page-23070 .event-arrow-cont{
    position: relative;
    margin-top: 0;
  }
  .event-page-23070 .action-second-row .alien{
    height: 120px;
    width: 120px;
  }
  .event-page-23070 .event_action .event-action-action-type.causes:before{
    font-size: 22px;
  }
  .event-page-23070 .event_act .act_icon_txt{
    padding: 6px;
  }
  .event-page-23070 .event-choose-action .event-take-action-desc:after{
    margin-top: -200px;
    font-size: 22px;
  }
}
/* END Marty Music */
/* Worlds Strongest Man event page */

/* fonts */
@font-face {
  font-family:"protipo-wide";
  src:url("https://use.typekit.net/af/08d488/00000000000000007735b741/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/08d488/00000000000000007735b741/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/08d488/00000000000000007735b741/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}
@font-face {
  font-family:"protipo-wide";
  src:url("https://use.typekit.net/af/e75ebc/00000000000000007735b744/30/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/e75ebc/00000000000000007735b744/30/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/e75ebc/00000000000000007735b744/30/a?subset_id=2&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
  font-family:"korolev-compressed";
  src:url("https://use.typekit.net/af/06a555/00000000000000007735e8cb/30/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/06a555/00000000000000007735e8cb/30/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/06a555/00000000000000007735e8cb/30/a?subset_id=2&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
  }
@font-face {
  font-family:"korolev-compressed";
  src:url("https://use.typekit.net/af/cd153c/00000000000000007735e8b4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/cd153c/00000000000000007735e8b4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/cd153c/00000000000000007735e8b4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}
.body-page-23122 .single-23125{
  background-image: url("/images/wsm23_background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.body-page-23122 .single-23125 .stars-border-top, .body-page-23122 .single-23125 .stars-border-bottom{
  background-image: url("/images/wsm23_stars.gif");
}
.body-page-23122 .single-23125 .event-intro{
  color: #15925b;
  font-family: "protipo-wide";
  font-weight: 700;
  font-size: 28px;
  visibility: hidden;
}
.body-page-23122 .single-23125 .event-intro:after{
  content: 'DONATE FOR A CHANCE TO';
  display: block;
  visibility: visible;
  margin-top: -40px;
}
.body-page-23122 .single-23125 .event-title{
  font-family:"korolev-compressed";
  font-weight: 900;
  width: 525px;
  max-width: 100%;
  font-size: 46px;
  line-height: 100%;
  padding-bottom: 1rem;
}
.body-page-23122 .single-23125 .event-actions-landing .paragraph-text, .body-page-23122 .single-23125 .paragraph-text{
  font-family: "protipo-wide";
  font-weight: 500;
  width: 560px;
  max-width: 100%;
  margin: 2rem auto 0 auto;
}
.body-page-23122 .single-23125 .read-more-button{
  font-family: 'Permanent Marker';
  color: #f15f42;
  font-size: 18px;
  text-decoration: underline;
}
.body-page-23122 .single-23125 .read-more-text{
  font-family: "protipo-wide";
  font-weight: 500;
  width: 560px;
  max-width: 100%;
  margin: 2rem auto 0 auto;
}
.body-page-23122 .single-23125 .event-top-button, .body-page-23122 .single-23125 .event-arrow-cont{
  display: none;
}
.body-page-23122 .single-23125 .event-choose-action .event-take-action-title{
  background-image: url("/images/wsm23_donate_to_enter_desktop.gif");
  height: 165px;
}
.body-page-23122 .single-23125 .actions_landing_wrapper, .body-page-23122 .single-23125 .actiond-container{
  background: none;
}
.body-page-23122 .single-23125 .event-choose-action .event-take-action-desc{
  font-family:"korolev-compressed";
  font-weight: 900;
  font-size: 40px;
  max-width: 85%;
  visibility: hidden;
}
.body-page-23122 .single-23125 .event-choose-action .event-take-action-desc:after{
  content: 'The more you donate, the better your chances of winning!';
  text-transform: uppercase;
  display: block;
  visibility: visible;
  margin-top: -40px;
}
.body-page-23122 .single-23125 .act_entries, .body-page-23122 .single-23125 .act-entries-com{
  font-family:"korolev-compressed";
  font-weight: 900;
  color: #15925b;
  font-size: 44px;
}
.body-page-23122 .single-23125 .action-second-row .alien{
  background-image: url("/images/wsm23_globe.gif");
}
.body-page-23122 .single-23125 .event_action .event-action-action-type.causes{
  background-image: url("/images/wsm23_donate_button.png");
  background-repeat: no-repeat;
  border: none;
  background-size: contain;
  background-position: 50% 50%;
  height: 70px;
  width: 175px;
}
.body-page-23122 .single-23125 .event_action .event-action-action-type.causes:before{
  display:none;
}
.body-page-23122 .single-23125 .event_action .event-action-text{
  font-family:"korolev-compressed";
  font-weight: 700;
  font-size: 34px;
  text-align: center;
}
/* Donate page styles */
.body-page-23122 .single-23125 .action-details.ev-head .ev-head-txt{
  color: #15925b;
  font-family:"korolev-compressed";
  font-weight: 900;
  font-size: 34px;
}
@media screen and (max-width: 649px){
  .body-page-23122 .single-23125 .event-single .event-stars{
    background-image: url("/images/wsm23_stars.gif");
  }
  .body-page-23122 .single-23125 .event-single .event-intro{
    font-size: 22px;
    visibility: hidden;
  }
  .body-page-23122 .single-23125 .event-single .event-intro:after{
    margin-top: -15px;
  }
  .body-page-23122 .single-23125 .event-choose-action .event-take-action-title{
    background-image: url("/images/wsm23_donate_to_enter_mobile.gif");
    height: 155px;
  }
  .body-page-23122 .single-23125 .event-choose-action .event-take-action-desc:after{
    margin-top: -130px;
  }
}
/* END Worlds Strongest Man event page */
/* Artist Ambassador Page Template (/leaders/23058/artist-ambassadors-template)*/
.body-page-23058 .short-description{
  font-family: 'Neue Haas Grotesk Display Pro Roman 55';
  font-size: 22px;
  padding: 0 2rem;
  max-width: 1200px;
  margin: 4rem auto;
}
.body-page-23058 .container.causes_new{
  background-image: url("/images/pixel_raindrop_background.gif");
}
.body-page-23058 .campaign_impact{
  background-image: none;
}
.body-page-23058 .campaign_impact .climate_heading, .body-page-23058 .artistActionWrapper .home-header, .body-page-23058 .artistRewardsWrapper .home-header, .body-page-23058 .artistHighlightsWrapper .home-header, .body-page-23058 .artistCausesWrapper .home-header, .body-page-23058 .artistCustomWrapper .home-header{
  background-image: url("/images/impact_animated_v2.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 106px;
}
.body-page-23058 .campaign_impact .climate_heading{
  /*margin-bottom: 0;*/
  color: #111;
  font-size: 42px;
  letter-spacing: 8px;
  padding: 23px 0 23px 8px;
  text-shadow: -1px -1px 0 #fffa94, 1px -1px 0 #fffa94, -1px 1px 0 #fffa94, 1px 1px 0 #fffa94;
  width: 267px;
  margin: 0 auto;
}
.body-page-23058 .campaign_impact .climate_heading::after{
  content: '';
}
.body-page-23058 #impact_spacer.climate_spacer_30{
  display: none;
}
.body-page-23058 .campaign_impact .climate_impact_label, .body-page-23058 .campaign_impact .climate_impact_number, .body-page-23058 .campaign_impact #total_participants .climate_impact_label::after{
  color: #FFF;
  font-weight: normal;
  font-family: 'Neue Haas Grotesk Display Pro Roman 55';
  text-transform: none;
  font-size: 30px;
}
.body-page-23058 .campaign_impact .climate_impact_number{
  font-size: 60px;
}
.body-page-23058 .campaign_impact #total_participants .climate_impact_label::after{
  content: "Supporters";
}
.body-page-23058 .campaign_impact .climate_impact_stat{
  border-right: none;
}
/* carousel general styles */
.body-page-23058 .featuredActionsWrapper .carouselTitle, .body-page-23058 .artist-hiw-title p{
  color: #111;
  font-size: 42px !important;
  letter-spacing: 8px;
  padding: 23px 0 23px 8px;
  margin: 0 auto;
}
.body-page-23058 .featuredActionsWrapper .slick-next{
  background-image: url("/images/artist-arrow-right.png");
}
.body-page-23058 .featuredActionsWrapper .slick-prev{
  background-image: url("/images/artist-arrow-left.png");
}
/* Take Action section*/
.body-page-23058 .artistActionWrapper .home-header{
  background-image: url("/images/take_action_animated_v2.gif");
}
.body-page-23058 .artistActionWrapper .home-header .carouselTitle{
  width: 528px;
  max-width: 100%;
  visibility: hidden;
}
.body-page-23058 .artistActionWrapper .home-header .carouselTitle:after{
  visibility: initial;
  margin-top: -58px;
  text-shadow: -1px -1px 0 #ffc799, 1px -1px 0 #ffc799, -1px 1px 0 #ffc799, 1px 1px 0 #ffc799;
  font-size: 42px;
  color: #111;
}
/* Rewards section */
.body-page-23058 .artistRewardsWrapper .home-header{
  background-image: url("/images/prizes_rewards_desktop_animated_v2.gif");
}
.body-page-23058 .artistRewardsWrapper .home-header .carouselTitle{
	width: 523px;
  max-width: 100%;
  visibility: hidden;
}
.body-page-23058 .artistRewardsWrapper .home-header .carouselTitle:after{
  display: block;
  visibility: initial;
  content: 'PRIZES & REWARDS';
  margin-top: -58px;
  text-shadow: -1px -1px 0 #99beff, 1px -1px 0 #99beff, -1px 1px 0 #99beff, 1px 1px 0 #99beff;
}
/*Past Experiences section */
.body-page-23058 .artistCustomWrapper .home-header{
  background-image: url("/images/past_experiences_desktop_animated_v2.gif");
}
.body-page-23058 .artistCustomWrapper .home-header .carouselTitle{
  text-shadow: -1px -1px 0 #ff9999, 1px -1px 0 #ff9999, -1px 1px 0 #ff9999, 1px 1px 0 #ff9999;
  width: 528px;
  max-width: 100%;
}
/* Highlights section */
.body-page-23058 .artistHighlightsWrapper .home-header{
  background-image: url("/images/highlights_animated_v2.gif");
}
.body-page-23058 .artistHighlightsWrapper .home-header .carouselTitle{
	text-shadow: -1px -1px 0 #85ffea, 1px -1px 0 #85ffea, -1px 1px 0 #85ffea, 1px 1px 0 #85ffea;
  width: 375px;
}
/* Causes section */
.body-page-23058 .artistCausesWrapper .home-header{
  background-image: url("/images/causes_animated_v2.gif");
}
.body-page-23058 .artistCausesWrapper .home-header .carouselTitle{
  text-shadow: -1px -1px 0 #ce83ff, 1px -1px 0 #ce83ff, -1px 1px 0 #ce83ff, 1px 1px 0 #ce83ff;
  width: 203px;
}
.body-page-23058 #container_how_it_works{
  display:none;
}
/* How it works section */
.body-page-23058 .artist-hiw{
	margin-bottom: 4rem;
}
.body-page-23058 .artist-hiw-title{
  background-image: url("/images/how_it_works_animated_v2.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 106px;
  text-align: center;
  margin-bottom: 3rem;
}
.body-page-23058 .artist-hiw-title p{
  text-shadow: -1px -1px 0 #99f1ff, 1px -1px 0 #99f1ff, -1px 1px 0 #99f1ff, 1px 1px 0 #99f1ff;
}
.body-page-23058 .artist-hiw-cont{
  display: flex;
  justify-content: center;
}
.body-page-23058 .artist-hiw-cont{
  display: flex;
  justify-content: space-evenly;
}
.body-page-23058 .artist-hiw-cont .artist-hiw-sec{
  text-align: center;
  width: 20%;
}
.body-page-23058 .artist-hiw-cont .artist-hiw-sec img{
  width: 300px;
  margin: 0 auto;
}
.body-page-23058 .artist-hiw-cont .artist-hiw-sec h2{
  font-family: 'Neue Haas Grotesk Display Pro Roman 55';
  font-size: 50px;
  font-weight: normal;
}
.body-page-23058 .artist-hiw-cont .artist-hiw-sec p{
  font-family: 'Neue Haas Grotesk Display Pro Roman 55';
  font-size: 22px;
}
@media screen and (max-width: 1400px){
  .body-page-23058 .artist-hiw-cont{
    flex-direction: column;
  }
  .body-page-23058 .artist-hiw-cont .artist-hiw-sec{
    width: 60%;
  }
}
@media screen and (max-width: 649px){
  .body-page-23058 .campaign_impact .climate_heading, .body-page-23058 .artistActionWrapper .home-header, .body-page-23058 .artistRewardsWrapper .home-header, .body-page-23058 .artistHighlightsWrapper .home-header, .body-page-23058 .artistCausesWrapper .home-header, .body-page-23058 .artistCustomWrapper .home-header, .body-page-23058 .artist-hiw-title{
    background-size: contain;
    padding: 0 2rem;
  }
  .body-page-23058 .campaign_impact .climate_heading{
    padding: 30px 0 23px 8px;
  }
  .body-page-23058 .artistRewardsWrapper .home-header .carouselTitle:after{
    margin-top: -42px;
  }
  .body-page-23058 .featuredActionsWrapper .carouselTitle, .body-page-23058 .artist-hiw-title p{
    font-size: 32px !important;
    padding: 30px 0 23px 8px;
  }
  .body-page-23058 .featuredActionsWrapper:after{
    content: 'MORE';
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    color: white;
    width: 150px;
    margin: 58px auto 0px auto;
  }
  .body-page-23058 .artistActionWrapper .home-header .carouselTitle:after{
    font-size: 32px;
    margin-top: -44px;
  }
  .body-page-23058 .artistRewardsWrapper .home-header{
    background-image: url("/images/prizes_rewards_animated_v2.gif");
    height: 164px;
  }
  .body-page-23058 .artistCustomWrapper .home-header{
    background-image: url("/images/past_experiences_animated_v2.gif");
    height: 148px;
  }
  .body-page-23058 .artistRewardsWrapper .home-header .carouselTitle{
    width: 300px;
  }
  .body-page-23058 .artist-hiw-cont .artist-hiw-sec{
    width: 90%;
    margin: 0 auto 2rem auto;
  }
}
/* END Artist Ambassador page template */
/* Love Rising event page */

/* fonts */
@font-face {
  font-family:"casey";
  src:url("https://use.typekit.net/af/c00f79/00000000000000003b9ae331/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/c00f79/00000000000000003b9ae331/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/c00f79/00000000000000003b9ae331/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
  }
  
  .event-page-23238{
    background-image: url("/images/lr23_background.jpg");
    background-repeat: repeat;
  }
  .event-page-23238 .stars-border-top, .event-page-23238 .stars-border-bottom{
    background-image: url("/images/lr23_stars.gif");
    height: 65px;
  }
  .event-page-23238 .event-intro{
    background: linear-gradient(to right, #ee5a4e 10%, #9d9c01 30%, #26bd14 60%, #6e84ea 80%, #c552d8 100%);
    background-size: 200% auto;
    font-family: "Termina Heavy";
    font-size: 26px;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    animation: shine 3s linear infinite;
    @keyframes shine {
      to {
        background-position: 200% 100%;
      }
    }
  }
  .event-page-23238 .event-text-cont{
    padding: 90px 20px 65px
  }
  .event-page-23238 .event-title{
    font-family:"Termina Heavy";
    font-weight: 900;
    color: #5b49c5;
    width: 525px;
    max-width: 100%;
    font-size: 46px;
    line-height: 100%;
    padding-bottom: 1rem;
  }
  .event-page-23238 .event-actions-landing .paragraph-text, .event-page-23238 .paragraph-text{
    font-family: "Termina Heavy";
    font-weight: 500;
    color: #37c523;
    width: 560px;
    max-width: 100%;
    margin: 2rem auto 0 auto;
  }
  .event-page-23238 .read-more-button{
    font-family: 'Termina Heavy';
    color: #e762ed;
    font-size: 18px;
    text-decoration: underline;
    width: 200px;
    border: none !important;
  }
  .event-page-23238 .read-more-text{
    font-family: "Termina Heavy";
    width: 560px;
    max-width: 100%;
    margin: 2rem auto 0 auto;
  }
  .event-page-23238 .read-more-text ul li{
    color: #37c523;
  }
  .event-page-23238 .event-top-button div{
    background: #5b49c5;
    color: #fff;
    font-family: "Termina Heavy";
    border-radius: 35px;
    margin-top: 4rem;
  }
  .event-page-23238 .event-choose-action .event-take-action-title{
    background-image: none;
    height: 0px;
    font-family: "casey";
    color: #e762ed;
    text-shadow: 1px 3px 0px #5b49c5;
    font-weight: 900;
    font-size: 140px;
    visibility: hidden;
  }
  .event-page-23238 .event-choose-action .event-take-action-title:after{
    content: 'Donate To Enter';
    display: block;
    text-align: center;
    text-transform: none;
    visibility: visible;
  }
  .event-page-23238 .actions_landing_wrapper, .event-page-23238 .actiond-container{
    background: none;
  }
  .event-page-23238 .actiond-container .event_act_cont{
    box-shadow: none;
  }
  .event-page-23238 .event-arrow-cont{
      position: absolute;
      top: 0;
      margin-top: 100px;
      justify-content: space-between;
  }
  .event-page-23238 .event-down-arrow{
    background-image: url("/images/lr23_arrow.png");
    max-width: 435px;
  }
  .event-page-23238 .event-choose-action .event-take-action-desc{
    font-family:"Termina Heavy";
    font-size: 30px;
    color: #37c523;
    max-width: 70%;
    visibility: hidden;
  }
  .event-page-23238 .event-choose-action .event-take-action-desc:after{
    content: 'The more you give, the more you can increase your chances of winning!';
    display: block;
    visibility: visible;
    text-transform: none;
    margin-top: 105px;
  }
  .event-page-23238 .act_entries, .event-page-23238 .act-entries-com{
    font-family: "Termina Heavy";
    color: #87d3c4;
    font-size: 40px;
    font-weight: normal;
  }
  .event-page-23238 .action-second-row .alien{
    background-image: url("/images/lr23_donate-star.gif");
  }
  .event-page-23238 .event_action .event-action-action-type.causes, .event-page-23238 .event_action .event-action-action-type.rewards{
    border: none;
    background: #5b49c5;
    padding: 10px 20px 8px 20px;
    border-radius: 30px;
    width: 154px;
  }
  .event-page-23238 .event_action .event-action-action-type.rewards{
    width: 220px;
  }
  .event-page-23238 .event_action .event-action-action-type.causes:before, .event-page-23238 .event-action.donate-rewards{
    font-size: 20px;
    font-family: "Termina Heavy";
    font-weight: normal;
  }
  .event-page-23238 .event_action .event-action-text{
    font-family:"Termina Medium";
    font-size: 24px;
    color: #5b49c5;
    text-align: center;
  }

  .event-page-23238 .shop_detail_right {
    color: black;
  }
  /* Donate page styles */
  .event-page-23238 .action-details.ev-head .ev-head-txt{
    color: #5b49c5;
    font-family:"Termina Heavy";
    font-size: 34px;
  }
  @media screen and (max-width: 649px){
    .event-page-23238 .event-single .event-stars{
      background-image: url("/images/lr23_stars.gif");
      height: 50px;
    }
    .event-page-23238 .event-title{
      font-size: 36px;
    }
    .event-page-23238 .event-single .event-intro{
      font-size: 22px;
      visibility: visible;
    }
    .event-page-23238 .event-single .event-intro:after{
      margin-top: -15px;
    }
    .event-page-23238 .event-choose-action .event-take-action-title{
      font-size: 78px;
      line-height: 100%;
    }
    .event-page-23238 .event-choose-action .event-take-action-desc{
      max-width: 90%;
    }
    .event-page-23238 .event-choose-action .event-take-action-desc:after{
      margin-top: -80px;
      font-size: 22px
    }
    .event-page-23238 .event-arrow-cont{
      position: relative;
      margin-top: 20px;
    }
    .event-page-23238 .act_entries, .event-page-23238 .act-entries-com{
      font-size: 28px;
    }
    .event-page-23238 .event_action .event-action-action-type.causes:before, .event-page-23238 .event-action.donate-rewards{
      font-size: 14px;
    }
    .event-page-23238 .event_action .event-action-action-type.rewards{
      width: 162px;
    }
  }
  /* END Love Rising event page */
/* Red Rocks 2023 campaign */
/* fonts */
@font-face {
  font-family:"josefin-sans";
  src:url("https://use.typekit.net/af/e6897b/00000000000000007735a0c0/30/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/e6897b/00000000000000007735a0c0/30/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/e6897b/00000000000000007735a0c0/30/a?subset_id=2&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
  font-family:"josefin-sans";
  src:url("https://use.typekit.net/af/8f29b1/00000000000000007735a0cc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/8f29b1/00000000000000007735a0cc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/8f29b1/00000000000000007735a0cc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
  font-family:"glodok";
  src:url("https://use.typekit.net/af/e8fecc/00000000000000007735ea19/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e8fecc/00000000000000007735ea19/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e8fecc/00000000000000007735ea19/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
.body-page-23267{
  background: #fdd09b;
  font-family: "josefin-sans",sans-serif;
  font-weight: 400;
}
.body-page-23267 .campaign_headline_big{
  display: none;
}
.body-page-23267 .campaign-body .campaign-body-middle{
  width: 100%;
  margin-left: 0;
}
.body-page-23267 .campaign-body .col3{
  display:none;
}
.body-page-23267 .campaign-body .campaign-body-middle .col2, .body-page-23267 .campaign-body .campaign-body-middle .redrock-ships{
  margin: 0 auto;
}
.body-page-23267 .campaign-body .campaign-body-middle .redrocks-desc-left{
  font-size: 20px;
  float: left;
  width: 60%;
}
.body-page-23267 .campaign-body .campaign-body-middle .redrock-ships{
  float: right;
  max-width: 39%;
  height: auto;
}

/* fixed volunteer section */
.body-page-23267 .blue-bg {
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  background-color: #062a30;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 100px; */
  padding: 8px;
  margin-bottom: 30px;
}

.body-page-23267 .vol-cont {
  font-size: 22px;
  color: #fdd09b;
  text-align: center;
  border: 3px solid #027580;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.body-page-23267 .vol-cont p {
  margin-bottom: 0;
  padding-bottom: 5px;
}

.body-page-23267 .vol-cont a {
  color: #027580;
  text-decoration: underline;
}

.body-page-23267 .spacer {
  height: 100%;
  width: 100%;
  display: flex;
}


/* start button */
.page-23267.campaign-locked ~ .page-footer .rr23-start{
  display: block !important;
  bottom: 30px;
  left: unset;
  right: 30px;
  width: 320px;
  visibility: visible !important;
  position: fixed;
  z-index: 5;
}
.body-page-23267 .rr23-start img{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.body-page-23267 .page-footer .rr23-start{
  display: none;
}
/* hide rows when locked */
.page-23267.campaign-locked .campaign-feeds-custom-rows, .page-23267.campaign-locked .carousel-TakeAction, .page-23267.campaign-locked .carousel-EarnBigPoints{
  display:none;
}
.body-page-23267 .campaigns.container-full{
  padding-bottom: 0;
}
.body-page-23267 .campaigns.container-full > br{
  display: none;
}
/* Carousel styles */
.body-page-23267 .featuredActionsWrapper{
  background-image: url("/images/rr23_rewards_background.gif");
  background-repeat: repeat;
  background-position: 50% 0%;
  width: 100%;
  max-width: 100%;
  padding-bottom: 8rem;
  padding-top: 1rem;
  text-align: center;
  margin-bottom: -23px;
}

.body-page-23267 #TakeActionWrapper {
  margin-top: -25px;
}

.body-page-23267 .featuredActionsWrapper .home-header-row{
  margin: 3rem auto;
  display: inline-block;
  border: none;
  text-align: center;
  background: #062a30;
  padding: 6px;
  max-width: 75%;
}
.body-page-23267 .featuredActionsWrapper .home-header{
  border: 3px solid #027580 !important;
}
.body-page-23267 .featuredActionsWrapper .carouselTitle{
  font-family: 'glodok';
  font-weight: 400;
  font-size: 50px;
  line-height: 100%;
  /* padding: 1.5rem 2rem 0.5rem 2rem; */
  padding: 1.5rem;
  color: #ff5c35;
}
.body-page-23267 .featuredActionsWrapper.FullCarousel .card-new-container{
  background: #062a30;
  padding: 13px 13px 0 13px;
}
.body-page-23267 .card-new{
  border: 6px solid #062a30;
  border-radius: 0;
  padding: 2px;
  outline: 5px solid #027580;
  background: #062a30;
}
.body-page-23267 .card-new-info, .body-page-23267 .featuredActionsWrapper .slick-current .campaign-card-desc-text, .body-page-23267 .featuredActionsWrapper .slick-current .campaign-card-title{
  background: #062a30;
  color: #fdd09b;
  font-family: "josefin-sans",sans-serif;
  font-weight: 400;
  max-width: 100%;
  margin: 0 auto;
  font-size: 18px;
}
.body-page-23267 .featuredActionsWrapper .slick-current .campaign-card-title{
  font-size: 22px;
}
.body-page-23267 .card-new-bg-featured{
  background-color: transparent;
}
.body-page-23267 .card-new-bg-donation{
  background: #062a30;
}
.body-page-23267 .card-new-description-box{
  color: #fdd09b;
}
.body-page-23267 .featuredActionsWrapper.container:after{
  content: 'MORE';
  font-family: 'glodok';
  font-weight: 400;
  color: #fdd09b;
  font-size: 28px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  bottom: -40px;
  position: relative;
  z-index:1;
  display: block;
  text-align: center;
}
.body-page-23267 .featuredActionsWrapper.carousel-Movements.container:after{
  bottom: -30px;
}
/* Rewards header */
.body-page-23267 .carousel-Prizes .carouselTitle{
  visibility: hidden;
  font-family: 'glodok';
  font-weight: 400;
  /* font-size: 1px; */
  font-size: 50px;
  color: #ff5c35;
}
.body-page-23267 .carousel-Prizes .carouselTitle:after{
  content: 'REWARDS';
  visibility: visible;
  display: block;
  margin-top: -50px;
  font-size: 50px;
}
.body-page-23267 #PrizesWrapper:after{
  content: 'MORE PRIZES';
  font-family: 'glodok';
  font-weight: 400;
  color: #fdd09b;
  font-size: 28px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  bottom: -25px;
  position: relative;
  z-index:1;
  display: block;
  text-align: center;
}
.body-page-23267 .featuredActionsWrapper .slick-arrow{
  position: absolute;
  margin-top: 304px;
  width: 50px;
  height: 50px;
  z-index: 8;
  background-position: center;
  background-size: contain;
}
.body-page-23267 .featuredActionsWrapper .slick-prev{
  background-image: url('/images/rr23_arrow_left.png');
  left: 38%;
}
.body-page-23267 .featuredActionsWrapper .slick-next{
  background-image: url('/images/rr23_arrow_right.png');
  right: 38%;
}

/* how it works section */
.body-page-23267 .page-footer.container{
  background-image: url("/images/rr23_hiw_background.gif");
  background-repeat: repeat;
  background-position: 50% 0%;
  width: 100%;
  max-width: 100%;
}
.body-page-23267 .redrocks-hiw-header{
  margin: 3rem auto;
  width: 530px;
  display: block;
  border: none;
  text-align: center;
  background: #062a30;
  padding: 6px;
}
.body-page-23267 .redrocks-hiw-header-inner{
  border: 3px solid #027580;
}
.body-page-23267 .redrock-hiw{
  padding-top: 1rem;
  margin-top: -11px;
}
.body-page-23267 .redrocks-hiw-header h1{
  font-family: 'glodok';
  font-weight: 400;
  font-size: 50px;
  color: #ff5c35;
  margin: 2rem 0 2rem 0;
  height: 49px;
  line-height: 1;
}
.body-page-23267 .redrock-hiw-section-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  margin-bottom: 5rem;
}
.body-page-23267 .redrock-how-section-wrapper{
  background-color: #062a30;
  padding: 6px;
  max-width: 350px;
  margin: 0 auto;
}
.body-page-23267 .redrock-hiw-border{
  border: 3px solid #ff5c35;
}
.body-page-23267 .redrock-hiw-section {
  max-width: 350px;
  margin: 6px;
  padding: 12px;
  background-color: #fdd09b;
}

.body-page-23267 .redrock-hiw-section img {
  width: 100%;
  object-fit: cover;
  object-position: center center;
  height: auto;
}

.body-page-23267 .redrock-hiw-section h2 {
  text-transform: uppercase;
  text-align: center;
  font-family: 'glodok', sans-serif;
  color: #062a30;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 30px;
  padding: 10px 8px 0px 8px;
}
.body-page-23267 .redrock-hiw-section p{
  text-align: center;
  padding: 0 8px;
  color: #062a30;
  font-family: 'josefin-sans', sans-serif;
  font-weight: 700;
}
.body-page-23267 .redrock-hiw-section-cont img.redrock-hiw-down-arrow{
  display: none;
}

/* onsite row */
.body-page-23267 .onsite-row {
  padding-bottom: 80px;
  padding-top: 30px;
  background-color: #fcf1e3;
  display: block !important;
}

.body-page-23267 .onsite-row .slick-track {
  display: FLEX;
  align-items: center;
}

.body-page-23267 .onsite-desc {
  text-align: center;
  font-size: 20px;
  max-width: 550px;
  margin: 0 auto;
}

.body-page-23267 .onsite-row img {
  object-fit: contain;
  max-width: 100%;
  max-height: 560px;
  height: auto;
}

.body-page-23267 .onsite-row .onsite-slide-textbox {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 60%;
  transform: translate(-50%, -50%);
  background-color: #fdd09b;
  padding: 10px;
  text-align: center;
  color: black;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 15px;
  border: 3px solid #027580;
}

.body-page-23267 .onsite-row .onsite-text-top {
  bottom: unset;
  top: 85px;
}

.body-page-23267 .onsite-row .onsite-slide-textbox.subtronics-text {
  bottom: 20px;
}

.body-page-23267 .onsite-row .onsite-slide-textbox p {
  margin-bottom: 0;
  padding-bottom: 0;
}

.body-page-23267 .onsite-row .slick-initialized .slick-slide {
  /* width: 300px !important;
  margin: 40px; */
}

.body-page-23267 .onsite-row .onsite-slide-content {
  padding: 30px;
  position: relative;
}

.body-page-23267 .onsite-text2.onsite-slide-textbox {
  bottom: 7px;
  font-size: 16px;
  padding: 5px 5px 8px 5px;
  padding-bottom: 8px;
}

.body-page-23267 .onsite-row .redrocks-hiw-header h1 {
  height: 100px;
}

@media screen and (max-width: 649px) {
  .body-page-23267 .onsite-row .redrocks-hiw-header h1 {
    height: 60px;
  }
}

.body-page-23267 .onsite-row .onsite-carousel {
  position: relative;
}

.body-page-23267 .onsite-row .slick-arrow {
  position: absolute;
  bottom: -100px;
  top: unset;
  width: 60px;
  height: 60px;
  z-index: 8;
  background-position: center;
  background-size: contain;
  color: transparent;
}

.body-page-23267 .onsite-row .slick-next {
  background-image: url('/images/rr23_arrow_right.png');
  right: calc(50% - 120px);
}

.body-page-23267 .onsite-row .slick-prev {
  background-image: url('/images/rr23_arrow_left.png');
  left: calc(50% - 120px);
 }


/* partners */
.rr23-partners {
  background-color: #fcf1e3;
  padding: 40px 0;
}

.rr23-partners .redrocks-hiw-header {
  width: 430px;
}

.rr23-partners-cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.rr23-partners-cont img {
  width: 100%;
  max-width: 280px;
  height: auto;
  object-fit: contain;
  margin: 18px;
  background-color: #fcf1e3;
}

.body-page-23267 .climate_container {
  display: none;
}
@media screen and (min-width: 1120px) and (max-width: 1800px){
  .body-page-23267 .featuredActionsWrapper .slick-prev{
    left: 32%;
  }
  .body-page-23267 .featuredActionsWrapper .slick-next{
    right: 32%;
  }
}
@media screen and (max-width: 1119px){
  .body-page-23267 .featuredActionsWrapper.carousel-Movements .slick-arrow{
    margin-top: 381px;
  }
}
@media screen and (max-width: 649px){
  .page-23267.campaign-locked ~ .page-footer .rr23-start{
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    display: none;
    visibility: hidden;
    width: 90%;
  }

  .body-page-23267 .featuredActionsWrapper .home-header-row {
    max-width: 95%;
  }

  .body-page-23267 .carousel-Prizes .carouselTitle, 
  .body-page-23267 .featuredActionsWrapper .carouselTitle {
    font-size: 30px;
    /* padding: 1.75rem 2rem 1rem; */
  }
  .body-page-23267 .carousel-Prizes .carouselTitle:after{
    font-size: 30px;
    /* padding: .75rem 0.5rem 0.5rem; */
  }

  .body-page-23267 .carousel-Prizes .carouselTitle:after {
    font-size: 30px;
    margin-top: -28px;
  }

  .body-page-23267 .campaign-body .campaign-body-middle .redrocks-desc-left, 
  .body-page-23267 .campaign-body .campaign-body-middle .redrock-ships {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .body-page-23267 .featuredActionsWrapper .slick-prev{
    left: 22%;
  }
  .body-page-23267 .featuredActionsWrapper .slick-next{
    right: 22%;
  }
  .body-page-23267 .featuredActionsWrapper.carousel-Movements .slick-arrow{
    margin-top: 360px;
  }
  .body-page-23267 .redrocks-hiw-header{
    width: 285px;
  }
  .body-page-23267 .redrocks-hiw-header-inner{
    height: 130px;
    display: flex;
    align-items: center;
  }
  .body-page-23267 .redrocks-hiw-header h1{
    margin: 0;
    height: 109px;
  }
  .body-page-23267 .redrock-hiw-section-cont {
    flex-direction: column;
    padding: 0 2rem;
  }
  .body-page-23267 .redrock-hiw-section{
    height: auto;
    width: auto;
  }
  .body-page-23267 .redrock-hiw-section-cont img.redrock-hiw-down-arrow{
    display: block;
    width: 100px;
    margin: 2rem auto;
  }

  .body-page-23267 .redrocks-hiw-header h1 {
    font-size: 30px;
    text-align: center;
    width: 100%;
  }

  .body-page-23267 .redrocks-hiw-header-inner  {
    height: 100px;
  }

  .body-page-23267 .redrocks-hiw-header h1 {
    height: 60px;
  }

  .body-page-23267 .rr23-partners .redrocks-hiw-header-inner  {
    height: 80px;
  }

  .body-page-23267 .rr23-partners .redrocks-hiw-header h1 {
    height: 30px;
  }
}
/* END Red Rocks 2023 campaign */

/* Love Rising 2023 campaign */

/* remove unused elements */
.body-page-23288 .campaign-body > .col1, .body-page-23288 .campaign-body > .col3{
  display: none;
}
.body-page-23288{
  background-image: url("/images/lr23_background.jpg");
}
.body-page-23288 .campaign-body > .campaign-body-middle{
  width: 100%;
  margin-left: 0;
}
.body-page-23288 .campaign-body > .campaign-body-middle .col2{
  margin: 0 auto;
}

.body-page-23288 .climate_container {
  display: none;
}
/* header area */
.body-page-23288 .lr23_top_content h2{
  font-family: "Termina Heavy";
  font-size: 52px;
  text-align: center;
  color: #5b49c5;
  margin-bottom: 2rem;
}
.body-page-23288 .lr23_top_content p{
  font-family: "Termina Medium";
  font-size: 21px;
  font-weight: 600;
  color: #5b49c5;
  text-align: center;
  margin-bottom: 8rem;
}
.body-page-23288 .lr23_top_actions_row{
  justify-content: space-between;
  margin-bottom: 6rem;
}
.body-page-23288 .lr23_action{
  width: 275px;
}
.body-page-23288 .lr23_action img{
  max-width: 280px;
  max-height: 225px;
  margin: 0 auto;
}
.body-page-23288 .lr23_action a.lr23_button{
  display: block;
  text-align: center;
  background-color: #5b49c5;
  padding: 6px 20px;
  border-radius: 38px;
  color: #FFF;
  font-family: "Termina Heavy";
  font-size: 28px;
  max-width: 235px;
  margin: 2rem auto 0 auto;
}
.body-page-23288 .lr23_action .donate_note{
  margin-top: 1rem;
  font-family: "Termina Heavy";
  font-size: 13px;
  text-align: center;
  color: #5b49c5;
}

/* Set up order */
/* .body-page-23288 #PrizesWrapper {
  order: 1;
}
.body-page-23288 .campaign-feeds-custom-rows {
  order: 2;
} */

.page-23288 .campaigns {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page-23288 #TakeActionWrapper {
  order: 2;

}

.page-23288 .campaign-feeds-custom-rows {
  order: 3;


}
.page-23288 .campaign-feeds-custom-rows br {
  display: none;
}

.page-23288 #PrizesWrapper {
  order: 1;
}

/* rewards section */
.body-page-23288 .home-header-row{
  border: none;
  width: 100%;
  background-image: url("/images/lr23_sparkle.gif");
  background-repeat: no-repeat;
  background-position: 25% 50%;
}
.body-page-23288 .home-header{
  background-image: url("/images/lr23_sparkle.gif");
  background-repeat: no-repeat;
  background-position: 75% 50%;
}
.body-page-23288 .carousel-Prizes .carouselTitle{
  visibility: hidden;
  font-family: 'casey';
  font-weight: 900;
  font-size: 120px;
  color: #e762ed;
  text-shadow: 1px 3px 0px #5b49c5;
}
.body-page-23288 .carousel-Prizes .carouselTitle:after{
  content: 'Rewards';
  visibility: visible;
  display: block;
  margin-top: -175px;
  text-align: center;
  line-height: 100%;
  text-transform: none;
}

.body-page-23288 #PrizesWrapper:after{
  content: 'MORE';
  font-family: 'Termina Heavy';
  font-weight: 400;
  color: #5b49c5;
  font-size: 30px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  bottom: -25px;
  position: relative;
  z-index:1;
  display: block;
  text-align: center;
}
.body-page-23288 .featuredActionsWrapper .slick-arrow{
  position: absolute;
  margin-top: 300px;
  width: 64px;
  height: 64px;
  z-index: 8;
  background-position: center;
  background-size: contain;
}
.body-page-23288 .featuredActionsWrapper .slick-prev{
  background-image: url('/images/lr23_arrow_left.png');
  left: 38%;
}
.body-page-23288 .featuredActionsWrapper .slick-next{
  background-image: url('/images/lr23_arrow_right.png');
  right: 38%;
}
.body-page-23288 .featuredActionsWrapper .card-new-container{
  background-image: url("/images/lr23_card_background.gif");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 1.75rem;
  border-radius: 15px;
}
.body-page-23288 .featuredActionsWrapper .card-new{
  border-radius: 15px;
}

.body-page-23288 .card-new-info-container {
  -webkit-line-clamp: 4;
}

.body-page-23288 .featuredActionsWrapper .card-new-info{
  background: #FFF;
  color: #5b49c5;
  font-family: "Termina Heavy";
  font-size: 18px !important;
  border-radius: 0px 0px 15px 15px;
}
.body-page-23288 .card-new-image{
  border-radius: 15px 15px 0px 0px;
}
/* custom row */
.body-page-23288 .carousel-WinTickets{
  margin-bottom: 8rem;
}
.body-page-23288 .carousel-WinTickets .carouselTitle{
  font-family: 'casey';
  font-weight: 900;
  font-size: 120px;
  color: #e762ed;
  text-shadow: 1px 3px 0px #5b49c5;
  text-align: center;
  text-transform: none;
}
.body-page-23288 .carousel-WinTickets .home-header-row{
  background-position: 15% 50%;
}
.body-page-23288 .carousel-WinTickets .home-header{
  background-position: 85% 50%;
}

/* hardcoded event as reward */
.body-page-23288 .featuredActionsWrapper.carousel-Prizes a[href="/dpqxy:wdkn"] .card-new-bar {
  background-color: #f14424;
}

.body-page-23288 .featuredActionsWrapper.carousel-Prizes a[href="/dpqxy:wdkn"] .card-new-description {
  visibility: hidden;
  font-size: 1px;
}

.body-page-23288 .featuredActionsWrapper.carousel-Prizes a[href="/dpqxy:wdkn"] .card-new-description:after {
  visibility: visible;
  font-size: 15px;
  content: 'ENTER TO WIN';
}

.body-page-23288 .featuredActionsWrapper.carousel-Prizes a[href="/dpqxy:wdkn"] .card-new-icon {
  background-image: url('/images/icon_event-dates.svg?v=icon2021') !important;
}

/* DO MORE */
.body-page-23288 .campaign-feeds-custom-rows {
  margin-top: 60px;
}

.body-page-23288 .campaign-feeds-custom-rows .carouselTitle {
  font-family: 'casey';
  font-weight: 900;
  font-size: 64px;
  color: #e762ed;
  text-shadow: 1px 3px 0px #5b49c5;
  text-align: center;
  text-transform: none;
}

@media screen and (min-width: 650px) {
  .body-page-23288 .campaign-feeds-custom-rows .carouselTitle {
    font-size: 120px;
  }
}

.body-page-23288 .campaign-feeds-custom-rows a[href="https://www.tnep.org/blog"] .card-new-container,
.body-page-23288 .campaign-feeds-custom-rows a[href="/blog/23416/learn-more-about-the-love-rising-event-in-tn"] .card-new-container {
  background-size: cover;
}

.body-page-23288 .campaign-feeds-custom-rows a[href="https://www.tnep.org/blog"] .card-new,
.body-page-23288 .campaign-feeds-custom-rows a[href="/blog/23416/learn-more-about-the-love-rising-event-in-tn"] .card-new {
  padding-bottom: 0;
  margin-bottom: 0;
}

.body-page-23288 .campaign-feeds-custom-rows a[href="https://www.tnep.org/blog"] .card-new-bar,
.body-page-23288 .campaign-feeds-custom-rows a[href="/blog/23416/learn-more-about-the-love-rising-event-in-tn"] .card-new-bar {
  display: none;
}

@media screen and (min-width: 1093px) and (max-width: 1260) {
  .body-page-23288 .card-new-container {
    /* transform: scale(0.85) !important; */
  }

  .body-page-23288 #PrizesWrapper:after {
    /* bottom: -50px; */
  }
}

/* Beneficiaries section */
.body-page-23288 .lr23_beneficiaries_header{
  background-image: url("/images/lr23_sparkle.gif");
  background-repeat: no-repeat;
  background-position: 15% 50%;
  margin-top: 8rem;
}
.body-page-23288 .lr23_beneficiaries_background{
  background-image: url("/images/lr23_sparkle.gif");
  background-repeat: no-repeat;
  background-position: 85% 50%;
}
.body-page-23288 .lr23_beneficiaries_header h2{
  font-size: 120px;
  font-family: "casey";
  font-weight: 900;
  color: #37c523;
  text-align: center;
  text-shadow: 1px 2px 0px #5b49c5;
}
.body-page-23288 .lr23_beneficiaries .beneficiary_row{
  align-items: center;
  padding: 3rem 0;
  border-bottom: 3px solid #e7cff0;
}
.body-page-23288 .lr23_beneficiaries .beneficiary_row:last-child{
  border-bottom: none;
}
.body-page-23288 .lr23_beneficiaries .beneficiary_row a{
  padding: 3rem;
}
.body-page-23288 .lr23_beneficiaries .beneficiary_row img{
  width: 340px;
  height: 100%;
  margin: 0 auto;
  padding: 2rem;
}
.body-page-23288 .lr23_beneficiaries .beneficiary_row p{
  flex-basis: 58%;
  font-family: "Termina Medium";
  font-weight: 600;
  color: #5b49c5;
  font-size: 22px;
  padding-top: 2rem;
}
.body-page-23288 .lr23_powered_by{
  flex-direction: column;
  justify-content: center;
  margin-top: 2rem;
}
.body-page-23288 .lr23_powered_by p{
  font-family: "Termina Medium";
  font-size: 20px;
  text-align: center;
}
.body-page-23288 .lr23_powered_by > div{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.body-page-23288 .lr23_powered_by > div p{
  font-size: 34px;
}
.body-page-23288 .lr23_powered_by > div img{
  width: 335px;
  margin: 2rem auto;
}

.body-page-23288 .lr23_powered_by {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.body-page-23288 .lr23_powered_by .lr23_powered_by_title {
  object-fit: contain;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.body-page-23288 .lr23_powered_by .d-flex {
  margin: 30px;
}

.body-page-23288 .lr23_powered_by .d-flex p {
    display: none;
}

.body-page-23288 .lr23_powered_by img {
  margin: 0 20px;
  object-fit: contain;
}
@media screen and (min-width: 650px) and (max-width: 1260px){
  .body-page-23288 .featuredActionsWrapper .card-new-container{
    background-size: cover;
  }
  .body-page-23288 .slick-initialized .slick-slide{
    margin: 0 2rem;
  }
  .body-page-23288 .featuredActionsWrapper .card-new{
    margin-bottom: 0;
  }
  .body-page-23288 .featuredActionsWrapper .slick-next{
    right: 25%;
  }
  .body-page-23288 .featuredActionsWrapper .slick-prev{
    left: 25%;
  }
}
@media screen and (max-width: 649px){
  .body-page-23288 .lr23_top_content h2{
    font-size: 28px;
  }
  .body-page-23288 .lr23_top_content p{
    font-size: 18px;
    font-weight: 400px;
    padding: 0 2rem;
  }
  .body-page-23288 .lr23_top_actions_row{
    align-items: center;
    flex-direction: column;
  }
  .body-page-23288 .lr23_action{
    margin-bottom: 5rem;
  }
  .body-page-23288 .home-header-row{
    background-position: 0% 50%;
    background-size: 70px 70px;
  }
  .body-page-23288 .home-header{
    background-position: 100% 50%;
    background-size: 70px 70px;
  }
  .body-page-23288 .carousel-WinTickets .home-header-row{
    background-position: 0% 50%;
  }
  .body-page-23288 .carousel-WinTickets .home-header{
    background-position: 100% 50%;
  }
  .body-page-23288 .carousel-Prizes .carouselTitle{
    font-size: 64px;
  }
  .body-page-23288 .carousel-WinTickets .carouselTitle{
    font-size: 52px;
  }
  .body-page-23288 .carousel-Prizes .carouselTitle:after{
    margin-top: -64px;
  }
  .body-page-23288 .featuredActionsWrapper .slick-prev{
    left: 0;
  }
  .body-page-23288 .featuredActionsWrapper .slick-next{
    right: 0;
  }
  .body-page-23288 .lr23_beneficiaries_header{
    background-size: 70px 70px;
    background-position: 100% 50%;
    margin-top: 5rem;
  }
  .body-page-23288 .lr23_beneficiaries_background{
    background-size: 70px 70px;
    background-position: 0% 50%;
  }
  .body-page-23288 .lr23_beneficiaries_header h2{
    font-size: 46px;
  }
  .body-page-23288 .lr23_beneficiaries .beneficiary_row{
    flex-direction: column;
  }
  .body-page-23288 .lr23_beneficiaries .beneficiary_row p{
    font-size: 18px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .body-page-23288 .carousel-WinTickets{
    margin-bottom: 0;
  }
  .body-page-23288 .lr23_powered_by .d-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
  }
  .body-page-23288 .lr23_powered_by .d-flex p {
    align-self: center;
    font-size: 34px;
    display: block;
}
  .body-page-23288 .lr23_powered_by .d-flex img {
    margin: 20px 0;
  }
}
/* END Love Rising 2023 campaign */

/* The Zombies artist page heading hide */
.body-page-23314 .swiper-container_cont{
  display:none;
}
/* Taylor Tomlinson artist page heading hide */
.body-page-22814 .swiper-container_cont{
  display:none;
}
/* Fortune Feimster artist page heading hide */
.body-page-23691 .swiper-container_cont{
  display:none;
}
/* Charlotte Sands artist page heading hide */
.body-page-23752 .swiper-container_cont{
  display:none;
}