/*Blog box colors*/
.blog-wrapper.blog {
    background-color: rgba(146, 218, 249, 0.1) !important;
}
.blog-cta-wrapper.blog {
    border: 4px solid rgba(0, 178, 255, 0.3) !important;
}
.blog-cta-wrapper.blog .recent-item-header span {
  background-color: #00b2ff !important;
}
.blog-cta-wrapper.blog .recent-item-header span:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  bottom: -13px;
  border-top: 0 inset transparent;
  border-right: 9px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-cta-wrapper.blog:hover .recent-item-header span:before {
  border-top: 0 inset transparent;
  border-right: 16px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-wrapper.blog-cta-wrapper.blog .blog-teaser .blog-teaser-img.blog-teaser-img-null {
    position: absolute;
    background-color: #2a3848 !important;
}
.blog-wrapper.blog-cta-wrapper.blog .blog-teaser .blog-teaser-img.blog-teaser-img-null:before {
    content: '\f09e';
    font-family: 'FontAwesome';
    color: #00b2ff !important;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 50px;
    transform: translate(-50%, -50%);
}

/*Event box colors*/
.blog-wrapper.event {
    background-color: rgba(146, 218, 249, 0.1) !important;
}
.blog-cta-wrapper.event {
    border: 4px solid rgba(0, 178, 255, 0.3) !important;
}
.blog-cta-wrapper.event .recent-item-header span {
  background-color: #00b2ff !important;
}
.blog-cta-wrapper.event .recent-item-header span:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  bottom: -13px;
  border-top: 0 inset transparent;
  border-right: 9px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-cta-wrapper.event:hover .recent-item-header span:before {
  border-top: 0 inset transparent;
  border-right: 16px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-wrapper.blog-cta-wrapper.event .blog-teaser .blog-teaser-img.blog-teaser-img-null {
    position: absolute;
    background-color: #2a3848 !important;
}
.blog-wrapper.blog-cta-wrapper.event .blog-teaser .blog-teaser-img.blog-teaser-img-null:before {
    content: '\f274';
    font-family: 'FontAwesome';
    color: #00b2ff !important;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 50px;
    transform: translate(-50%, -50%);
}

/*News box colors*/
.blog-wrapper.news {
    background-color: rgba(146, 218, 249, 0.1) !important;
}
.blog-cta-wrapper.news {
    border: 4px solid rgba(0, 178, 255, 0.3) !important;
}
.blog-cta-wrapper.news .recent-item-header span {
  background-color: #00b2ff !important;
}
.blog-cta-wrapper.news .recent-item-header span:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  bottom: -13px;
  border-top: 0 inset transparent;
  border-right: 9px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-cta-wrapper.news:hover .recent-item-header span:before {
  border-top: 0 inset transparent;
  border-right: 16px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-wrapper.blog-cta-wrapper.news .blog-teaser .blog-teaser-img.blog-teaser-img-null {
    position: absolute;
    background-color: #2a3848 !important;
}
.blog-wrapper.blog-cta-wrapper.news .blog-teaser .blog-teaser-img.blog-teaser-img-null:before {
    content: '\f1ea';
    font-family: 'FontAwesome';
    color: #00b2ff !important;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 50px;
    transform: translate(-50%, -50%);
}

/*Resources box colors*/
.blog-wrapper.resources {
    background-color: rgba(146, 218, 249, 0.1) !important;
}
.blog-cta-wrapper.resources {
    border: 4px solid rgba(0, 178, 255, 0.3) !important;
}
.blog-cta-wrapper.resources .recent-item-header span {
  background-color: #00b2ff !important;
}
.blog-cta-wrapper.resources .recent-item-header span:before {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  bottom: -13px;
  border-top: 0 inset transparent;
  border-right: 9px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-cta-wrapper.resources:hover .recent-item-header span:before {
  border-top: 0 inset transparent;
  border-right: 16px solid #0077ab !important;
  border-bottom: 7px inset transparent;
  border-left: 10px inset transparent;
  transition: all 0.3s linear;
}
.blog-wrapper.blog-cta-wrapper.resources .blog-teaser .blog-teaser-img.blog-teaser-img-null {
    position: absolute;
    background-color: #2a3848 !important;
}
.blog-wrapper.blog-cta-wrapper.resources .blog-teaser .blog-teaser-img.blog-teaser-img-null:before {
    content: '\f1c5';
    font-family: 'FontAwesome';
    color: #00b2ff !important;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 50px;
    transform: translate(-50%, -50%);
}