.gr-desktop-only {
  display: none !important;
}
@media screen and (min-width: 82.5em) {
  .gr-desktop-only {
    display: block !important;
  }
}

.gr-mobile-only {
  display: block !important;
}
@media screen and (min-width: 82.5em) {
  .gr-mobile-only {
    display: none !important;
  }
}

/* Candle Donate Tab CSS */
#fs-donation-tab.animated-candle .candle .candle-base,
#fs-donation-tab.hover-candle:hover .candle .candle-base,
#fs-donation-tab.static-candle .candle .candle-base,
.candle {
  opacity: 1;
}

#fs-donation-tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.12);
  transition: right 0.5s;
  transform: rotate(-90deg);
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  font-stretch: condensed;
  font-family: amnesty trade gothic condensed, Helvetica, Roboto, Arial, sans-serif;
  line-height: 18px;
  letter-spacing: 0.04em;
  padding: 20px 64px 20px 42px;
  position: fixed;
  top: 34%;
  right: -60px;
  white-space: unset;
  z-index: 3;
}

#fs-donation-tab:not(.no-candle)::after {
  content: "";
  width: 40px;
  height: 20px;
  position: absolute;
  right: 25px;
}

#fs-donation-tab.fixed-in-page {
  position: absolute;
}

#fs-donation-tab.no-candle {
  right: -45px;
  padding-right: 42px;
}

#fs-donation-tab.no-candle .candle,
#fs-donation-tab.no-candle .candle .candle-base .spark,
#fs-donation-tab.static-candle .candle .candle-base .spark {
  display: none;
}

.candle {
  transform: rotate(90deg);
  position: relative;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
  width: 0;
  z-index: 0;
  margin-top: -32px;
  margin-left: 12px;
}

#fs-donation-tab.animated-candle .candle .candle-flame,
#fs-donation-tab.hover-candle:hover .candle .candle-flame {
  animation: 1s ease-in infinite alternate flicker;
  max-height: 40px;
}

.candle .candle-flame {
  width: 18px;
  height: 32px;
  left: 9px;
  bottom: 19px;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  transition: max-height 0.3s ease-in-out;
  z-index: 100;
}

.candle .candle-flame svg {
  height: 30px;
  width: 15px;
}

#fs-donation-tab.animated-candle .candle .candle-flame svg path:first-child,
#fs-donation-tab.hover-candle:hover .candle .candle-flame svg path:first-child {
  animation: 4s ease-in infinite alternate-reverse firebig;
}

#fs-donation-tab.animated-candle .candle .candle-flame svg path:last-child,
#fs-donation-tab.hover-candle:hover .candle .candle-flame svg path:last-child {
  animation: 2s ease-in infinite firesmall;
}

.candle .candle-base {
  opacity: 1;
  transition: opacity 0.3s;
  position: absolute;
  bottom: -8px;
  left: 3px;
}

.candle .candle-base .spark {
  background-color: initial;
  border-radius: 50%;
  bottom: 30px;
  height: 2px;
  left: 15%;
  position: absolute;
  transition: background-color 0.3s ease-in-out;
  width: 2px;
  z-index: -1;
  animation-delay: 0.4s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-name: burnout-up-1;
  animation-timing-function: linear;
}

.candle .candle-base .spark:nth-of-type(2n) {
  animation-delay: 1s;
  animation-duration: 8.4s;
  animation-name: burnout-up-2;
  height: 1px;
  width: 1px;
}

.candle .candle-base .spark:nth-of-type(3n) {
  animation-delay: 1.9s;
  animation-duration: 8s;
  height: 3px;
  left: 55%;
  width: 3px;
}

.candle .candle-base .spark:nth-of-type(4n) {
  animation-delay: 2.6s;
  animation-duration: 7s;
  left: 88%;
}

.candle .candle-base .spark:nth-of-type(5n) {
  animation-delay: 1.4s;
  animation-duration: 7s;
  left: 22%;
}

.candle .candle-base .spark:nth-of-type(6n) {
  animation-delay: 3.2s;
  left: 61%;
}

.candle .candle-base .spark:nth-of-type(7n) {
  animation-delay: 0.8s;
  animation-duration: 5s;
  left: 64%;
}

.candle .candle-base .spark:nth-of-type(8n) {
  animation-delay: 5s;
  left: 19%;
}

