/* CSS Document */
html, body { font-family: 'Figtree', sans-serif; font-size: 16px; background-color: #1d1d1d; }
html {
scroll-behavior: smooth;
}
/* Margins and Paddings */
.marginTopReallyBig { margin-top: 5em; }
.marginTopBig { margin-top: 2em; }
.marginTopReg { margin-top: 1em; }
.marginRightReg { margin-right: 1em; }
.marginRightBig { margin-right: 2em; }
.marginRightReallyBig { margin-right: 5em; }
.marginLeftReg { margin-left: 1em; }
.marginLeftBig { margin-left: 2em; }
.marginLeftReallyBig { margin-left: 5em; }
.paddingTopBig { padding-top: 2em; }
.paddingTopReg { padding-top: 1em; }
.paddingLeftZero { padding-left: 0; }
.paddingRightZero { padding-right: 0; }
.paddingLeftReg { padding-left: 1em; }
.paddingLeftBig { padding-left: 2em; }
.paddingLeftReallyBig { padding-left: 5em; }
.paddingRightReg { padding-right: 1em; }
.paddingRightReallyBig { padding-right: 5em; }
.paddingRightBig { padding-right: 2em; }
.marginBottomReg { margin-bottom: 1em; }
.marginBottomBig { margin-bottom: 2em; }
.paddingBottomReg { padding-bottom: 1em; }
.paddingBottomBig { padding-bottom: 2em; }
.paddingBottomSmall { padding-bottom: 0.5em; }
.marginAuto { margin-left: auto; margin-right: auto; }
.marginLeftZero { margin-left: 0; }
.marginRightZero { margin-right: 0; }
.marginBottomZero { margin-bottom: 0; }
.paddingZero { padding: 0; }
.marginTopZero { margin-top: 0; }
.marginBottomZero { margin-bottom: 0 !important; }
.paddingBottomReallyBig { padding-bottom: 5em !important; }
.paddingTopReallyBig { padding-top: 5em !important; }
.marginBottomSmall { margin-bottom: 0.5em; }
.marginBottomReallyBig { margin-bottom: 5em; }
.paddingBottomZero { padding-bottom: 0; }
.paddingTopZero { padding-top: 0 !important; }
.padding-six-all { padding: 6%; }
.padding-sixteen-lr { padding-left: 16%; padding-right: 16%; }
.padding-eighteen-half-tb { padding-top: 18.5%; padding-bottom: 18.5%; }
/* Backgrounds */
.bg-light { background-color: #eaeaea !important; color: #000; }
.bg-black { background-color: #000 !important; color: #fff; }
.bg-light-black { background: linear-gradient(to bottom, #f4f4f4 55%, #000 45%); }
.bg-cover { background-size: cover; }
.bg-top { background-position: top center; }
.bg-green { background-color: #8cad47; }
.bg-orange { background-color: #d6a238; color: #fff; }
/* Navigation */
.navLogo { max-width: 300px; }
nav a, nav i { font-weight: 700; color: #000; }
nav a:hover { color: #8cad47; }
.navigation .container { height: 500px; transition: height 0.3s ease; }
.navigation .container.about { height: 400px; }
.navigation .container.flexible { height: auto; padding-bottom: 11em; }
.shape-1 svg, .shape-1-about svg { display: block; width: 100%; margin-top: -10em; position: relative; z-index: 3; }
.shape-1-about svg { margin-top:-12em; }
.shape-1.donation-page svg { margin-top: -12em; }
/* Buttons */
.btn-primary { background-color: #8cad47; border: 2px solid #8cad47; border-radius: 25px; padding-left: 20px !important; padding-right: 20px !important; padding-top: 10px; padding-bottom: 10px; margin-right: 0.5em; margin-bottom: 0.35em; color: #fff; font-weight: 700; }
.btn-primary:hover { background-color: #4e6724; border: 2px solid #4e6724; }
/* Headings */
h1 { font-size: 35px; font-weight: bold; }
h2 { font-size: 31px; font-weight: 700; }
h3 { font-size: 19px; font-weight: 700; }
h4 { font-size: 18px; font-weight: 700; }
.circle-heading { width: 200px; height: 200px; border-radius: 200px; border: 7px solid #fff; text-align: center; color: #fff; background-color: #acd458; margin-left: 20px; margin-top: -5em; }
.circle-heading h1 { padding-top: 45px; }
.sub-hed { font-size: 19px; }
.mission-statement h3, .mission-statement p { padding-left: 40px; }
.mission-statement p { color: #8cad47; }
.flexible-left h1, .flexible-left p, .flexible-left a { margin-left: 25px; }
.flexible-right .videoWrapper { margin-right: 25px; border: 10px solid #fff; border-radius: 8px; }
/* Sections */
.circle-heading-content { padding-right: 5em; }
.picture-right .container { padding-left: 40px; padding-right:0; }
img.circle-img { margin-top:-4em; }
.card-section .container { padding-left: 45px; padding-right: 45px; }
.bg-circle .container { background-image: url('../images/circle-bg.jpg'); background-size: cover; padding-left: 45px; padding-right: 45px; padding-top: 4em; padding-bottom: 5em; }
.bg-circle form { max-width: 400px; }
.displayDesktopNone { display: none; }
.full-testimonial img { max-width: 120px; }
.full-testimonial p { font-size: 18px; }
.team { margin-top: -11em; }
.services h2, .services ul, .services p { padding-left: 40px; }
.services a.btn-primary { margin-left: 40px; }
/* Cards */
.card { border-radius: 12px; border: 0; }
.card.testimonial img { height: 120px; width: 120px; }
.card.testimonial-story img { height: 75px; }
.card.testimonial i { color: #970a82; }
/* Checklist */
ul.fa-ul li::before { list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-ul li { margin-bottom: 1em; }
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-ul.green i { color: #b4d36a; }
/* Contact Info */
.contact-info hr { padding-bottom: 1em; padding-top: 1em; border-top: 1px solid #ccc; }
.contact-info img { max-width: 50px; }
.contact-info p { margin-bottom: 0; }
/* Donate */
img.vendor-logo { max-height: 20px; margin-bottom: 0.5em; }
/* Footer */
footer { color: #fff; text-align: center; padding-bottom: 3em; }
footer img.logo { max-width: 300px; }
.footer-curve { background-color: #333; }
.footer-curve svg { margin-top: -14.5em; }
footer a { color: #fff; }
footer a:hover { color: #fff; text-decoration: underline; }
.social i { color: #fff; font-size: 24px; }
p.text-small { font-size: 14px; }
.distribute-links { display: flex; justify-content: space-between; }
/* Video */
.videoWrapper, .videoWrapperLive {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe, .videoWrapperLive iframe { position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.qr-code {
width: 75px;
}
/* About Page */
@media screen and (min-width: 1200px) {
.navLogo { max-width: 350px; }
video { top: 25px; }
}
@media screen and (min-width: 768px) {
.modal-dialog { max-width: 600px; }
}
@media screen and (max-width: 1199px) {
.bg-circle .container { background-image: url('../images/circle-bg-test.jpg'); }
}
@media screen and (max-width: 991px) {
.navLogo { max-width: 240px; }
.circle-heading { width: 200px; height: 200px; margin-top: 0em; }
.circle-heading h1 { padding-top: 35px; }
.circle-heading-content { padding-right: 15px; padding-top: 3em; }
.navigation .container { height: 400px; }
.bg-circle .container { padding-top: 3em; }
.bg-circle .container { background-image: url('../images/circle-bg-small-2.jpg'); padding-bottom: 7em; }
.footer-curve svg { margin-top: -10.5em; }
.shape-1-about svg { margin-top:-8em; }
.mission-statement h3, .mission-statement p { padding-left: 15px; }
.team { margin-top: -6em; }
.navigation .container.about { height: 300px; }
ul.navbar-nav { background: rgba(255,255,255,0.9); padding: 1em; margin-top: 1em; border-radius: 8px; z-index: 5; position: relative; }
.shape-1.donation-page svg { margin-top: -9em; }
.donate-heading-2 { padding-top: 3em; }
.flexible-right .videoWrapper { margin-right: 0; }
.services h2, .services ul, .services p { padding-left: 0px; }
.services a.btn-primary { margin-left: 0px; }
}
@media screen and (max-width: 768px) {
.shape-1 svg { margin-top: -7em; }
.circle-heading-content { padding-top: 0.5em; text-align: center; }
.circle-heading { width: 175px; height: 175px; margin-left: auto; margin-right: auto; margin-top: -5em; }
.circle-heading h1 { padding-top: 35px; font-size: 37px; }
.picture-right .container { padding-left: 20px; padding-right: 15px; }
}
@media screen and (max-width: 768px) {
.shape-1 svg { margin-top: -5em; }
.circle-heading-content { padding-top: 0.5em; text-align: center; }
.circle-heading { width: 175px; height: 175px; margin-left: auto; margin-right: auto; margin-top: -5em; }
.circle-heading h1 { padding-top: 35px; font-size: 37px; }
h3 { font-size: 24px; }
.navLogo { max-width: 250px; }
.bg-circle .container { background-image: url('../images/circle-bg-small-2.jpg'); background-size: contain; background-repeat: no-repeat; background-color: #acd458; }
.footer-curve svg { margin-top: -8.5em; }
img.circle-img { margin-top:0; }
.displayMobileNone { display: none !important; }
.picture-right h2, .picture-right p { text-align: center; }
.picture-right h2 { margin-top: 1em; }
.about-cta { text-align: center; }
.card-column { margin-bottom: 2em; }
.displayDesktopNone { display: block; }
.payment { text-align: center; }
.order-last { margin-top: 2em; }
.shape-1-about svg { margin-top:-6em; }
.mission-statement h3, .mission-statement p { text-align: center; padding-left: 0; }
.mission-statement p { margin-top: 1em; }
.donations { margin-bottom: 1em; }
.shape-1.donation-page svg { margin-top: -7em; }
.flexible-left h1, .flexible-left p, .flexible-left a { margin-left: 0; }
.flexible-left .about-cta { text-align: left; }
#mc_embed_signup { margin-bottom: 3em; }
h3.thank-you-heading { margin-top: 3em; }
}
@media screen and (max-width: 529px) {
.footer-curve svg { margin-top: -7.5em; }
footer img.logo { max-width: 200px; }
.distribute-links, .distribute-links a { display: block; }
.shape-1.donation-page svg { margin-top: -5em; }
}
@media screen and (max-width: 433px) {
.shape-1-about svg { margin-top:-5em; }
a.btn-primary { display: block; margin-bottom: 1em; }
}
@media screen and (max-width: 415px) {
.navLogo { max-width: 200px; }
.circle-heading { margin-top: 0; }
.footer-curve svg { margin-top: -6.5em; }
}
@media screen and (max-width: 361px) {
.shape-1 svg { margin-top: -3em; }
.circle-heading { margin-top: 0; }
.footer-curve svg { margin-top: -5.5em; }
.shape-1-about svg { margin-top:-4em; }
.shape-1.donation-page svg { margin-top: -3.5em; }
}