/* GENERAL */
.s-link {
  cursor: pointer;
}

.no-padding {
  padding: 0px;
}

.no-padding-left {
  padding-left: 0px;
}

.no-padding-right {
  padding-right: 0px;
}

/* /GENERAL */

/* BANNER */
#banner {
  color: #fff;
  background-color: rgb(63, 61, 61);
  background-color: #424c55;
  font-family: "Univers W01", Arial;
}

#banner div {
  font-size: 19px;
}

#banner h1 {
  color: #fff;
  font-family: "Minion W01", 'Times New Roman', serif;
  font-size: 68px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 27px;
}

#banner h3 {
  color: #fff;
  font-family: "Minion W01", 'Times New Roman', serif;
  font-size: 34px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 30px;
}

.logos-banner {
  margin-right: 15px;
}

#logos-bn {
  margin-top: 35px;
  margin-bottom: 40px;
}

#logos-bn img {
  display: inline;
}

#banner-text {
  min-height: auto;
}

#banner-text img {
  width: 100%;
  height: auto;
}

#content-page h5 {
  margin-bottom: 23px;
}

#content-page #video {
  padding-top: 0;
}

#content-page sup {
  position: initial;
}

.tsPageCustomFooters p {
  background-color: transparet !important;
  ;
  margin: 0
}

/* /BANNER */

/* CONTENT */
.bg-odd {
  background-color: #f2f3f4;
  padding-top: 40px;
  padding-bottom: 50px;
}

.bg-even {
  background-color: #fff;
  padding-bottom: 30px;
}

.bg-odd ul li {
  line-height: 12px !important;
}

#content-page {
  padding: 0px;
  color: #3f3d3d;
}

#content-page h5 {
  font-size: 24px;
  font-family: "Minion W01", 'Times New Roman', serif;
  font-weight: bold;
  color: #222222
}

#content-page .bg-odd div,
#content-page .bg-even div {
  font-family: "Minion W01", 'Times New Roman', serif;
  font-size: 19px;
  line-height: 21px;
}

#content-page ul {
  list-style-position: outside;
  margin-left: 40px;
  margin-right: 20px;
}

#content-page ul li {
  font-family: "Minion W01", 'Times New Roman', serif;
  font-size: 19px;
  line-height: 21px !important;
  list-style: disc;
}

#video {
  padding: 10px;
}

.box-red {
  color: #fff;
  background-color: #da291c;
}

.give-now-box {
  height: 628px;
  padding: 0px 33px;
  position: relative;
}

#content-page .bg-odd div.join-us,
.give-now-box a {
  font-family: "Univers W01", Arial;
  font-size: 18px;
  line-height: 24px;
}

.give-now-box h3 {
  color: #fff;
  font-family: "Minion W01", 'Times New Roman', serif;
  font-size: 32px;
  line-height: 36px;
  margin-top: 0px;
}

.give-now-box span {
  color: #fff;
  display: block;
  border: 1px solid #fff;
  padding: 18px 0px;
  width: 230px;
  margin: 37px auto;
}

.join-us {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 60%;
  margin: auto;
}

.join-us img {
  margin-bottom: 40px;
}

#celebrating h1,
#celebrating h2 {
  color: #000;
  font-family: "Minion W01", 'Times New Roman', serif;
}

#celebrating h1 {
  font-size: 42px;
  margin: 65px 0px;
  font-weight: normal;
}

#celebrating h2 {
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 30px;
  font-weight: bold;
}

#celebrating img {
  margin-bottom: 25px;
}

footer .bottom-footer-bar .copyright {
  padding: 0 30px 0px;
}

footer .bottom-footer-bar .copyright a,
footer .bottom-footer-bar .copyright span {
  color: #bcbec0;
}

.intro_copy {
  padding: 0 15px;
}

.covid_funds {
  padding-top: 10px;
  padding-bottom: 10px;
}

