/*
 * Thunderstruck Hosting Custom CSS
 * called from base.html template
 *
*/

.dark-bg {
  background: #112631;
  color: #ffffff;
}

.hosting-package-block {
  padding: 10px;
  border-radius: 10px;
}

.hosting-basic {
  background: #a3a0a0;/* grey */
}

.hosting-popular {
  background: #5e97bf;/* light blue */
}

.hosting-ultimate {
  background: #152432;/* dark blue */
  color: #ffffff;
}

.package-heading {
  background: #f5c200;/* yellow */
  color: #000000;
  padding: 5px 0px;
}

.header-sub-title {
  font-size: 25px;
  font-weight: bold;
}

.a-package-link, .a-package-link:visited, .a-package-link:hover {
  display: block;
  text-decoration: none;
  color: inherit;
}

.a-package-link:hover {
  -webkit-animation: glow 0.5s ease-in-out infinite alternate;
  -moz-animation: glow 0.5s ease-in-out infinite alternate;
  animation: glow 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #ffffff00, 0 0 20px #ffffff00, 0 0 30px #ffffff00, 0 0 40px #ffffff00,
                 0 0 50px #ffffff00, 0 0 60px #ffffff00, 0 0 70px #ffffff00;
  }
  to {
    text-shadow: 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #ffffff, 0 0 25px #ffffff,
                 0 0 30px #ffffff, 0 0 35px #ffffff, 0 0 40px #ffffff;
  }
}

.package-cost {
  font-size: 65px;
  font-weight: bold;
}

.package-duration {
  font-size: 35px;
}

.includes-title {
  font-size: 25px;
}

.package-includes-list {
  font-size: 25px;
  font-weight: bold;
}

.action-button {
  background-color: #f5c200;/* yellow */
  border-color: #f5c200;/* yellow */
  color: #152432;/* dark blue */
  font-size: 45px;
  border-radius: 40px;
}

.action-button:hover {
  background-color: #f1e2ac;
  color: #152432;/* dark blue */
}

footer {
  background: #152432;/* dark blue */
  color: #ffffff;
}

.border-right-bar img {
  border-right: 2px solid #ffffff;
  padding-right: 120px;
}