body {
font-family: "SackersGothicMedium", "Arial", "Helvetica", sans-serif;
}

h1, h2, h3, h4, h5, h6, .hero-region h1, .hero-region .h1, .hero-region .AdminSynopsis__Title {
    font-family: 'SackersGothicMedium', sans-serif;  
} 

#caption-text {
    font-family: 'SackersGothicMedium', sans-serif; 
}


/* Bring login link vertically inline with select/dropdown */
#user-nav {
    padding: 5px 5px;
    font-size: 16px;
    height: 34px;
}

/* Carousel CSS */
.carousel-inner .item img {
    width: 100%;
}

.feature-region {
	background-image: none;
}

/* Logo in the course listing Bigger */
.product-account-image-wrapper {
    height: 60px;
}


/* Changes size and color of Login */
a, .Product__AssociatedProductsList--below-the-fold>li>a {
    color: #012169;
    font-size: 16px;
    text-decoration: none;
}

/* Changes size and color of Name */
.btn-link {
    color: #012169;
    font-weight: normal;
    font-size: 16px;
    height: 90px
}

/*
/* Makes Search bar thicker */
#search-form .search-form-container {
    padding: 21px 0px;
    background-color: #012169;
}
*/

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.right.carousel-control, .left.carousel-control {
    display: none;
}

/* Custom Link CSS Working Code as of 02/14/2019 */


/* Page Links refers to the custom links */
#page-links {
    display:inline-block;
}
#page-links a {
    display:inline-block;
    padding:5px 10px;
    font-size:14px;
    color:#0073ac;
}

#page-links a:hover {
    display:inline-block;
    padding:5px 10px;
    font-size:14px;
    color:#005179;
}

#page-links .piped-list>li:before {
    display:none;
    margin-right:0;
}