/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
  height: 100%;
}

body {
  padding-top: 50px;
  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
  margin-bottom: 30px;
}

.img-hover:hover {
  opacity: 0.8;
}

.products .caption {
  height: 100%;
  overflow: hidden;
}

.products .caption h4 {
  white-space: nowrap;
}

.products .thumbnail img {
  width: 100%;
}

.products .ratings {
  padding-right: 10px;
  padding-left: 10px;
  color: #d17581;
}

.products .thumbnail {
  padding: 0;
}

.products .thumbnail .caption-full {
  padding: 9px;
  color: #333;
}

/* Home Page Carousel */

header.carousel {
  height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
  height: 100%;
}

header.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* 404 Page Styles */

.error-404 {
  font-size: 100px;
}

/* Pricing Page Styles */

.price {
  display: block;
  font-size: 50px;
  line-height: 50px;
}

.price sup {
  top: -20px;
  left: 2px;
  font-size: 20px;
}

.period {
  display: block;
  font-style: italic;
}

/* Footer Styles */

footer {
  margin-top: 20px;
  padding-top: 20px;
  color: #fff;
  background-color: #27304c;
  border-top: 7px solid grey;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #fff;
}

/* Responsive Styles */

@media (max-width: 991px) {
  .customer-img,
  .img-related {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .img-portfolio {
    margin-bottom: 15px;
  }
  header.carousel .carousel {
    height: 70%;
  }
}

.checklist {
  list-style: none;
  padding-left: 0;
  line-height: 2em;
}

.checklist li::before {
  content: "✅";
  color: #fff;
  margin-right: 1em;
  margin-left: 1em;
}
