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 h2{
  font-size: 0.9rem !important;
}
div.live-light{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #43C36F;
    animation: example 1.5s infinite;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 10px;
    left: -5px;

}
div.live-snippets{
  margin-top: 0px;
}
div.live-snippets ul li.live-snippers.items{
 padding: 7px 0px 5px 0px !important;
}



@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; */
  margin:3px 0px;
  border: none;
}

div.live-snippets{
  /* display: none; */
}




/*Widget css*/
div.aaew div.home-mid-low-widget {
  display: inline-block;
}
div.aaew ul.row-widget-list{
  width: 24%;
  float: left;
  margin-left: 0px !important;

}
div.aaew ul.row-widget-list li{
  margin: 0px;
  width: 100%;
  padding: 10px;
}

div.aaew .home-mid-low-widget .row-widget-list .row-widget-text .post-date::after{
  content:  none;
}

div.aaew ul.row-widget-list.all{
  width: 100%;

}
div.aaew ul.row-widget-list.all li{
  width: 23%;
}


/*across all circled*/


div.aacircled div.home-mid-low-widget {
  display: inline-block;
}
div.aacircled ul.row-widget-list{
  width: 24%;
  float: left;
  margin-left: 0px !important;

}
div.aacircled ul.row-widget-list li{
  margin: 0px;
  width: 100%;
}

div.aacircled ul.row-widget-list.all{
  width:  100%;
}

div.aacircled ul.row-widget-list.all li{
  width: 24%;
  margin: 0 auto;

}




div.aacircled ul.row-widget-list.all li img{
  border-radius: 50%;
  
}

div.aacircled ul.row-widget-list.all li div.row-widget-img{
  background: transparent;
}

div.aacircled .home-mid-low-widget .row-widget-list .row-widget-text .post-date::after{
  content:  none;
}


div.aacircled .row-widget-img img {
  width: auto !important;
  margin: 0 auto;
  display: block;
}



div.aacircled ul.row-widget-list li img{
  border-radius: 50%;
  
}

div.aacircled ul.row-widget-list li div.row-widget-img{
  background: transparent;
}

div.aacircled .home-mid-low-widget .row-widget-list .row-widget-text .post-date::after{
  content:  none;
}



/* ALP Widget */

div.alp div.home-mid-low-widget {
  display: inline-block;
}
div.alp ul.row-widget-list{
  width: 24%;
  float: left;
  margin-left: 0px !important;

}
div.alp ul.row-widget-list li{
  margin: 0px;
  width: 100%;
  padding: 10px;
}


div.alp li.featured_img{
  position: relative;
}
div.alp li.featured_img div.text-over{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
    /*background-color: rgba(0,0,0,0.5); /* Black background with opacity */
}

div.alp .home-mid-low-widget .row-widget-list .row-widget-text .post-date::after{
  content:  none;
}

div.alp ul.row-widget-list.all{
  width: 68.97% !important;
}

div.alp ul.row-widget-list.all li{
  width: 30.5%;
}



/*table and table cell*/
div.table{
  height: inherit;
  width: 100%;
  display: table;
}

