#archive-content-container .fl-col-group .fl-col:first-of-type {
  margin-top:20px;
}
/*PLAY ICON========================================================================================*/
.show-archive-recent-post-slider div.fl-post-slider-post > div.fl-post-slider-content {
  display:none;
}
.show-archive-recent-post-slider div.fl-post-slider-post > div.fl-post-slider-content > .fl-post-slider-title > a:hover i.icon-item {
  color:#ffc20f;
  background-color:#273043;
  border:3px solid #273043;
}
.show-archive-recent-post-slider div.fl-post-slider-post > div.fl-post-slider-content > .fl-post-slider-title > a {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.icon-and-header-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction:column;
}
@media screen and (min-width: 769px) {
  .icon-and-header-row {
    flex-direction:row;
    align-items:end;
    background-color:rgba(0,0,0,0.4);
  }
}
.icon-and-header-row .icon-col .icon-item {
  color:#777777;
  background-color:#eeeeee;
  border:3px solid #777777;
  border-radius:5px;
  padding:25px 27px;
  margin:10px 40px 10px 10px;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out;
  font-size:4rem;
}
.icon-and-header-row .icon-col {
  margin-right:30px;
}
/*.icon-and-header-row .icon-col .icon-item:hover {
  color:#273043;
  background-color:#eeeeee;
  border:3px solid #eeeeee;
}*/
/*GENERAL ALL SHOW ARCHIVE MOBILE STYLES===========================================================*/
@media screen and (max-width: 768px) {
  .show-archive-recent-post-slider div.fl-post-slider-post > div.fl-post-slider-content {
    padding:0 !important;
    position:absolute;
    bottom:0;
    margin:5px;
  }
  .show-archive-recent-post-slider div.fl-post-slider-post > div.fl-post-slider-content > .fl-post-slider-title {
    background-color:rgba(0,0,0,0.4);
    font-size:2.5rem;
    margin-bottom:0;
    padding:0 5px;
  }
  .show-archive-recent-post-slider div.fl-post-slider-post > div.fl-post-slider-content > .fl-post-slider-title > a {
  }
  .icon-and-header-row {
    justify-content:center;
    align-items:center;
  }
  .icon-and-header-row > .icon-col {
    position:absolute;
    z-index:-1;
    margin:0;
  }
  .icon-and-header-row > .icon-col > i {
    margin:0;
  }
  .icon-and-header-row > .header-col {
  }
}