/* NAVBAR  */
.navbar{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);}

.navbar-brand{font-family:"Helvetica Neue";}

.navbar-nav .navbar-nav .nav-link{
  padding:0;
  border:0;
  font-size:.88rem;
}

.navbar-nav .navbar-nav .nav-link:hover{
  text-decoration: underline;
}

.nav-pills .nav-link{
  border:2px solid transparent;
}

.nav-pills .nav-link:hover{
  border:2px solid currentColor;
}

.nav-pills .nav-link.active{
  background-color: var(--bs-dark);
  color: var(--bs-light) !important;
}

.nav-pills .nav-link.active:hover{
  border-color: var(--bs-dark);
}

.nav-pills .nav-link.active img{
  filter: invert(100%);
}

/* HERO  */
.hero{
    margin-top:-3.5rem;
    background:no-repeat center center;
    background-size:cover;
    box-shadow:inset 0 -60px 30px -30px rgba(0,0,0,.9);
}

#home-hero{background-image:url(/images/illustrations/connected_world.png);}
#dashboard-hero{background-image:url(/images/dashboardhero.jpg);}

.hero-red{background-color:#990000;}
.hero-blue{background-color:#0b5394;}
.hero-yellow{background-color:#bf9000;}
.hero-purple{background-color:#472071;}
.hero-green{background-color:#00685f;}
.hero-orange{background-color:#b45f06;}

.hero-red-light{background-color:#f4cccc;}
.hero-blue-light{background-color:#c9daf8;}
.hero-yellow-light{background-color:#fff2cc;}
.hero-purple-light{background-color:#d9d2e9;}
.hero-green-light{background-color:#b1dfda;}
.hero-orange-light{background-color:#f9cb9c;}

/* CONTENT  */
.content{margin-top:1rem;}
.content :target {padding-top: 4.5rem !important; margin-top: -4.5rem;}

.card:has(a.stretched-link){
  transition: all 0.5s ease-out;
}

.card:has(a.stretched-link):hover{
  box-shadow:0 0 10px 0 grey;
}


/* PAGE SPECIFIC  */
.client_reference img{
  filter: saturate(.9);
  transition: all 0.25s ease-out;
}
.client_reference span:hover img{
  filter: saturate(1.25);
}