.candle .candle-base .spark:nth-of-type(9n) {
  animation-delay: 4s;
  animation-duration: 6.8s;
  left: 22%;
}

.candle .candle-base .spark:nth-of-type(10n) {
  animation-delay: 5.2s;
  left: 61%;
}

.candle .candle-base .spark:nth-of-type(11n) {
  animation-delay: 3.5s;
  animation-duration: 8s;
  left: 81%;
}

.candle .candle-base .spark:nth-of-type(12n) {
  animation-delay: 2s;
  left: 85%;
}

#fs-donation-tab.animated-candle .candle .candle-base .spark,
#fs-donation-tab.hover-candle:hover .candle .candle-base .spark {
  background-color: rgba(255, 71, 0, 0.5019607843);
}

#fs-donation-tab.hover-candle .candle .candle-base {
  animation: 4s ease-in infinite alternate-reverse bounce;
}

#fs-donation-tab.hover-candle:hover .candle .candle-base {
  animation: unset;
}

@keyframes firebig {
  0%, 40%, 80% {
    transform: rotate(-2deg);
    transform-origin: bottom center;
  }
  20%, to {
    transform: rotate(2deg);
    transform-origin: bottom center;
  }
  60% {
    transform: rotate(2deg) scale(0.8);
    transform-origin: bottom center;
  }
}
@keyframes flicker {
  0%, 40%, 80% {
    transform: rotate(3deg);
    transform-origin: bottom center;
  }
  20%, 60% {
    transform: rotate(-3deg);
    transform-origin: bottom center;
  }
  to {
    transform: rotate(-3deg);
  }
}
@keyframes firesmall {
  0%, 40% {
    transform: rotate(1deg);
    transform-origin: bottom center;
  }
  20% {
    transform: rotate(-2deg) scale(0.9);
    transform-origin: bottom center;
  }
  60%, to {
    transform: rotate(-1deg);
    transform-origin: bottom center;
  }
  80% {
    transform: rotate(1deg) scaleY(0.75);
    transform-origin: bottom center;
  }
}
@keyframes burnout-up-1 {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  33% {
    transform: translate(12px, -70px);
  }
  66% {
    opacity: 0.6;
    transform: translateY(-140px);
  }
  to {
    opacity: 0;
    transform: translate(6px, -200px);
  }
}
@keyframes burnout-up-2 {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  50% {
    transform: translate(-10px, -80px);
  }
  80% {
    opacity: 0.6;
    transform: translate(-4px, -140px);
  }
  to {
    opacity: 0;
    transform: translate(-6px, -160px);
  }
}
@keyframes bounceRight {
  0%, to {
    transform: scaleX(-1) translateY(0);
  }
  50% {
    transform: scaleX(-1) translateY(-10px);
  }
}
@keyframes bounce {
  0%, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
}
@keyframes float {
  0% {
    opacity: 1;
    top: -15px;
    transform: rotate(0);
  }
  12% {
    transform: rotate(-20deg) scale(0.9);
  }
  24% {
    opacity: 0.7;
    right: 3px;
    transform: rotate(20deg) scale(0.7);
  }
  40% {
    right: -3px;
    transform: rotate(-11deg) scale(0.6);
  }
  70% {
    opacity: 0.5;
    right: 3px;
    transform: rotate(10deg) scale(0.4);
  }
  90% {
    right: -3px;
    transform: scale(0.2);
  }
  to {
    opacity: 0;
    top: -120px;
    transform: rotate(-5deg) scale(0.1);
  }
}
@keyframes pulse {
  0%, to {
    transform: scale(0.8);
  }
  70% {
    transform: scale(1);
  }
}
/* Donation Footer */
.donate-footer .donate-footer-item {
  background: #fff !important;
  padding: 24px 0;
  width: 100% !important;
  max-width: 100%;
}
@media (min-width: 768px) {
  .donate-footer .donate-footer-item {
    width: 49.04632% !important;
    max-width: 49.04632% !important;
  }
}
.donate-footer .donate-footer-item:hover {
  background: #fff !important;
  transition: none;
}
.donate-footer .donate-footer-item h2 {
  background: #000;
  color: #fdff28;
  text-transform: uppercase;
  padding: 20px;
  font-size: 2rem;
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
}
.donate-footer .donate-footer-item .donate-footer-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .donate-footer .donate-footer-item .donate-footer-wrapper {
    width: 85%;
    max-width: 600px;
  }
}
.donate-footer .donate-footer-item.footer-signup {
  justify-content: flex-start;
  align-items: flex-start;
  background: #fff !important;
}
.donate-footer .donate-footer-item.footer-signup:hover {
  background: #fff !important;
  transition: none;
}
.donate-footer .donate-footer-item.footer-signup iframe {
  border: 0;
  height: 300px;
}
.donate-footer .donate-footer-item.join-movement {
  justify-content: flex-start;
  align-items: flex-start;
  background: #fff !important;
}
.donate-footer .donate-footer-item.join-movement:hover {
  background: #fff !important;
  transition: none;
}
.donate-footer .donate-footer-item.join-movement .movement-module {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.donate-footer .donate-footer-item.join-movement .movement-module.donation-amount-once {
  display: flex;
}
.donate-footer .donate-footer-item.join-movement .movement-module.donation-amount-monthly {
  display: none;
}
.donate-footer .donate-footer-item.join-movement .movement-module a.selection {
  width: 45%;
  text-decoration: none;
  display: block;
  padding: 20px;
  margin: 35px 0;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #e4e4e4;
  border: 1px solid #e4e4e4;
}
.donate-footer .donate-footer-item.join-movement .movement-module a.selection.amount {
  padding: 10px 20px;
  margin: 10px 0;
}
.donate-footer .donate-footer-item.join-movement .movement-module a.selection.submit-donation {
  margin-top: 40px;
  border: 1px solid #000;
}
.donate-footer .donate-footer-item.join-movement .movement-module a.selection.submit-donation:hover {
  background-color: #b3b3b3;
}
.donate-footer .donate-footer-item.join-movement .movement-module a.selection:hover {
  background-color: #fdff28;
}
.donate-footer .donate-footer-item.join-movement .movement-module a.selection.active {
  background-color: #fdff28;
  border: 1px solid #000;
}

/* Top Navigation */
.top-nav-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  height: 72px;
}

