.navbar{
    background: rgb(255, 255, 255);
    padding: 0
}

.navbar .navbar-brand{
    color: rgb(64, 141, 98);
}

.navbar .nav-link{
    color: rgb(64, 141, 98);
}

.navbar .nav-link:hover{
    color: rgb(2, 67, 30);
}


.historynavbar{
    background-color: rgb(229, 229, 229);
    padding: 0
}

.historynavbar .nav-link{
    color: black
}

.historynavbar .nav-link:hover{
    color: grey
}

.historynavbar .navbar-brand{
    color: black
}

.historynavbar .navbar-brand:hover{
    color: grey
}

.contribnavbar{
    background-color: rgb(32, 49, 80);
    padding: 0

}

.nav-link{
    color: white;
}


nav-link:hover{
    color: rgb(12, 124, 12);
}

.navbar-brand{
    font-size: 2em;
    padding-right: 25px !important;
    color:  white;
}
.section{
    height:100%;
}


.newSectionHeader{
    background-color: azure;
    padding-top: 50px;
    align-items: center;
}

.contactdetails{
    background: #7aaa7b;
    width: 100%;
    align-items: center;
    padding-left: 10px;
}

.contributeHeader{
    background: rgb(113, 214, 248);
    padding-top: 50px;
    align-items: center;

}

.contributeMain{
    color: grey;
    font-size: 1.5em;
    text-align: center;
    font-weight: lighter;
}

.mainImage{
    text-align: center;
}

.sectionMain{
    background: rgb(64, 141, 98);
    width: 100vw;
    padding-left: 0 !important;
    padding-right: 0 !important;
    
    
}

.newcontent{
    width: 100%;
}

.newSplash{
    font-size: 2rem;
    text-align: center;
}

.splashContent{
    color: white;
    font-size: 1rem;
    text-align: center;
}

.splashImage{
    padding-top: 30px;
    text-align: center;
}

.splashMotto{
    font-size: 1.5rem;
    text-align: center;
    font-style: italic;
    padding-top: 25px;

}

.contactdiv{
    background: #7aaa7b;;
    size:1em;
    padding-top: 40px;
}

.emailusdiv{
    background-color: ghostwhite;
    padding-bottom: 50px;
}
.emailtopdiv{
    background-color: ghostwhite;
    padding-top: 80px;
    font-size: 2em;
    text-align: center;

}
.contactcard{
    color: black;
    text-align: center;
}

#mainCarousel{
    background-color:antiquewhite ;
    width: 100%;
    margin: 10px;
}
.carouselimage{
    object-fit: fill;
}

#caruoseldiv{
    background-color: rgb(232, 229, 229);
}

#mainlistdiv{
    background-color: rgb(232, 229, 229);
}

.carouselrow{
    height: auto;
    align-items: center;
}

.carouseltext{
    padding-left: 10px;
    text-align: left;
    align-content: center;
}

.indexinfo{
    padding-top: 10px;
}
ul {
    list-style-type: none;
  }

.mainlist a{
    color: rgb(107, 104, 104);
    font-size: 1.2em;
    font-weight: lighter;
    text-decoration: none;
}
.mainlist .icon {
    transform: rotate(0) ;
    display: inline-block;
}

.mainlist :not(.collapsed)  .icon {
    transform: rotate(-45deg) ;
    display: inline-block;
}

.collapsetext{
    color: rgb(175, 175, 175);
    font-size: 1.2em;
    text-decoration: none;
    padding-left: 50px;
}
#mainfooter{
    background-color: rgb(209, 209, 209);
}

.footerlogo{
    padding-top: 30px;
    padding-bottom: 30px;
    color: rgb(46, 46, 46);
}

.footerlogo a{
    color: rgb(46, 46, 46);
    text-decoration: none;}

.footerlogo a:hover{
        color: rgb(105, 105, 105);
        text-decoration: none;}

.contentHeader{
    color: white;
    font-size: 3em;
    text-align: center;
}
.contentimage{
    text-align: center;
    color: rgb(81, 81, 81);
    align-items: center;
    min-height: 100vh;
    max-height: 100vh;
}

.imageborder{
    margin: 5px;
}

.topdiv{
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
}

.contentimagegreyleft{
    background-color: rgb(232, 229, 229);
    text-align: justify;
    color: rgb(81, 81, 81);
    align-items: center;
    font-size: 1.2em;
    min-height: 100vh;

}

.contentimagedarkright{
    background-color: rgb(255, 238, 238);
    text-align: justify;
    color: rgb(81, 81, 81);
    align-items: center;
    min-height: 100vh;
    font-size: 1.2em;

}

.contentimagegreyright{
    background-color: rgb(238, 236, 236);
    font-size: 1.2em;
    text-align:justify;
    color: rgb(81, 81, 81);
    align-items:center;
    min-height: 100vh;
}

.servicescardbody{
    color: rgb(107, 104, 104);
    text-decoration: none;
    font-size: 1.2em;
    font-weight: lighter;
}

.historyheader .contentHeader{
    background-color: rgb(232, 232, 232);
    color: black;
}

.servicesContentHeader{
    background-color: aliceblue;
    text-align: center;
    font-size: 3em;
    color: rgb(98, 98, 98);
}


