/* 
    Document   : Donate
    Created on : Apr 25, 2023, 1:55:34 PM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/

#MainNav li a#DonateLink {
  color: #00fc87;
  }

#Hero {
  position: relative;
  margin: 0;
  }

.Overlay {
  position: absolute;
  top: 33%;
  left: 5%;
  width: 90%;
  text-align: center;
  }
#Hero .Overlay p {
  font-size: 70px;
  color: #fff;
  letter-spacing: 0;
  margin: 0 0 20px 0;
  text-shadow: 0 0 10px #000;
  }

.VideoSect {
  margin: 20px 15%;
  }
.VideoSect h2 {
  font-size: 34px;
  font-weight: 400;
  text-align: center;
  margin: 20px 0;
  }
.VideoSect iframe {
  max-width: 100%;
  }

.Support {
  padding: 30px 0;
  float: left;
  width: 55%;
  }
.Support h3 {
  font-size: 45px;
  font-weight: 400;
  margin: 20px 0;
  }

.SideBar h3 {
  background: #000;
  color: #fff;
  padding: 10px 5px;
  text-align: center;
  text-transform: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  }

.VideoGraphic a img {
  display: block;
  }
.VideoGraphic a:hover img {
  opacity: .9;
  }
.VideoGraphic a {
  display: block;
  position: relative;
  text-decoration: none;
  }
.VideoGraphic a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -34px 0 0 -34px;
  color: rgba(255,255,255,.7);
  }
.VideoGraphic a:hover svg {
  color: #c91426;
  }


.Costs {
  margin: 0 0 50px 0;
  }

.Quote {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 50px 0;
  }
.Quote p.Main {
  font-size: 24px;
  line-height: 1.3em;
  font-weight: 400;
  }
.Quote img {
  display: block;
  margin: 10px auto;
  border: 0;
  }
.Quote a {
  display: inline-block;
  background: #0ace7c;
  font-size: 20px;
  font-weight: 400;
  margin: 10px auto;
  padding: 10px 20px;
  border-radius: 10px;
  text-decoration: none;
  }
.Quote a:hover {
  background: #044f30;
  color: #fff;
  }

.BotBars {
  background: #000 url(../images/3Bars-Horz.png) repeat-x;
  height: 15px;
  }

.Geom {
  background: #000 url(../images/bbbs-black-background-with-pattern-1920x1080.png) no-repeat;
  height: 100px;
  }


/**********************************************/
/* Matching Gifts Styles                      */
/**********************************************/

.Cont60 {
  float: left;
  width: 60%;
  }

.SBmatch {
  width: 35%;
  background: #efefef;
  padding: 1px 0;
  }
.SBmatch h2 {
  background: none;
  color: #044f30;
  margin: 20px;
  padding: 0;
  text-align: left;
  }
.SBmatch h3 {
  background: none;
  color: #0ace7c;
  margin: 10px 20px 0 20px;
  padding: 0;
  text-align: left;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  }
.SBmatch p {
  font-size: 1em;
  line-height: 1.2em;
  color: #000;
  margin: 0 20px 20px 20px;
}

h2.TopBox {
  background: #000;
  color: #00fc87;
  padding: 10px;
  margin: 10px 0 0 0;
  text-align: center;
  }



@media screen and (max-width: 1100px) {
#Hero .Overlay p {
  font-size: 50px;
  margin: 0;
  }
}
@media screen and (max-width: 690px) {
.Overlay {
  position: static;
  margin: 0 0 0 5%;
  }
#Hero .Overlay p {
  font-size: 40px;
  color: #000;
  text-shadow: none;
  }
}
@media screen and (max-width: 690px) {
.Support {
  float: none;
  width: 100%;
  }
.SideBar {
  float: none;
  width: 100%;
  }
.Cont60 {
  float: none;
  width: 100%;
  }
.SBmatch {
  float: none;
  width: 100%;
  }
}