.embed-container { 
  position: relative; 
  padding-bottom: 56.25% !important; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 

.descripttt{
max-height: 170px;
  overflow: hidden;
  position: relative
}
.descripttt::before{
  content: "";
  position: absolute;
  bottom:0;
  width:100%;
  height:70px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.faderade {
position: absolute;
  bottom:0;
  width:100%;
  height:50px;
  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
.main-hero, .main-hero img {
width:100%
}
.main-hero {
position: relative;
  min-height: 380px;
  z-index:50;
  overflow: hidden
  
}
.campaign-headline-wrap{
position: absolute;
  top:50%;
  left:50%;
  max-width:1000px;
  box-sizing: border-box;
  width:100%;
  transform: translate(-50%,-50%);
  z-index:5;
  padding:1em;
}


.image-divider{
width:100%;
  max-width:1100px;
  margin:0 auto;
  box-sizing: border-box;
  padding:1em
}
.image-divider img {
width:100%;
}
.hero-image-breaking-wrap {
width: 100%;
    padding-top: 50%;
    position: relative;
    overflow: hidden;
}
.hero-image-breaking-wrap img {
position: absolute;
  top: 50%;
  left:50%;
  transform:translate (-50%, -50%)
}

.web-content-wrap{
padding:0px 1em;
box-sizing:border-box
}

.webinar-item {
display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom:1em
}
.webinar-wrap .blue-line {
background-color: #f36c3b;
  margin: 1em auto 0px auto
}

.webinar-item h2 {
color:#0057b8;
  text-align:center
}

.webinar-item h2.date-webinar {
color:#000000;
  margin-top:0px ;
  font-size: 1.2em;
  line-height: 1em
}
.webinar-wrap .webinar-item p {
text-align:center;
  color:#000000
}
.webinar-wrap .webinar-item.past-webinar .blue-line {
background-color:#000000
}
.webinar-wrap .webinar-item.past-webinar h2 {
color:#000000
}

.spacer {
width:100%;
  clear:both;
  height:2em
}
.section-divider {
width:100%;
  background-color:#000;
  
 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
  box-sizing: border-box;
  margin:2px 0px
}
.blog-recent-1 {
  margin-top:0px !important
  }
.breaking-wrap {
max-width: calc(1000px + 2em);
  width: 100%;
  margin: 2em auto;
  
}
  
.section-divider h2 {
margin: 0em;
  font-size: 2.2em;
  text-align:center;
  padding:1em;
  color:#fff
}
.blog-item .featured-tag {
font-style: italic;
  margin-bottom:0px;
  margin-top:10px;
  font-size: 1.1em;
    font-weight: 600;
  color:#0057b8
  
}
.covid-text-link {
color:#0057b8;
  font-weight:600;
 
}

.covid-text-link:hover {
color:#0057b8;
  
}
.breaking-news {
display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items:center;
 
 
}

.breaking-news img {
width:100%;
  
}

.breaking-news .blue-line {
margin: 1em
}

.breaking-news h2 {
color: #0057b8;
  font-size: 2em;
  text-align:center;
  padding: 0px 1em;
  text-align:center;
  line-height:1.2em;
}
.breaking-news .descript {
max-width:700px;
   padding: 0px 1em;
  box-sizing:border-box;
  text-align:center;
  color: #0057b8
}



.covid-button {
 background-color: #0057b8;
  border: 1px solid #0057b8;
  color:#ffffff;

  font-size: 18px;
  padding: 12px 12px;
  transition: all .5s;
    font-weight: 500
}

.covid-button:hover {
color:#fff
}

.covid-button:focus {
color:#ffffff
}

a.burns-button {
border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #0057b8;
  color:#0057b8 !important;

  font-size: 18px;
  padding: 12px 24px;
  transition: all .5s;
    font-weight: 500
}

a.burns-button.is-hover {

  background-color: #0057b8;
 
  color:#ffffff !important;
  
}



.is-hover .blog-link {
text-decoration: underline
}

.blog-link:hover {
text-decoration:underline
}

.blog-item .blog-link {
color:#000000;
  transition: all .5s;
  display: block
}
.blog-link:hover {
color:#000000
}

.blog-item h2 {
margin-top:0em;
  clear:both;
  font-size: 1.5em;
  line-height: 1.2em
}
.blog-old h2, .webinar-item h2 {
font-size:1.3em;
  margin-top:0em
}

.divider {
width:100%;
  max-width: calc(1000px + 2em);
  padding:0px 1em;
  margin: 0 auto;
  
}
.blog-wrap, .webinar-wrap {
display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
  max-width: calc(1000px + 2em);
 margin: 2em auto;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 100
}
.blog-item img {
width:100%;
  
    object-fit: cover;

}

.webinar-item.is-hover a.covid-button {
color:#ffffff;
  text-decoration: none
}

.webinar-item.past-webinar.is-hover a {
text-decoration: underline;
  color: #000000
}

.webinar-item.past-webinar.is-hover a.covid-text-link {
text-decoration: none;
  color: #0057b8
}

.webinar-item.is-hover a {
text-decoration: underline;
  color: #0057b8
}
.blog-item, .webinar-item {
width: 33%;
  box-sizing: border-box;
  padding:1em;
  transition: all .5s;
  margin-top:1em;
  margin-bottom:1em
    
  
}
.blog-item.is-hover{
box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

.webinar-item.is-hover{
box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

.blog-recent {
width:100%;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row
}
.blog-item p {
color:#000000
}
.blog-recent-2, .blog-recent-4 {
  flex-direction: row-reverse
}
.blog-recent-2 .new-content, .blog-recent-4 .new-content {
text-align: right
}
.blog-recent-2 .new-content .blue-line, .blog-recent-4 .new-content .blue-line {
align-self: flex-end
}


.blog-recent .new-image-sect {
width:50%;
  padding-top:0%;
  position: relative;
  overflow: hidden
}
 .new-image-sect {
width:100%;
  padding-top:50%;
  position: relative;
  overflow: hidden;
   
}
.new-content {
width:50%;
  box-sizing: border-box;
  padding: 0px 1em;
  display:flex;
  flex-direction: column
}

.aspect-ratio{

    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.blue-line {
height:8px;
  background-color: #41c6f4;
  width:5em;
  
  
}

.blog-old .blue-line {
margin-top: 1em
}


@media(max-width: 767px){
  
  .text-wrap-hero h2 {
  font-size: 1.7em
  }
  .breaking-h h2 {
  font-size: 1.7em
  }
  .blog-recent .new-image-sect {
  width:100%;
    padding-top: 50%
  }
  .blog-recent .new-content {
  width:100%;
    margin-top:1em

  }
  .blog-recent-2 .new-content {
  text-align:left
  }
  
  .blog-recent-2 .new-content .blue-line {
  align-self: flex-start
  }
  
  .blog-item, .webinar-item {
  width:100%;
    padding: 0px; 0em
  }
  .blog-old div {
  padding:0px 1em
  }
}