html {
    scroll-behavior: smooth;
}

body {
    background-color: #ffffff;
}


/* navbar customization */

.navbar-custom {
    background-color: #450470;
   /*background-color: #000000;*/
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.navbar-custom .navbar-toggler{
    color: #ffffff;
}

.navbar-custom .navbar-toggler-icon {
    color: #ffffff;
}

/* jumbotron */

.jumbotron-custom {
    background-size: cover !important;
    height:100vh  !important; 
    padding-top:70px;
}

/* carousel */

.carousel-item .img-fluid {
    width:100%;
    height:100%;
  }

  .carousel-caption {
    top: 180px;
    bottom: auto;
} 
.padding-top-50{
    padding-top:50px;
}

.vertical-center{
    margin-top: auto;
    margin-bottom: auto;
}

/* text and bg color */

.text-purple{
    color: #5c158b;
}

.text-pink{
    color: #df1ad5;
}

.text-darkblue {
    color: #07064b;
}

.bg-lightgray{
    background-color: #9b9a9a !important;
}

.bg-lightinfo{
    background-color: #adeaf1 !important;
}

/* others */
.ul-noBullets{
    list-style-type:none;
}

.opacity-half{
    opacity: 0.5;
}

.opacity-3q{
    opacity: 0.75;
}