@media (min-width: 47.5em) {
  .page-header {
    height: 105px !important;
  }
}

.page-headerItems {
  height: auto;
  justify-content: center;
}

.page-headerButton {
  height: 60px !important;
}
@media (min-width: 47.5em) {
  .page-headerButton {
    height: 72px !important;
  }
}
@media (min-width: 47.5em) {
  .page-headerButton.menu {
    height: 40px !important;
  }
}

.burger {
  height: 60px !important;
}
@media (min-width: 47.5em) {
  .burger {
    height: 72px !important;
  }
}

.page-headerCTA {
  height: 60px !important;
}
@media (min-width: 47.5em) {
  .page-headerCTA {
    height: 72px !important;
  }
}
.page-headerCTA.mobile {
  display: block;
}
@media screen and (min-width: 82.5em) {
  .page-headerCTA.mobile {
    display: none !important;
  }
}

.page-nav .menu-item a {
  padding: 7px 29px !important;
}

.menu-item:hover {
  background: #fdff28 !important;
}

.sub-menu .menu-item:hover {
  background: #000 !important;
  color: #fff !important;
}

.page-headerButton.menu:hover, .page-headerButton.menu:focus {
  background: #fdff28 !important;
}

.page-header .searchform-wrapper {
  position: initial !important;
}

@media screen and (min-width: 82.5em) {
  .logo-logoType {
    width: 250px !important;
  }
}

.top-nav {
  display: none;
}
@media screen and (min-width: 82.5em) {
  .top-nav {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
  }
}
.top-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.top-nav ul > li {
  display: inline-block;
  padding: 7px 24px;
}
.top-nav ul > li:hover {
  background-color: #e4e4e4;
}

/* Chrome only */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .top-nav {
    margin-bottom: 0;
  }
}
/* Firefox only */
@-moz-document url-prefix() {
  .top-nav {
    margin-bottom: 2px;
  }
}
.page-nav--main {
  align-items: center;
  margin-left: 0 !important;
  text-transform: uppercase;
}
@media screen and (min-width: 82.5em) {
  .page-nav--main {
    justify-content: flex-start !important;
  }
}