.newsletterName {
  font-size: 14px;
  font-weight: bold;
}

/* /CONTENT-page */

/******************************
*MediaQuery IPAD PORTRAIT
******************************/
@media (max-device-width: 768px) and (orientation: portrait) {
  #banner {
    background-image: none;
  }

  .give-now-box h3 {
    font-size: 26px;
    line-height: 32px;
  }

  #celebrating h2 {
    font-size: 20px;
  }
}


/******************************
*MQ767
******************************/
@media only screen and (max-width : 767px) {
  #banner {
    width: 100% !important;
    padding: 0px 0px !important;
    background-image: none;
  }

  #banner h1 {
    font-size: 34px;
  }

  #banner h3 {
    font-size: 20px;
  }

  #banner-text img {
    padding-top: 0px !important;
    width: 100%;
    height: auto;
  }

  #banner-text {
    padding: 0px;
    0px;
  }

  .logos-banner {
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .give-now-box {
    margin-top: 20px;
  }

  .give-now-box h3 {
    font-size: 24px;
    line-height: 30px;
  }

  #celebrating {
    text-align: center;
    padding: 0px 20px;
  }

  #celebrating img {
    display: block;
    margin: 25px auto;
  }

  #content-page ul {
    text-align: left;
  }

  .show-for-small mobile {
    padding-top: 0px !important;
  }
}


/*FY22 June Stewardship LP*/

.newsletterBlock {
  background-color: #f2f3f4;
  display: inline-block;
  margin-top: 8px;
}

.jumpTitle {
  margin: 20px 0 20px 3%;
  font-family: 'Minion W01', 'Times New Roman', serif;
  font-size: 16px;
  line-height: 21px;
}


.jumpLink {
  margin: 20px 0 20px 3%;
  font-size: 14px;
  line-height: 22px;
}

.jumpLink td {
  border: none;
}

.jumpLink td:nth-of-type(1) {
  min-width: 78px;
}

.jumpLink span {
  display: inline;
}

.jumpLink span:first-of-type {
  padding: 0 18px 0 0;
  border-right: 3px solid #000000;
}

.jumpLink span:not(:first-of-type):not(:last-of-type) {
  padding: 0 18px;
  border-right: 3px solid #000000;
}

.jumpLink span:last-of-type {
  padding-left: 18px;
}

.jumpLink a,
.newsletterCopy a,
#promise a {
  text-decoration: underline;
  color: #407ec9;
  text-underline-offset: 3px;
}

.newsletterBar {
  background-color: #407ec9;
  padding: 15px 0px;
  margin-bottom: 5px;
}

.newsletterPortrait {
  width: 28.5%;
  float: right;
  padding: 4.5% 3% 15px 2%;
  text-align: center;
  font-family: Minion W01, Times New Roman, serif;
}

.newsletterPortrait p:nth-of-type(1) {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

.newsletterPortrait p:nth-of-type(2) {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.02em;
}

.newsletterTitle {
  width: 100%;
  float: none;
  font-family: 'Minion W01', 'Times New Roman', serif;
  padding: 4.5% 3% 0;
  font-size: 26px;
  line-height: 30px;
}

.newsletterTitle.newsletterMobile {
  font-size: 38px !important;
  line-height: 40px !important;
  display: none;
}

.newsletterCopy {
  width: 73%;
  font-family: 'Minion W01', 'Times New Roman', serif;
  padding: 0 1% 40px 3%;
  font-size: 16px;
  line-height: 21px;
}

.newsletterCopy p {
  padding-top: 14px !important;
}

.newsletterTitle,
.newsletterPortrait {
  color: #000000;
}

#join-mch {
  margin-top: 8px;
  background-color: #da291c;
  color: #fff;
}

#join-mch img {
  float: left;
  margin: 36px 3%;
  text-align: center;
}

#join-mch h3 {
  float: left;
  margin: 48px 5px;
  width: 57%;
  color: #fff;
  font-size: 26px;
  letter-spacing: 0.03em;
}

