@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Yellowtail&display=swap');
*{
   
}
.handwriting{
    font-family: 'Yellowtail', cursive;
}
.row {
    --bs-gutter-x: 0;
}
.logo-large{
    margin-top:-70px;
    z-index:1000;
    background-color:white;
}
.page-content{
    margin-top:50px;
}
.color-white{
    color:white !important;
}
.school{
    font-size:5vw;
}
.divider-white{
background-color: white!important;
width: 60vw;
height: 2px;
}
.divider-black{
background-color: black!important;
width: 60vw;
height: 2px;
}
nav{
    background-color: white !important;
}
.opacity-navbar::before{
    backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
}

.opacity-navbar{
   background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.65));
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
}
.hero-banner img {
    overflow: hidden;
    width: 100%;
    max-height: 50vh;
    object-fit: cover;
    margin-top:-50px;
    object-position: center 0;

}
.mission{
    font-size: calc(2.5rem + 1.5vw);
}
.active{
    color:#004E7C !important;
}
.content1{
    background-color:#004E7C;
    color:white;
}
.content1 a{
    color:white;
    text-decoration:none;
}
.content2{
    background-color:#FFE440;
    color: black;
}
.subheader{
    color:white;
}
.text-justify{
    text-align:justify;
}
.index-icon{
    font-size:3em;
}
.slider-text{
  background: inherit;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1);
  -webkit-filter: invert(1) grayscale(1);
  mix-blend-mode:inherit;
  mix-blend-mode: difference;
}
.waves-effect.waves-brown .waves-ripple {
   /* The alpha value allows the text and background color
   of the button to still show through. */
    background-color: rgba(121, 85, 72, 0.65);
  }
.slider .indicators .indicator-item {
  background-color: #666666;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slider .indicators .indicator-item.active {
  background-color: #9dcc00;
}
.slider {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  margin-bottom:-40px;
}
.slider .indicators {
  bottom: 60px;
  z-index: 100;
  /* text-align: left; */
}
.scale-x2{
    transform: scale(1.5);
}
footer{
    background-color:#efefef;
}
.bg-blur{
	backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.15));

	background-color: rgba(255, 255, 255, 0.65);
}
.donation-selected{
    background-color:#6EB2F5!important;
}