.vh-60{
  height: 60vh !important;
}
.yellow-green{
  background-color: #8DC53CFF;
}
.gfs-font{
  font-family: 'GFS Didot', serif;
}
/*h1, h2, h3 etc.*/
.apec-heading-color{
  color: #014FA2FF;
}
ol, ul {
  list-style: none;
  display: inline;
}
.apec-in-action-bg{
  background-color: rgba(224, 224, 224, 1);
}


/*//NEWS*/
.bg-list{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/*NEWS BADGE*/
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 0px;
  background-color: rgba(32, 52, 74, 1);
}


.div-overlay {
  position: relative;
}
.overlay {
  position: absolute; 
  bottom: 0; 
  background-color: rgba(0, 0, 0, .5);
  color: #f1f1f1; 
  width: 100%;
  color: white;
  padding: 1.5rem;
}

/*CAROUSEL CAPTION ANIMATION*/
.carousel-animated {
 -webkit-animation-duration: 2s;
  animation-duration: 1s;
}
@-webkit-keyframes carousel-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes carousel-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-fadeInUp {
    -webkit-animation-name: carousel-fadeInUp;
    animation-name: carousel-fadeInUp;
}


/*.header {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

#navbar {
  overflow: hidden;
  background-color: #333;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: #4CAF50;
  color: white;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}*/