#join-mch div {
  position: absolute;
  top: 26.6%;
  right: 4%;
}

#join-mch div a {
  float: right;
  display: block;
  border: 1px solid #fff;
  padding: 18px 0px;
  width: 200px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #fff;
  font-size: 21px;
}

#promise {
  padding: 30px 1% 30px 3%;
  font-size: 16px;
  line-height: 25px;
}

#promise a {
  font-weight: bold;
}


@media only screen and (max-width: 880px) and (min-width: 701px) {
  #join-mch h3 {
    margin: 31px 10px !important;
  }
}


@media only screen and (max-width: 700px) {
  #join-mch {
    padding: 5% !important;
  }

  #join-mch img {
    margin: 0 30px 0 0 !important;
  }

  #join-mch h3 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 95px;
    font-size: 30px !important;
    line-height: 34px;
  }

  #join-mch div {
    position: static !important;
    float: left;
    margin: 20px 0 0 95px;
    font-size: 35px !important;
  }

  #join-mch div a {
    font-size: 24px !important;
  }
}


@media only screen and (max-width: 650px) {
  .jumpLink {
    font-size: 20px !important;
    line-height: 32px !important;
    margin-top: 15px;
  }

  .jumpLink td {
    display: inline-block;
  }

  .jumpLink td:nth-of-type(1) {
    width: 100%;
  }

  .newsletterTitle.newsletterMobile {
    display: inline-block;
    padding-right: 4%;
  }

  .newsletterTitle.newsletterDesktop {
    display: none;
  }

  .jumpTitle {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  .newsletterCopy {
    float: none !important;
    font-size: 26px !important;
    line-height: 32px !important;
    width: 100% !important;
    padding-right: 4%
  }

  .newsletterCopy p {
    padding-top: 14px;
  }

  .newsletterCopy {
    color: #000000;
  }

  .newsletterPortrait {
    padding: 4.5% 4% 3.5% 8.3% !important;
    width: 47% !important;
  }

  .newsletterPortrait p:nth-of-type(1) {
    margin-top: 15px !important;
    font-size: 23px !important;
    line-height: 27px !important;
  }

  .newsletterPortrait p:nth-of-type(2) {
    font-size: 18.5px !important;
    text-align: left;
  }

  #join-mch {
    padding: 7% !important;
  }

  #join-mch img {
    width: 16%;
  }

  #join-mch h3 {
    padding-left: 23%;
    padding-bottom: 10px;
    line-height: 6.3vw !important;
    ;
    font-size: 5.2vw !important;
  }

  #join-mch div {
    margin-left: 23%
  }

  #join-mch div a {
    font-size: 24px !important;
  }

  #promise {
    font-size: 26px !important;
    line-height: 38px !important;
    font-weight: normal !important;
  }
}


@media only screen and (max-width: 490px) {
  .jumpLink span:nth-last-of-type(3) {
    margin-right: 20px !important;
  }

  .jumpLink span:nth-last-of-type(2) {
    padding-left: 0 !important;
  }
}


/*April 2021 Re-Engagement LP*/

div.keep-right {
  float: right;
  padding: 0;
  width: 33.3333333%;
  margin: 10px 0 0 30px;
}

@media only screen and (max-width: 954px) and (min-width: 701px) {
  #join-mch-again h3 {
    margin: 31px 10px !important;
    width: 45% !important;
  }
}

@media only screen and (max-width: 700px) {
  div.keep-right {
    width: 40%;
    padding: 1.5em 0 0 0;
  }

  #join-mch-again {
    padding: 60px 30px !important;
  }

  #join-mch-again img {
    margin: 0 30px 0 0 !important;
  }

  #join-mch-again h3 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 95px;
  }

  #join-mch-again div {
    position: static !important;
    float: left;
    margin: 30px 0 0 95px;
  }
}