/* Required height of parents of the Full Page Intro and Intro itself */
html,
body,
.view {
  height: 100%; 
}

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.1); 
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem;
}

.top-nav-collapse {
  background-color: rgba(255, 255, 255, 1);
}

.navbar-toggler {
  background-color: #87bd25;
}

.navbar-collapse.collapse.show{
  padding-top: 30px;
  padding-bottom: 30px;
}

.top-nav-collapse .menu-items-left .nav-link{
  color: #006935 !important;
}

.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link {
  background-color: rgba(0, 0, 0,.3);
  border-radius: 5px;
}

.nav-link{
  font-weight: 400;
}

.card .card-circle {
  width: 7.5rem;
  height: 7.5rem;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
}

.primary-theme-color{
  color: #006935;
}

.secondary-theme-color{
  color: #87bd25;
}

.primary-theme-background{
  background: #006935;
}

.card .card-circle .fas, .card .card-circle .fab, .card .card-circle .far {
  font-size: 4rem;
}

.parallax {
  /* Full height */
  height: 400px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#faq-accordion .card{
  margin-bottom: 15px;
}

#faq-accordion .card-header{
  background-color: #ffffff;
  border-bottom: 0;
}

#faq-accordion p{
  font-size: 1.1rem;
}

.md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline textarea.md-textarea:focus:not([readonly]){
  border-color: #006935;
  box-shadow: inset 0 0 0 1px #006935;;
}

.md-form .prefix.active, .md-form.md-outline input[type=password]:focus:not([readonly])+label, .md-form.md-outline input[type=email]:focus:not([readonly])+label, .md-form.md-outline input[type=url]:focus:not([readonly])+label, .md-form.md-outline input[type=time]:focus:not([readonly])+label, .md-form.md-outline input[type=date]:focus:not([readonly])+label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly])+label, .md-form.md-outline input[type=tel]:focus:not([readonly])+label, .md-form.md-outline input[type=number]:focus:not([readonly])+label, .md-form.md-outline input[type=search]:focus:not([readonly])+label, .md-form.md-outline input[type=search-md]:focus:not([readonly])+label, .md-form.md-outline input[type=text]:focus:not([readonly])+label, .md-form.md-outline textarea.md-textarea:focus:not([readonly])+label{
  color: #006935;
}

#contact-us .md-form.md-outline input[type=password], #contact-us .md-form.md-outline input[type=email], #contact-us .md-form.md-outline input[type=url], #contact-us .md-form.md-outline input[type=time], #contact-us .md-form.md-outline input[type=date], #contact-us .md-form.md-outline input[type=datetime-local], #contact-us .md-form.md-outline input[type=tel], #contact-us .md-form.md-outline input[type=number], #contact-us .md-form.md-outline input[type=search], #contact-us .md-form.md-outline input[type=search-md], #contact-us .md-form.md-outline input[type=text], #contact-us .md-form.md-outline textarea.md-textarea{
  border: 1px solid #c0c1c3;
}

#contact-us .md-form.md-outline label.active {
  background: #edf5df;
}

#registration-form .md-form.md-outline{
  margin-bottom: 0 !important;
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  /*.navbar {
    background-color: #1C2331; 
  }*/
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #006935;
}