/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */

*, body{
    font-size:16px;
    font-family: Poppins;
}

html,
body,
.view {
  height: 100%; }

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

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

.top-nav-collapse {
  background-color: #1C2331; }

/* 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: #1C2331; }

.about-us > p, .how-it-works > p, .why-us > p, .terms-and-conditions, .privacy-policy, .enrollment{
    text-align:justify;
    font-weight: 400;
    color: #555;
    line-height: 1.6em;
    font-size: 16px;
}

.roof-top-solar{
    font-size: 16px;
    line-height: 1.6em;
    color: #555;
    font-weight: 400
}

.services-head{
    color: #555;
    line-height:1.6em;
}

#message {
  display:none;
  position: relative;
  margin-top: 10px;
}

#message p {
  font-size: 14px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -35px;
  content: "✖";
}