/* CSS FILE */

/* #252562 is main purple color of Black Opal font theme */ 

.sticky-navbar {
    overflow: hidden;
    position: fixed;
    width: 100%;
    background-color: #99acc3;
    top: 0;
    left: 0;
    z-index: 9;
    
}

.sticky-navbar2 { /*https://codepen.io/sonorangirl/pen/XmRBjq */
    overflow: hidden;
    position: fixed;
    width: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 100;
    transition: background-color 1s ease 0s;
}




.nav-bar-links {
    color: #FFFFFF;
    font-weight: bold;
}

.nav-link2 {
  display: block;
  padding: 0.5rem 1rem; 
}

.nav-link2:hover, .nav-link2:focus {
    text-decoration: none; 
    color: #252562;
}

.nav-link2.disabled {
    color: #FFFFFF;
    pointer-events: none;
    cursor: default; 
}

.nav-bar-logo {
    position: relative;
    height: auto;
    width: 200px;;
    background-size: contain;
    max-height: 100px;
}

.header-gradient {
    background-image: url(./img/header-img.jpg); 
    background-position: center center, center center; 
    background-size: cover, cover;
    
}

.header1 {
    background-image: url(./img/header-img.jpg);
}



.carousel-nav-icon {
   height: 48px;
   width: 48px;
}



.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}








/* style="background-image: url(./img/header-img.jpg); background-position: center center, center center;  background-size: cover, cover; opacity: 0.5;" */