/* ONE HEALTH NEWS CSS */
/* Tagged Header Styles */
.tagged-header {   /*the default will be black*/
  display: inline-block;
  padding: 0.675rem 1.5rem;
  background: black;  /*Replace value   */
  color: white;  /*  Replace value  */
  font-family: 'United Sans Condensed', sans-serif !important; /*  */
  font-size: min(6.5vw,1.125rem) !important;
  font-weight: 700 !important;
  letter-spacing: 3.81px;
  line-height: 1 !important;
  border-radius: 4px;
  text-transform: uppercase;
  z-index:  1;
  position: relative;
}
.oh-video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 70%; /* Default 16:9 is 56.25% — increase this for more height */
    margin: 10px 0;      /* adds a little padding above/below */
  }
  .oh-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    border: 0;
  }
 
/* Mobile Styles */
@media only screen and (max-width: 768px) {
  .tagged-header {
    padding: 0.5rem 1rem;
  }
}
/* Container for tagged header */
 
.tagged-header-container {
   margin-bottom: 0 !important;
   /*border-top: 2px solid #000;*/
   margin-left: 10px;
   /*line-height:1.5;*/
   margin-top:20px;
}
 
.tagged-header-container-gold {
    /* border-color: #CFB991;*/
}
/* Tagged Header Variations */
.tagged-header-gold {
  background: #CFB991; /* Replace with the value of $boiler-gold */
  color: black !important; /* Replace with the value of $black */
}
 
 
.tagged-header-gray {
  background-color: #6f727b; /* Replace with the value of gray */
  color: fff !important;
}
 
.tagged-header-container-gray{
     border-color: #6f727b;
}
 
 
/* Skew effect for the background */
.tagged-header:before {
  position: absolute;
  top: 0;
  left: -5px;
  height: 100%;
  content: "";
  background: inherit;
  z-index: -1;
  width: calc(100% + 12px);
  transform: skewX(-15deg);
}
.hh-news.hh-module.page-section .col-md-12 .page-section.wysiwyg-full-width{
    /*width: 100% !important;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.hh-module.section{
 padding-top: 0px;   
}


@media (min-width: 992px) {
    .section.hh-news.hh-module.page-section {
        margin-top: 0px !important;
    }
}
</style>