.servicesContent{
    color: rgb(107, 104, 104);
    font-size: 1.5em;
    text-decoration: none;
}
.admissionmodallink{
    color: black;
    text-decoration: none;
    font-weight: lighter;
    text-align: center;
    align-items: center;
    border-top:1px solid black;
    border-bottom:1px solid black;
}

.admissionmodallink:hover{
    color: black;
    text-decoration: none;
}
.admissionmodalbody{
    color: rgb(107, 104, 104);
    font-size: 1em;

}

.servicesContentDetail{
    color: rgb(107, 104, 104);
    font-size: 1em;
    font-weight: lighter;
    text-decoration: none;
    text-align: center;
    align-self: center;
}

.serviceCard1{
    background-color: darkslategray;
}

.serviceTwo{
    padding-top: 30px;
}

.servicesCarouselRow{
    padding-top: 150px;
    min-height: 100vh;
}


.servicesOne{
    background-color: rgb(253, 255, 246);
    padding-top: 5%;
    min-height: 100vh;
}
.servicesTwo{
    background-color: rgb(255, 255, 255);
    align-items: center;
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;
}

.servicescall a{
    text-decoration: none;
    color: #000;
}

.servicescall a:hover{
    text-decoration: none;
    color: #000;
    text-shadow: rgb(255, 103, 103) 1px 0 10px;
}


.servicesList{
    text-align: left;
    font-size: 1.2em;
    font-weight: lighter;
}

.allergy .bi-hand-index::before{
    rotate: 90deg;
}
.servicesThree{
    background-color: rgb(255, 244, 244);
    align-items: center;
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;

}

.servicesFour{
    background-color: rgb(244, 245, 255);
    align-items: center;
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;

}

.servicesFive{
    background-color: rgb(103, 190, 197);
    align-items: center;
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;
}

.servicesFive .servicesContent{
    color: white;
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;

}

.servicesFive .servicesContentDetail{
    color: white;
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;

}

.servicesSix{
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;
    background-color: rgb(211, 255, 210);
    align-items: center;
}

.servicesSeven{
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;
    align-items: center;
}

.servicesEight{
    padding-top: auto;
    padding-bottom: auto;
    min-height: 100vh;
    align-items: center;
    background-color: rgb(255, 252, 233);
}

.admissionCard{
    color: #068c12;    
    font-size: 1.2em;
    font-weight: bold;
}

.admissionList{
    color: gray;
    font-size: 1.2em;
    font-weight: lighter;
}
.carousel-caption{
    bottom: 0;
    top: auto;
}

.contibuteleft{
    min-height: 100vh;
    max-height: 100vh;
    vertical-align: middle;
}

.contributetopdiv{
    padding-top: 50px;
    min-height: 100vh;
    align-items: center;
    font-size: 1.2em;
    color: #068c12;
    font-weight: lighter;
}


.contribbottom{
    min-height: 100vh;
    max-height: 100vh;
    align-items: center;
    font-size: 1.2em
}

.vacanciestopdiv{
    font-size: 2em;
    text-align: center;
    align-items: center;
}

.vacanciesdiv{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    align-items: center;
    border-top: dotted 1px gray;
}

.vacanciesdiv .vacancieslabel{
    font-size: 1.5em;
    font-weight: lighter;
    color: #068c12
}

.vacancieslink{
    color: black;
    font-size: 0.5em;
    text-decoration: none;
    }

.vacancieslink:hover{
    color: black;
    font-size: 0.5em;
    text-decoration: none;
    font-weight: bold;
}

.vacanciesdetail{
    font-size: 1.2em;
    color: black;
    font-weight: lighter;

}

.qualifications{
    font-weight: bold;
}

.outreachintrodiv{
    color: black;
    text-align: center;
    align-items: center;
    font-size: 1.2em;
    padding-top: 50px;
    padding-bottom: 50px;
    font-weight: lighter;
}

.outreachcarousel{
    min-height: 100vh;
    align-items: center;

}

.outreachheader{
    padding-top: 200px;    
}

.newindex{
    background: rgb(229, 229, 229);
    text-align: center;
    align-items: center;
    max-height: 100vh;
}

.splimage{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.spllist a{
    color: black;
    text-decoration: none;
}

.spllist a:hover{
    color: #000;
    text-shadow: rgb(255, 103, 103) 1px 0 10px;
}
    

.containerspl{
        position: relative;
        width: 100%;
        height:auto;
      
}

.containerspl #contactbtn{
    position: absolute;
    bottom: 25%;
    right: 70%;
}

.containerspl #contributebtn{
    position: absolute;
    bottom: 30%;
    right: 50%;
}


.contactlink{
    color: black;
    text-decoration: none;
}

.contactlink:hover{
    color: #000;
    text-decoration: none;
}

.accordion-body {
    background-color:rgb(229, 229, 229);; 
}

.accordion-button {
    background-color:rgb(229, 229, 229);
    border-top: 1px dotted black; 
}

.accordion-button:not(.collapsed) {
    background-color:rgb(229, 229, 229);
    border-top: 1px dotted black; 
}

.collectmodal a{
    text-decoration: none;
    color:#000;
    font-size: 1.5em;
    font-weight: lighter;
}