@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
html{
   scroll-behavior: smooth;
}
*{
   font-size: 17px;
   font-family: 'Lato', sans-serif;
}
a{
   color: #EAB017;
}
a:hover{
   color: #1B958B;
}
h3{
   font-size: 1rem;
}
.charity-home{
   background-image: url('/inc/img/content/charity/charity-landing.jpg');
   background-position: center;
   background-size: cover;
   padding-top: 5rem;
   padding-bottom: 5rem;
}
.color-green>h1, .color-green>h2,.color-green>h3{
   /*text-shadow: 0px 1px 12px #ffffff;*/
   /*text-shadow:#f4f4f496 0px 0px 40px;*/   
}
.color-green h1{

   font-weight: 800;
   font-size: 3rem;
   background-image: linear-gradient(0deg, #1d4b47 40%, #1b958b 70%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px #44e0d3;
   text-shadow: 0 0 12px rgb(255 255 255 / 32%);

}
.color-green h2{
   font-weight: 500;
   font-size: 2rem;
   -webkit-text-stroke: 1px #44e0d3;
   color: #1D4B47;
}
h2{
   font-weight: 700;
   font-size: 2rem;
   -webkit-text-stroke: 4px #44e0d38a;
   text-shadow:0px 7px 7px #8182848c;
   color: #1D4B47;
}
.color-green h3{
   font-weight: 700;
   font-size: 2rem;
   -webkit-text-stroke: 1px #44e0d38a;
   color: #1D4B47;
}
.bg-green{
   background-color: #1b958b;
}
/*.bg-green:hover{
   background-color: #EAB017;
   transition: .2s ease-in-out;
}*/

/*.bg-green:before, .bg-green:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 40px solid #015f57;
  border-bottom: 40px solid #015f57;
}
.bg-green:before {
  border-right: 40px solid transparent;
  transform: translateX(-100%);
}
.bg-green:after {
  border-left: 40px solid transparent;
  transform: translateX(100%);
}
.bg-green:hover {
  color: #c0e7e4;
}
.bg-green:hover:before {
  transform: translateX(-30%);
}
.bg-green:hover:after {
  transform: translateX(30%);
}*/



.text-green{
   color: #1b958b;
}
.rounded-125{
   border-radius: 1.25rem;
}
.rounded-75{
   border-radius: 0.75rem;
}
.bg-cheveron{
   background-image: url('/inc/img/content/charity/diamond-bg-left-sm.jpg');
   padding-top: 3rem;
   padding-bottom: 5rem;
   background-repeat: no-repeat;
}
.bg-cheveron-right{
   background-image: url('/inc/img/content/about/diamond-bg-right-sm.jpg');
   padding-top: 3rem;
   padding-bottom: 5rem;
   background-repeat: no-repeat;
   background-position:right bottom;
}
.bg-stepup-button{
   background-image: url('/inc/img/layout/header/step-in-shoes-01.png');
   background-repeat: no-repeat;
   background-position: center;
   height: 5rem;
}

.home-bg{
   background: linear-gradient(rgba(20, 20, 20, 0.6),rgba(20, 20, 20, 0.6)),url(/inc/img/content/home/home-bg.jpg);
}
.home-sub-section-bg{
   background: url(/inc/img/content/home/home-sub.jpg);
   padding-top:40rem; 
   padding-bottom:40rem; 
}
.about-bg{
   background: linear-gradient(rgba(20, 20, 20, 0),rgba(20, 20, 20, 0.6)),url(../../inc/img/content/about/about.jpg);
}
.our-partner-bg{
   background: linear-gradient(rgba(20, 20, 20, 0),rgba(20, 20, 20, 0.6)),url(../../inc/img/content/our-partners/our-partners.jpg);
}
.cmp-bg{
   background: linear-gradient(rgba(20, 20, 20, 0),rgba(20, 20, 20, 0.6)),url(../../inc/img/content/cmp/corporate-marketing-partners.jpg);
}
.home-bg,.about-bg,.home-sub-section-bg,.our-partner-bg,.cmp-bg{
   padding-top: 3rem;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}
.home-section-3{
   background:linear-gradient(180deg, #ffffff, #F4F4F4);
}
.card-header{
   background: none;
   color: #1B958B;
   font-weight: bold;
}
.card-title{
   padding-left: 0.5rem;
}
.accordion .card-header:after {
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   content: "\f068";
   float: left;
   padding-right: 0.5rem;
   color: #EAB017;
   /*   border-right: 3px solid #B3B3B3;*/
}
.accordion .card-header.collapsed:after {
   /* symbol for "collapsed" panels */
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   content: "\f067";
}
.footer-parallax{
   position: relative;
   z-index: -1;
   background: url('/inc/img/layout/footer/page-sub-bg-main.jpg');
   height: 700px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.footer-main {
   position: fixed;
   bottom: 0;
   background-image: url(/inc/img/layout/footer/footer-bg-main-crop.png);
   height: 150px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   z-index: -1;
}
.main{background-color: white; position: relative;}

/*
Arrow Bounce
*/
.bounce {
   -webkit-animation: bounce 2s infinite;
   animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
   0%,
   20%,
   50%,
   80%,
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
   }
   60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
   }
}
@keyframes bounce {
   0%,
   20%,
   50%,
   80%,
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
   }
   60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
   }
}


/*
Navigation
*/
.navbar .navbar-nav{
   width: 100%;
   padding-top: 2rem;
}
li.nav-item{
   padding-right: 5px;
}
a.text-uppercase.btn.btn-md.bg-green.rounded-125.text-white {
   box-shadow: 0px 2px 5px #6f6f6f;
}
.navbar-light .navbar-nav .nav-link{
   color: #EAB017;   
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
   color: #1B958B;
}
.dropdown-menu{
   min-width: 12rem;
}

@media (min-width: 320px) and (max-width: 767px) {
   li.nav-item{
      padding-left: 2rem;  
   }
}
@media (min-width: 768px) and (max-width: 990px) and (orientation: landscape) {
   li.nav-item{
      padding-left: 2rem;  
   }
}
@media (min-width: 990px){
   .home-section-1-im-pos{
      position: absolute;
      bottom: 0;
      right: 0;
   } 

}