/* Take Action and Donate buttons */
.gr-take-action {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  display: none !important;
  padding: 11px 4px !important;
}
@media screen and (min-width: 82.5em) {
  .gr-take-action {
    display: flex !important;
  }
}
.gr-take-action:hover {
  background-color: #e4e4e4 !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.gr-take-action a {
  justify-content: center;
}

.gr-donate-button {
  width: 120px;
  height: 72px;
  padding: 0 !important;
}
.gr-donate-button:hover {
  border: 1px solid #000 !important;
}

/* Take Action and Donate menus */
.page-nav.donate-menu {
  display: none !important;
  margin: 0;
}
@media screen and (min-width: 82.5em) {
  .page-nav.donate-menu {
    display: block !important;
  }
}
.page-nav.donate-menu .sub-menu {
  right: 0;
  z-index: 10;
}
.page-nav.donate-menu a {
  justify-content: flex-end;
}
.page-nav.donate-menu ul li ul li a {
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
}

.page-nav.take-action-menu {
  display: none;
}
@media screen and (min-width: 82.5em) {
  .page-nav.take-action-menu {
    display: block !important;
  }
}
.page-nav.take-action-menu .sub-menu {
  left: 0;
}
.page-nav.take-action-menu a {
  justify-content: flex-start;
}
.page-nav.take-action-menu ul li ul li a {
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
}

/* Mega Menu */
.learn-mega-menu-trigger.active, .news-mega-menu-trigger.active {
  background: #fdff28 !important;
}

