body.post-type-archive-snippets div#home-left-wrap{
    width: 100%;
    margin: 0 auto;
    float: none;
}

body.post-type-archive-snippets ul.archive-list li:hover h2{
  color: #070B15 !important;
}

body.post-type-archive-snippets div#home-left-wrap{
  width: 70.9%;
  float: left;
  display: inline-block;
}

body.post-type-archive-snippets div#arch-right-col{
  width: 310px;
  margin-left: 0px;
}

div#arch-right-col{
  display: inline-block;
}

li.snippet div.author, li.snippet div.time{
  display: inline-block;
}


span.mago{
  color: #ab0613;
  font-size: 14px;

}

.break.snippet{
  
  margin-bottom: 10px;
  margin-top: 10px;
}

div.metadata-wrapper{
  margin-top: 10px;
}
div.author{
    margin-right: 10px;
    display: inline-block;
    float: left;
    width: 34px;
    height: 40px;
}

li.live-snippers:first-of-type h2{
  font-size: 18px !important;
}
div.live-light{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #43C36F;
  animation:  example 2s infinite;
  display: inline-block;
  margin-right: 10px;
  position: absolute;

}



@keyframes example {
  0%   {background-color: #43C36F;}
  
  0%  {background-color: white;}
  /*25%  {background-color: #ff0075;}*/
  50%   {background-color: #43C36F;}
  /*75%  {background-color: #ff0075}*/
  100%  {background-color: white;}
  
}


@keyframes green {
  0%   {background-color: #43C36F;}
  
  0%  {background-color: white;}
  /*25%  {background-color: #ff0075;}*/
  50%   {background-color:  #43C36F;}
  /*75%  {background-color: #ff0075}*/
  100%  {background-color: white;}
  
}

div.live-snippets h3.side-list-title{
  margin-top:  1px;
  margin-left:  12px;

}

@media only screen and (min-width: 768px){

  h1.cat-head.snippets{
  display: inline-block;
  width: fit-content;
  margin-left: 15px;
}

div.live-light.green{
  background: #43C36F;
  animation: green 2s infinite;
  position: absolute;
  left: -16px;
  top: 7px;
  
}

}

h1.cat-head.snippets{
  position: relative;
}


@media only screen and (max-width: 768px){
  div.snippets-title-wrap{
    width: 100%;
    float: left;
  }
  h1.cat-head.snippets{
    display: flex;
    width: fit-content;
    margin: 10px auto;
    text-align: center;
    float: unset;
}

div.live-light.green{
    width: 100;
    background: #43C36F;
    animation: green 2s infinite;
    top: 7px;
    left: -14px;
    margin-right: 0px;
}

}


@media only screen and (min-width: 1399px){

  h1.cat-head.snippets{
  display: inline-block;
  width: fit-content;
  margin-left: 15px;
  }

}

body.archive.post-type-archive-snippets #post-header{
  padding-bottom: 20px !important;
}

div.break.snippet{
  display: none;
}

div.live-snippets{
  display: none;
}