.hero {
  height: 50vh;
  background-image: url(/assets/custom/media/hero-bg-big.jpg);
  background-size: cover;
  border-bottom-color: #d5b177;
  border-bottom-style: solid;
  border-bottom-width: 3px;
}
canvas {
  position: absolute;
  top: 0;
}

.list-group-item:hover p {
  color: #d5b177;
}

.card-header {
    background: #002c53;
}
.card-title {
    color: white;
    margin-bottom: 0;
    font-weight: normal;
}
.card-header {
    border-radius: 0;
}
.card-header:first-child {
    border-radius: 0;
}

.list-item-vc {
    font-size:1em;
      line-height: 2em;
}
.card-body {
    padding: 1rem;
}

.card-title i {
    margin-right: 0.5em;
}
.mainc {
    /*change compared to org layout
    padding-left: 0; 
    padding-right: 0;
        */
}
.main {
      top: -10vh;
}
.blur {
  -webkit-backdrop-filter: blur(5px); // Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+
  backdrop-filter: blur(5px); // No one supports non prefixed yet
}
.featuredpromo {
   min-height: 14.7em;
   max-height: 14.7em;
}
.featuredpromo .card-body {
    background-color: #002c53;
    color: white; 
}
.featuredpromo:hover {
    text-decoration: none;
}
.card {
    border: 0;
    border-radius: 0;
}

.card-header {
    background-color: #002c53;
    border-radius: 0;
}
.card-header:first-child {
    border-radius: 0;
}
.btop {
    border-top: #d5b177;
    border-top-width: 3px;
    border-top-style: solid;
}
@media screen and (max-width: 576px) {
    .sticky-top {
        background-color: rgba(255,255,255,0.7);
        height: 60px;
    }
    .sctm {
    margin-top: 2em
}
}

/*Temp for salaris links. Can be removed in about 30 days*/
#salaris {
    position:  absolute;
    top: 0;
    right: 80px;
}
#salaris a, #salaris span {
    color: white;
}
#salaris a:hover, #salaris span:hover {
    color: #d5b177;
}}
    
/*Img zoom*/
.imgzoom .card-body img {
     transition: transform 0.8s ease-in-out;
}

.imgzoom .card-body img:hover {
  transform: scale(1.2);
}