.learn-mega-menu {
  display: none;
}
@media screen and (min-width: 82.5em) {
  .learn-mega-menu {
    width: 100%;
    min-height: 100px;
    background: #e4e4e4;
    padding: 40px 20px;
    position: relative;
    z-index: 50;
  }
}
.learn-mega-menu--container {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}
.learn-mega-menu--container__column {
  display: flex;
  flex-direction: column;
}
.learn-mega-menu--container__column .column-title {
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  width: 100%;
  padding: 10px;
  background: #d5d5d5;
  font-weight: 700;
}
.learn-mega-menu--container .column-1, .learn-mega-menu--container .column-2 {
  width: calc(30% - 20px);
}
.learn-mega-menu--container .column-1 .column-main-picture {
  border: 1px solid #000;
  padding: 5px;
}
.learn-mega-menu--container .column-1 .column-main-picture img {
  width: 100%;
}
.learn-mega-menu--container .column-1 .column-main-picture-title-wrapper {
  font-family: var(--font-family-secondary);
  background: #fdff28;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.learn-mega-menu--container .column-1 .column-main-picture-title-wrapper .icon {
  width: 40px;
  margin: 0 10px;
}
.learn-mega-menu--container .column-1 .column-main-picture-title-wrapper .title {
  text-transform: uppercase;
  flex: 1;
  text-align: left;
}
.learn-mega-menu--container .column-1 .column-main-picture-title-wrapper .date {
  text-align: right;
  margin-right: 10px;
}
.learn-mega-menu--container .column-1 .column-main-picture-content {
  margin-top: 20px;
}
.learn-mega-menu--container .column-1 .column-main-picture-content .title {
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.learn-mega-menu--container .column-1 .column-main-picture-content .text {
  font-size: 0.8rem;
}
.learn-mega-menu--container .column-2 {
  display: flex;
  flex-direction: column;
}
.learn-mega-menu--container .column-2 .picture-item-container {
  background: #fff;
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  font-size: 0.9rem;
}
.learn-mega-menu--container .column-2 .picture-item-container .picture {
  border: 1px solid #000;
  background: #fdff28;
  width: 150px;
  height: 100px;
  margin-right: 20px;
}
.learn-mega-menu--container .column-2 .picture-item-container .picture a {
  display: block;
  width: 150px;
}
.learn-mega-menu--container .column-2 .picture-item-container .picture img {
  width: 100%;
}
.learn-mega-menu--container .column-2 .picture-item-container .content {
  display: flex;
  flex-direction: column;
}
.learn-mega-menu--container .column-2 .picture-item-container .content .title {
  font-weight: 700;
  margin-bottom: 20px;
}
.learn-mega-menu--container .column-2 .picture-item-container .content .date {
  font-weight: 700;
}
.learn-mega-menu--container .column-3, .learn-mega-menu--container .column-4 {
  width: calc(20% - 20px);
  background: #fff;
}
.learn-mega-menu--container .column-3 ul.column-menu, .learn-mega-menu--container .column-4 ul.column-menu {
  list-style-type: none;
  margin: 24px 0;
}
.learn-mega-menu--container .column-3 ul.column-menu li, .learn-mega-menu--container .column-4 ul.column-menu li {
  font-weight: 700;
  font-size: 0.9rem;
}
.learn-mega-menu--container .column-3 ul.column-menu li:hover, .learn-mega-menu--container .column-4 ul.column-menu li:hover {
  background: #000;
  color: #fdff28;
  cursor: pointer;
}
.learn-mega-menu--container .column-3 ul.column-menu li a, .learn-mega-menu--container .column-4 ul.column-menu li a {
  width: 100%;
  display: block;
  padding: 20px;
}

.news-mega-menu {
  display: none;
}
@media screen and (min-width: 82.5em) {
  .news-mega-menu {
    width: 100%;
    min-height: 100px;
    background: #e4e4e4;
    padding: 40px 20px;
    position: relative;
    z-index: 50;
  }
}
.news-mega-menu--container {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}
.news-mega-menu--container__column {
  display: flex;
  flex-direction: column;
}
.news-mega-menu--container__column .column-title {
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  width: 100%;
  padding: 10px;
  background: #d5d5d5;
  font-weight: 700;
}
.news-mega-menu--container .column-1, .news-mega-menu--container .column-2 {
  width: calc(20% - 20px);
  background: #fff;
}
.news-mega-menu--container .column-1 ul.column-menu, .news-mega-menu--container .column-2 ul.column-menu {
  list-style-type: none;
  margin: 24px 0;
}
.news-mega-menu--container .column-1 ul.column-menu li, .news-mega-menu--container .column-2 ul.column-menu li {
  font-weight: 700;
  font-size: 0.9rem;
}
.news-mega-menu--container .column-1 ul.column-menu li:hover, .news-mega-menu--container .column-2 ul.column-menu li:hover {
  background: #000;
  color: #fdff28;
  cursor: pointer;
}
.news-mega-menu--container .column-1 ul.column-menu li a, .news-mega-menu--container .column-2 ul.column-menu li a {
  width: 100%;
  display: block;
  padding: 20px;
}
.news-mega-menu--container .column-3, .news-mega-menu--container .column-4 {
  width: calc(30% - 20px);
}
.news-mega-menu--container .column-3 .column-main-picture {
  border: 1px solid #000;
  padding: 5px;
}
.news-mega-menu--container .column-3 .column-main-picture img {
  width: 100%;
}
.news-mega-menu--container .column-3 .column-main-picture-title-wrapper {
  font-family: var(--font-family-secondary);
  background: #fdff28;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.news-mega-menu--container .column-3 .column-main-picture-title-wrapper .icon {
  width: 40px;
  margin: 0 10px;
}
.news-mega-menu--container .column-3 .column-main-picture-title-wrapper .title {
  text-transform: uppercase;
  flex: 1;
  text-align: left;
}
.news-mega-menu--container .column-3 .column-main-picture-title-wrapper .date {
  text-align: right;
  margin-right: 10px;
}
.news-mega-menu--container .column-3 .column-main-picture-content {
  margin-top: 20px;
}
.news-mega-menu--container .column-3 .column-main-picture-content .title {
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.news-mega-menu--container .column-3 .column-main-picture-content .text {
  font-size: 0.8rem;
}
.news-mega-menu--container .column-4 {
  display: flex;
  flex-direction: column;
}
.news-mega-menu--container .column-4 .picture-item-container {
  background: #fff;
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  font-size: 0.9rem;
}
.news-mega-menu--container .column-4 .picture-item-container .picture {
  border: 1px solid #000;
  background: #fdff28;
  width: 150px;
  height: 100px;
  margin-right: 20px;
}
.news-mega-menu--container .column-4 .picture-item-container .picture a {
  display: block;
  width: 150px;
}
.news-mega-menu--container .column-4 .picture-item-container .picture img {
  width: 100%;
}
.news-mega-menu--container .column-4 .picture-item-container .content {
  display: flex;
  flex-direction: column;
}
.news-mega-menu--container .column-4 .picture-item-container .content .title {
  font-weight: 700;
  margin-bottom: 20px;
}
.news-mega-menu--container .column-4 .picture-item-container .content .date {
  font-weight: 700;
}