/* Author: Jonathan Mitchell */
 
 /* Navbar */
 .navbar-custom {
    background-color: #004b80 !important ;
    
    }
    
  .navbar-custom .nav li.dropdown.open > .dropdown-toggle, .navbar-custom .nav li.dropdown.active > .dropdown-toggle, .navbar-custom .nav li.dropdown.open.active > .dropdown-toggle {
    background: #028356 !important;  
 }
 
/* .contact-us-link {
  color: $blue;
  font-family: 'Rokkitt', serif;
  font-weight: 500;
  font-size: 24px;
  display: block;
  margin: 50px auto 0 auto;
  text-align: center;
  white-space: nowrap;
}
.donate-now-link {
  color: #558700;
  font-family: 'Rokkitt', serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
  display: block;
  margin: -32px auto 0 auto !important;
  text-align: center;
  white-space: nowrap;
}
.were-hiring-link {
  color: $blue;
  font-family: 'Rokkitt', serif;
  font-weight: 500;
  font-size: 24px;
  display: block;
  margin: 50px auto 0 auto !important;
  text-align: center;
  white-space: nowrap;
  margin-left: 255px !important; */
}
 @media (max-width: 991px) {
     .phone-number, .were-hiring-link, .donate-now-link, .contact-us-link {
         position: relative !important;
         margin: 100px !important;
         display: none !important;
    }
}
/* Intersection Observer Big Stat Animation */
 .big-stat {
     animation: anim1 .7s ease-out;
}
 .big-stat {
     animation: anim2 .7s ease-out;
}
 @keyframes anim1 {
     0% {
         opacity: 0;
         transform: translateX(-30rem) rotate(-45deg);
    }
     100% {
         opacity: 1;
         transform: scale(1) rotate(0deg);
    }
}
 @keyframes anim2 {
     0% {
         opacity: 0;
         transform: translateX(30rem) rotate(45deg);
    }
     100% {
         opacity: 1;
         transform: scale(1) rotate(0deg);
    }
}
/* Donate Now Link Shake Animation */
 a.donate-now-link {
     animation: jump-shaking 1s;
     animation-delay: 1.5s;
}
 @keyframes jump-shaking {
     0% {
         transform: translateX(0) 
    }
     25% {
         transform: translateY(-9px) 
    }
     35% {
         transform: translateY(-9px) rotate(17deg) 
    }
     55% {
         transform: translateY(-9px) rotate(-17deg) 
    }
     65% {
         transform: translateY(-9px) rotate(17deg) 
    }
     75% {
         transform: translateY(-9px) rotate(-17deg) 
    }
     100% {
         transform: translateY(0) rotate(0) 
    }
}
/* Override original CSS to make BP Board of Directors Photo Responsive */
 [src='https://www.brightoncenter.com/images/uploads/site_images/Brighton_Properties_Board_of_Directors_FY22.png'] {
     height: 100% !important;
     width: 100% !important;
}
/* Add box shadown to services photos */
 .service {
     box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.8);
}
/* Fade in animation for news and services containers */
 .news-panel , .services-container , .video-section {
     -webkit-animation: fadein 3s;
    /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 3s;
    /* Firefox < 16 */
     -ms-animation: fadein 3s;
    /* Internet Explorer */
     -o-animation: fadein 3s;
    /* Opera < 12.1 */
     animation: fadein 3s;
}
 @keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Firefox < 16 */
 @-moz-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */
 @-webkit-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Internet Explorer */
 @-ms-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Opera < 12.1 */
 @-o-keyframes fadein {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Change color of hope link */
 .response {
     color: #eac421 !important;
}
/* Services Section Zoom In on Hover */
 .services-container li:hover {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     -webkit-transform: scale(1.3);
     transform: scale(1.1) 
}