
/* HFC - Home Featured Content */
.bf-hfc{
  background-color:#333;
  position:relative;
 /* background-image:url('https://www.bellflight.com/-/media/site-specific/bell-flight/images/5-experience/fvl/fvl-insider-background.jpg');*/
  background-image:url('https://www.bellflight.com/Presentation/Static/assets/images/topography-pattern.jpg');
}
.bf-hfc-bg, .bf-hfc-bg-2 {
  display:none;
}

.bf-hfc .row{
  margin-bottom:15px;
}
.bf-hfc .col-14{
  margin-bottom:15px;
}
.bf-hfc-feature {
  position:relative;
  margin-bottom:15px;
}
.bf-hfc-feature a {
  position:relative;
  color:#fff;
  margin-left:15px;
  min-height:290px;
  transition: all 0.3s ease-in-out;
}
.bf-hfc-feature a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(180, 127, 0, 0.5);
  mix-blend-mode: hue; 
  transition: all 0.3s ease-in-out;
}
.bf-hfc-feature a:hover::before {
  background: rgba(180, 127, 0, 0.0);
}
.bf-hfc-content {
  background-color:rgba(0,0,0,.5);
  backdrop-filter:blur(15px) saturate(4);
  padding:12px;
  position:absolute;
  bottom:12px;
  left:12px;
  right:12px;
  font-weight:600;
}
.bf-hfc-feature a:hover .bf-hfc-content {
  background-color:rgba(30,30,30,.5);
  transition: all 0.3s ease-in-out;
}
.bf-hfc-feature a .bf-hfc-content:before {
  content: "";
  position: absolute;
  font-size: 9px;
  right: 12px;
  top: 5px;
  color: #db2c32;
  font-family: bell-icons;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  transition: all 0.3s ease-in-out;
  opacity:0;
  right: 18px;
}
.bf-hfc-feature a:hover .bf-hfc-content:before {
  opacity:1;
  right: 12px;
}
.bf-hfc-content-pre {
  font-size:9px;
  line-height:15px;
  font-weight:900;
  text-transform:uppercase;
  color:#AB2328;
  transition: all 0.3s ease-in-out;
  letter-spacing:.6px;
}
.bf-hfc-feature a:hover .bf-hfc-content-pre {
  color:#db2c32;
}
.bf-hfc-content-head {
  font-size:20px;
  line-height:24px;
  font-weight:600;
  color:#fff;
}
.bf-hfc-content-sub {
  font-size:12px;
  line-height:16px;
  font-weight:400;
  color:#c4c4c4;
}
/*sitemap elements */
.bf-hfc-sitemap  {
  margin-top:100px;
}
.bf-hfc-wrap {
  border:1px solid rgba(255,255,255,0.2);
  margin-left:15px;
}
.bf-hfc-sitemap a,.bf-hfc-sitemap a:visited {
  background-color:#333;
  text-decoration:none;
  height:auto;
  min-height:auto;
  margin-left:0;
}
.bf-hfc-sitemap .bf-hfc-content-pre {
  color:rgba(255,255,255,0.6);
  font-size:10px;
  letter-spacing:.8px;
}
.bf-hfc-sitemap .bf-hfc-content {
  background-color:transparent;
  backdrop-filter:none;
  padding:15px 15px 10px 15px;
  position:relative;
  bottom:inherit;
  left:inherit;
  right:inherit;
  font-weight:600;
}
.bf-hfc-sitemap .bf-hfc-second {
  padding:10px 15px 5px 15px;
}
.bf-hfc-sitemap .bf-hfc-second .bf-hfc-content-head {
  font-weight:400;
  font-size:16px;
  color:#f4f4f4;
}


@media(min-width:980px){
  .bf-hfc .col-14{
    margin-bottom:0;
  }
  .bf-hfc-bg {
    display:inline;
    opacity: 0.05;
    position: absolute;
    left: 50px;
    top: 50px;
    width: 400px;
    height: auto;
  }
  .bf-hfc-bg-2 {
    display:inline;
    opacity: 0.05;
    position: absolute;
    right: 50px;
    top: 250px;
    width: 400px;
    height: auto;
  }
}