/* 
Primary Color: #8125a8
header gradient: rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7))
button gradient: #8125a8, #4527a0
*/
header {
  background: -webkit-linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7));
  background: linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7));
}

body.show_top_image header {
  background: -webkit-linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7)), url(../img/bg.jpg);
  background: linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7)), url(../img/bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.card-details-wrapper h2 {
  color: #8125a8;
}

ul.body-nav li a {
  background: -webkit-linear-gradient(65deg, #8125a8, #4527a0);
  background: linear-gradient(25deg, #8125a8, #4527a0);
  color: #fff;
}

ul.body-nav li a:hover {
  color: yellow;
}

.footer-wrapper a {
  color: #8125a8;
}

svg path {
  fill: #8125a8;
}

/* responsive css */
@media only screen and (max-width: 767px) {
  body {
    background-image: -webkit-linear-gradient(top, #fff, #fff 55%, #8125a8 45%, #8125a8);
    background-image: linear-gradient(to bottom, #fff, #fff 55%, #8125a8 45%, #8125a8);
  }

  .mobile-bg {
    background: -webkit-linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7));
    background: linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7));
  }

  body.show_top_image .mobile-bg {
    background: -webkit-linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7)), url(../img/bg.jpg);
    background: linear-gradient(rgba(129, 37, 168, 0.3), rgba(69, 39, 160, 0.7)), url(../img/bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  body.show_top_image header,
  header {
    height: auto;
    background: transparent;
  }
}