@charset "utf-8";
/* CSS Document */

/* Move Next and Prev Controls on Carousel To The Bottom */
.carousel-control-prev, .carousel-control-next {
  top: 75%;
}

/* Sticky Sidebar */
.sticky-bar {
  position: -webkit-sticky;
	position: sticky;
  top: 65px;  
  padding: 0 15px;
}

/* Card Margin */
.card {
  margin: 10px 0px 10px 0px;
}

/* Fixes The Navbar From Hiding The Bookmark Anchor */
@media only screen and (max-width: 576px) {
  a.anchor {
    display: block;
    position: relative;
    top: -220px;
    visibility: hidden;
  }
}

@media only screen and (min-width: 576px) {
  a.anchor {
    display: block;
    position: relative;
    top: -58px;
    visibility: hidden;
  }
}

/* ------------------------------------ */

/* Latest Video */
.latest-vid {
  margin-top: 10px;
}

/* Latest Card Description */
.latest-card {
  padding: 10px;
}

/* Glider Images - Important to use all of the image instead of a square*/
.glide-img {
  width: 100%;
}

/* Footer */
#footer-color {
  background-color: rgba(106, 90, 205, 1);
  color: white;
}

/* Navbar */
.navbar {
  background-color: orange;
}

.navbar a{
  color: black;
  font-weight: bold;
}

.navbar a:hover {
  color: rgba(106, 90, 205, 1);
}

.navbar-toggler-icon{ /* Hamburger Menu */
  background-image: url('https://mdbootstrap.com/img/svg/hamburger6.svg?color=6a5acd');
}

/* Subscribe Button */
.subscribe-button {
  display: block;
  width: 75%;
  margin: 10px auto 10px auto;
}

/* Social Media Card */
#social {
  text-align: center;
}

#social a:link {
  color: black;
}

#social a:visited {
  color: black;
}

#social a:hover {
  color: rgba(106, 90, 205, 1);
}

#social a:active {
  color: black;
}

/* ------------------------------------ */

/* 404 Error Page */
body.error-page {
	background-color: rgba(106,90,205,1);
}

.error-home-button {
	background-color: rgba(255,165,0,1);
  margin: 10px;
}

#error-footer-color {
  background-color: rgba(255,165,0,1);
}

/* ------------------------------------ */

/* Privacy Page */
body.privacy-page {
  background-color: rgba(106,90,205,1);
}

.privacy-home-button {
  background-color: rgba(255,165,0,1);
  margin: 10px;
}

#privacy-footer-color {
  background-color: rgba(255,165,0,1);
}