/* Modify the background color */
.navbar-custom {
    background-color:  #9B9C85;
}

.nav-link {
    font-size: 18px;
    margin-left:1.2rem;
    
}

.bg-image {
    background-image: url(https://i.ibb.co/SsVJs5R/16x9-arff.png);
    background-size: cover;
    position: relative;
  height: 412px;
  color: #fff;
}

.bg-image > img 
{position: absolute;}

.arrow {
    margin-top:4rem;
}

.arrow a
{
    text-decoration: none;
    color: #fff;
}


.nav-link:hover
{color: #9B9C85;
font-style:italic;}

/*<uniquifier>: Use a uniquifier for the class name
 <weight>: Use a value from 100 to 700 */


.josefin-sans-400 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.josefin-sans-600 {
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
  }
  
  .bg-custom {
    background-color: #CFD197;
}

.herobg {
    background-color: #d7d9a9;
}

.container-fluid{
    padding-left: 0rem;
    padding-right: 0rem;
    overflow: hidden;
  }

  p{
    font-size: 15px;
  }
  
  a{
    color: #fff;
  }

  a:hover{
    color: #c2c2b4;
  }

iframe
{min-height:411px;
}

.newsCard {
  position: relative;
  width: 100%;
  height: 350px;
  background-color: #fff;
  color:#fff;
  overflow: hidden;
  border-radius: 6px;
}

figure img {
display: block;
object-fit: cover !important;
object-position: center center !important; height: 100%;
width: 100%;
}

.overlay{
  display: block;
  position: absolute;
  height: 250px;
  width: 100%;
  bottom: 0;
  z-index: 3;
}

.newsCaption {
  position: absolute;
  top: auto;
  bottom: 31px;
  left: 0;
  width: 100%;
  height: 45%;
  z-index: 10;
  padding-top: 20px;
  -webkit-transform: translateY(80%);
  transform: translateY(80%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition:  -webkit-transform 0.4s;
  transition:  -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s,  -webkit-transform 0.4s;
  font-family:"Josefin Sans";
}

.newsCaption b{font-size: 24px;}

.newsCaption i{
    color:#9B9C85;
    margin-bottom: 2px;
}

.newsCaption-title {
  margin-top: 0px;
  font-family:"Josefin Sans";
}

.newsCaption-content {
  margin: 0;
  font-family:"Josefin Sans";
}

.newsCaption-link {
  color: #fff;
  text-decoration: underline;
  opacity: .8;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
          transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
}
.news-Slide-up:hover .overlay{ 
    background: rgb(56,55,55);
    background: -moz-linear-gradient(0deg, rgba(56,55,55,1) 0%, rgba(77,75,75,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(56,55,55,1) 0%, rgba(77,75,75,0) 100%);
    background: linear-gradient(0deg, rgba(56,55,55,1) 0%, rgba(77,75,75,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383737",endColorstr="#4d4b4b",GradientType=1);
}

.news-Slide-up:hover .newsCaption {

  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition:  -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.flex{
  text-align: center;
} 

.clientwork{ 
  margin-top: -2.5rem;
}

.logos { 
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
  .footerlinks
  {
    color: #fff;
 
  }

  .footerlinks a 
  {
    text-decoration: none;
  }

  .footerlinks:hover {
    font-style:italic;
  }