div.table-cell{
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

div.alp li.featured_img div.text-over span.feat-info-text{
  color: white;
}
div.alp ul{
  width: 22.8% !important;
}

div.alp ul:first-of-type{
  width: 31.03% !important
}


/*accross widget*/
/* ALP Widget */

div.ac div.home-mid-low-widget {
  display: inline-block;
  background: transparent;
}
/*div.ac ul.row-widget-list{
  width: 24%;
  float: left;
  margin-left: 0px !important;

}
div.ac ul.row-widget-list li{
  margin: 0px;
  width: 100%;
  padding: 10px;
}*/
div.ac  ul.row-widget-list{
  width:30%;
  display: inline-grid;
  margin: 8px;
  /*border: 8px solid #ebebeb;*/
  padding: 12px;
  background: white;
}
div.ac  ul.row-widget-list li{
  width:100%
}

div.ac  .row-widget-list li{
  margin: 0px;
  border-top: 1px solid #ddd;
  padding: 10px 0px;

}
div.ac  .row-widget-list li:first-of-type{
  border-top: none;
}

div.ac div.home-mid-low-widget{
  padding: 0px;
}

div.ac  ul.row-widget-list.all{
  width:29.3%;
  display: inline-grid;
  margin: 0.5%;
  /*border: 8px solid #ebebeb;*/
  padding: 20px;
  background: white;
}

div.ac div.home-mid-low-widget ul:nth-child(1){
  margin-left: 0px;
  /*float: left;*/

}
div.ac div.home-mid-low-widget ul:nth-child(3){
  margin-right: 0px;
  /*float: right;*/
}



div.aaew .all li{
  display: block;
  margin: 0 auto;
}

div.grey-border{
  height: 4px;
  width: 100%;
  background: #ebebeb;
}
div.ac h3.side-list-title{
  width: fit-content;
  margin-bottom: 15px;
}

div.ac .home-mid-low-widget .row-widget-list .row-widget-text .post-date::after{
  content:  none;
}




/* Featured Topic */

div.ft div.home-mid-low-widget {
  display: inline-block;
}
div.ft ul.row-widget-list{
  width: 30%;
  float: left;
  margin-left: 0px !important;
  display: inline-block;
  margin: 0 15px 0px 0px;
  ;

}
div.ft  ul.row-widget-list li{
  margin: 0px;
  width: 95%;
  padding: 0px 10px 10px 10px;

}

div.ft ul.row-widget-list:first-of-type{
  width: 25% !important;
  margin-right: 55px;
}
div.ft ul.row-widget-list{
  width: 25% !important;
}

div.ft div.blog-widget-text p{
  font-size: 12px;
}

div.ft ul:last-of-type{
  width:  15%;
  display: inline-block;
  text-align: right;
}
div.ft ul li.li-item{
  min-height: 105px;
}
div.ft ul:last-of-type li p{
  color;
  font-size: 14px;
}

div.ft ul:last-of-type img{
  width: 100px;
  height: 70px;
}

div.ft .home-mid-low-widget .row-widget-list .row-widget-text .post-date::after{
  content:  none;
}

/*div.ft ul li.li-item:first-child {
    border-bottom: 1px solid #dddddd;

}
*/
div.ft ul:nth-child(2) li a,
div.ft ul:nth-child(3) li a
{
  display: inline-block;
    height: fit-content;
    width: fit-content;
    padding-bottom: 10px;
    padding-top: 10px;
}
div.ft ul:nth-child(2) li:first-child a,div.ft ul:nth-child(3) li:first-child a{
    display: inline-block;
    height: fit-content;
    width: fit-content;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #dddddd;
}


div.aacircled p.post-title{
  font-size:  0.8rem !important;
  font-family: 'Roboto', sans-serif;
  line-height: 130%;
  font-weight: 400 !important;
}

div.aacircled span.post-date, div.aacircled span.contributers-author{
  color: #999;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: .65rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
}


div.aaew p.post-title{
  font-size:  0.8rem !important;
  font-family: 'Roboto', sans-serif;
  line-height: 130%;
  font-weight: 400 !important;
}

div.aaew span.post-date, div.aacircled span.contributers-author{
  color: #999;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: .65rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
}



div.alp p.post-title{
  font-size:  0.8rem !important;
  font-family: 'Roboto', sans-serif;
  line-height: 130%;
  font-weight: 400 !important;
}

div.alp span.post-date, div.aacircled span.contributers-author{
  color: #999;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: .65rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
}



div.ac  p.post-title{
  font-size:  0.8rem !important;
  font-family: 'Roboto', sans-serif;
  line-height: 130%;
  font-weight: 400 !important;
}

div.ac  span.post-date, div.aacircled span.contributers-author{
  color: #999;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: .65rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
}


div.ft p.post-title{
  font-size:  0.9rem !important;
  font-family: 'Roboto', sans-serif;
  line-height: 130%;
  font-weight: 400 !important;
}

div.ft span.post-date, div.aacircled span.contributers-author{
  color: #999;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: .65rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
}

div.ft a.ft-list-link{
  height: 110px !important;
}


/*div.aaew
div.alp
div.ac 
div.ft

*/

.widget_custom_html{
  float: left;
  width: -webkit-fill-available;
}

.widget_custom_html .break{
  height: 0px;
  margin-bottom: 0px;
}

.post-date.author{
  text-transform: capitalize !important;
  color:  #000 !important;
}

span.by{
  text-transform: lowercase;
}



  @media (min-width: 480px) and (max-width: 768px) {
        div.aacircled ul.row-widget-list.all li{
          width: 50%;
        }
        .home-title-wrap{
          padding-left: 40.511221%;
        }
        .home-mid-low-widget .row-widget-wrap  {
          display: flex;
          flex-wrap: wrap;
        }
        div.aaew ul.row-widget-list{
          width: 50%;
        }
        div.alp ul:first-of-type {
          width: 100% !important;
        }
        div.alp ul.row-widget-list.all {
          width: 100% !important;
        }
        div.alp ul.row-widget-list.all li {
          width: 28%;
        }
        div.ac ul.row-widget-list{
          width: 25%;
          margin-right: 3%;
        }
        
        /* div.ac ul.row-widget-list{
          width: 25%%;
        } */
        div.ac div.home-mid-low-widget ul:nth-child(1){
          width: 25%;
        }
        div.ac div.home-mid-low-widget ul:nth-child(3){
          width: 25%;
        }
        div.grey-border{
          display: none;
        }
        
        div.ft ul.row-widget-list:first-of-type {
          width: 40% !important;
        }
        div.ft ul.row-widget-list {
          width: 40% !important;
        }
        div.ft ul:last-of-type {
          width: 48%;
          display: inline-block;
          text-align: left;
          margin-left: 30px;
          margin-top: 15%;
        }
       
        .home-left-col {
          float: left;
          width: 95%;
          margin-left: 2.4%;
          margin-bottom: 3%;
      }
      div.aaew ul.row-widget-list.all li {
        width: 45%;
      }
        
  }
  @media (min-width: 250px) and (max-width: 480px) {
    div.aacircled ul.row-widget-list.all li{
      width: 100%;
    }
    div.aaew ul.row-widget-list{
      width: 100%;
    }
    .home-title-wrap{
      padding-left: 2%;
      /* justify-content: center;
      align-items: center; */
    }
    div.alp ul:first-of-type {
      width: 100% !important;
    }
    div.alp ul.row-widget-list.all li {
      width: 100%;
    }
    div.ac ul.row-widget-list{
      width: 100%;
    }
    div.ft ul.row-widget-list:first-of-type {
      width: 100% !important;
    }    
    div.ft ul.row-widget-list {
    width: 100% !important;
    }
    div.ft ul:last-of-type {
      width: 100%;
      text-align: left;
    }
    .home-mid-low-widget {
      margin-bottom: -9px;
    }
    div.alp ul.row-widget-list.all {
      width: 100% !important;
    }
    div.aaew ul.row-widget-list.all li {
      width: 100%;
    }
    div.ft div.blog-widget-text p {
      display: inline;
    }
    div.ft ul.row-widget-list li{
      border: none;
    }
  
    div.alp .featured_img .row-widget-list{
      width: 100%;
    }
            
  }
  @media (min-width: 768px) and (max-width: 1024px){
    .home-mid-low-widget .row-widget-list li {
      width: 45%;
  }
    div.aacircled ul.row-widget-list.all li{
      width: 50%;
    }
    .home-mid-low-widget .row-widget-wrap  {
      display: flex;
      flex-wrap: wrap;
    }
    div.aaew ul.row-widget-list{
      width: 50%;
    }
    
    div.alp ul:first-of-type {
      width: 100% !important;
    }
    div.alp ul.row-widget-list.all {
      width: 100% !important;
  }
    div.alp ul.row-widget-list.all li {
      width: 30.5%;
  }
  div.ac ul.row-widget-list{
    width: 28%;
  }
  div.ac div.home-mid-low-widget ul:nth-child(1) {
    width: 24%;
  }
  div.ac ul.row-widget-list{
    width: 26%;
    margin-left: 3%;
    margin-right: 3%;
  }
  div.ac div.home-mid-low-widget ul:nth-child(3){
    width: 24%;
  }
  div.grey-border{
    display: none;
  }
  div.ft ul.row-widget-list:first-of-type {
    width: 35% !important;
  }
  div.ft ul.row-widget-list {
    width: 40% !important;
  }
  div.ft ul:last-of-type {
    width: 40%;
    display: inline-block;
    text-align: left;
    margin-left: 3%;
  }
  .home-mid-low-widget .row-widget-list li:nth-child(3) {
    display: unset;
  }
  div.aaew ul.row-widget-list.all li {
    width: 45%;
  }
}

body.post-type-archive-snippets article.featured .featured-header{
  background : #43C36E;
  padding: 10px 0px;
}

body.post-type-archive-snippets article.featured{
  border: 5px solid #43C36E;
  border-bottom: 5px solid #43C36E !important;
  width: 99% !important;
}

body.post-type-archive-snippets article.featured .featured-header div.pin{
  width: 5%;
  margin-left: 20px;
  display: inline-block;
}
body.post-type-archive-snippets article.featured .featured-header div.time{
  width: 40%;
  display: inline-block;
}

body.post-type-archive-snippets article.featured .featured-header div.time span{
  color:  white;
  font-weight: 700;
}
body.post-type-archive-snippets article.featured #post-header{
  margin: 30px 0 0 15px !Important;
}

body.post-type-archive-snippets article.featured .featured-header div.pin i{
  color: white;
}