a{
    text-decoration: none;
  }

/* temprry to removed with themening */
body{
background-color: #fff;
  }

  
/*change-spot-logo*/
.change-spot-logo{
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 50%;
    overflow:hidden;
  
    transition: none;
    -webkit-transition:none;
  
  }
  .change-spot-logo input{
    height: 0px;
    width: 0px;
    overflow: hidden;
  }
  .change-spot-logo label{
    display: inline-block;
    padding:0px 20px;
    /*margin:0px 20px;*/
    text-align: center;
    color: #fff;
    cursor: pointer;
  
  
    height: 20px;
    line-height: 21px;
    background:rgba(0,0,0,0.3);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow:hidden;
  
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
  }



  
  .aspot-head{
    height: 250px;
    margin: 0 auto 10px;
    
  }
  .aspot-head .aspot-pic-and-follow-subscribe-buttons{
      
  }
  .aspot-head .aspot-pic-and-follow-subscribe-buttons .aspot-pic{
      height: 150px;
      padding: 15px 20px 0PX 20PX;
      
  }
  .aspot-head .aspot-pic-and-follow-subscribe-buttons .aspot-pic .aspot-image{
      background: #fff;
      border-radius: 50%;
      height: 130px;
      position: relative;
      width: 130px;
      margin: auto;
      
  }
  .aspot-head .aspot-pic-and-follow-subscribe-buttons .aspot-pic .aspot-image img{
      border-radius: 50%;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
  }
  .aspot-head .aspot-pic-and-follow-subscribe-buttons .aspot-follow-subscribe-buttons{
      height: 100px;
      padding: 10px 60px;
      text-align: center;
  }

  .aspot-head .aspot-pic-and-follow-subscribe-buttons .aspot-follow-subscribe-buttons .com-user-follow-btn{
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    border: 1px solid rgba(49, 210, 204, 1);
    text-align: center;
    background: #fff;
    color: rgba(49, 210, 204, 1);
    /* margin-top: 15px; */
    margin: 0 auto;
    border-radius: 30px;
    transition: 0.3s all;
  }
  .aspot-head .aspot-pic-and-follow-subscribe-buttons .aspot-follow-subscribe-buttons .aspot-subscribe-button{
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px;
    border: 1px solid rgba(49, 210, 204, 1);
    text-align: center;
    background: #fff;
    color: rgba(49, 210, 204, 1);
    margin: 0 auto;
    border-radius: 30px;
    transition: 0.3s all;
    padding: 5px 0;
    margin-top: 10px; 
  }
  .com-user-subscribe-btn .loader{
      display: none;
  }
  .aspot-head .aspot-pic-and-follow-subscribe-buttons .aspot-follow-subscribe-buttons .aspot-edit-button{
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 2;
      font-size: 12px;
      border: 1px solid rgba(125, 125, 125, 1);
      text-align: center;
      background: #fff;
      color: rgba(125, 125, 125, 1);
      margin-top: 15px;
      border-radius: 30px;
      cursor: pointer;
  }


   .aspot-head .aspot-name-and-desc-writer-info{
      
  }
  .aspot-head .aspot-name-and-desc-writer-info .aspot-name-and-desc{
      height: 150px;
      padding: 25px 20px;
  }
  .aspot-head .aspot-name-and-desc-writer-info .aspot-name-and-desc .aspot-name{
      text-align: left ;
  }
  .aspot-head .aspot-name-and-desc-writer-info .aspot-name-and-desc h3.aspot-name{
      font-size: 35px;
      margin: 0;
      text-transform: capitalize ;
      font-weight:500;
  }
  .aspot-head .aspot-name-and-desc-writer-info .aspot-name-and-desc .aspot-desc{
      text-align: left ;
  }
  .aspot-head .aspot-name-and-desc-writer-info .aspot-name-and-desc p.aspot-desc{
        color: #666;
        margin: 10px 0px;
        text-align: left;
        font-size: 15px;
        height: 3.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
  }
  .aspot-info{
      height: 100px;
      padding: 15px 20px;
  }
  .aspot-writer-names{
      text-align:left;
      font-size: 15px;
      padding-top: 10px;
  }
  h3.writer-name{
      margin:0;
      font-weight: 500;
      text-transform: capitalize;
  }
  .aspot-number-of-followers-subscribers-articles{
      padding-top: 15px;
      font-size: 15px;
      
  }
  .aspot-number-of-followers-subscribers-articles ul{
      padding: 0;
      list-style: none;
      margin: 0;
      text-align: left ;
  }
  li.aspot-number-of-followers,
  li.aspot-number-of-subscribers,
  li.aspot-number-of-articles{
      display:inline-block;
      line-height:2;
      color: #777;
      text-transform:capitalize;
  }
  li.aspot-number-of-followers .fa.fa-circle,
  li.aspot-number-of-subscribers .fa.fa-circle,
  li.aspot-number-of-articles .fa.fa-circle{
      font-size: 7px;
      margin: 12px 0px 0px 15px;
      vertical-align: top;
  }
  span.followers-count,
  span.subscribers-count,
  span.articles-count{
      text-transform: uppercase ;
  }


  .aspot-navigation{
      /*padding: 0px calc(100% - 1000px) 0px;*/
      border-bottom: 1px solid rgba(125,125,125,0.4);
      /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);*/
      margin: 0 auto;

  }
  .aspot-navigation-links{
      display: inline-block;
  }
  .aspot-navigation-links ul{
      margin: 0;
      list-style: none;
      padding: 0;
      /*text-align: left;*/
  }
  .aspot-navigation-links ul li{
      display: inline-block;
      line-height: 2.5;
      padding: 0px 20px;
      margin-right: 10px;
      letter-spacing: 1px;
      text-transform: capitalize;
      color: #444;
      cursor: pointer;
      font-weight: 100;
  }
  .aspot-navigation-links ul li.active{
      border-bottom: 2px solid #000;
      color: #000;
      font-weight: 400;
      background: rgba(125,125,125,0.1);
  }
  .aspot-content{
      margin: 20px auto 0px;
      max-width: 1000px;
      min-height: 100vh;
  }
  .aspot-tab-content-item{
      padding:0px 50px 20px 50px;
      display: none;
    }
    .aspot-tab-content-item.active{
        display: block;
        /* display: -ms-inline-grid;
        display: -moz-inline-grid; */
    }

  .aspot-content-items{
      margin-bottom: 20px;
  }
  .aspot-content-item{
  padding: 0px;
  width: 600px;
  border: 1px solid #ddefef;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 20px;
  border-radius:15px;
  position: relative;
  /*---------------JUSTTEMPORARYFORLOOKINGGOOD------------------*/display: inline-block;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  -ms-border-radius:15px;
  -o-border-radius:15px;
}
.aspot-content-item:hover{
    background: #f2f2f2;
}
  .aspot-content-item-header{
      position: relative;
      padding: 10px;
      padding-bottom: 0px;
      display: flex;
      justify-content: space-between;
      overflow: unset;
      align-items: center;
  }
  .aspot-content-item-header-left{
    display: flex;
      
  }
  .aspot-content-item-header-left a.image-icon-link{
      
  }
  a.image-icon-link .image-icon{
      background: #fff;
      border-radius: 50%;
      height: 50px;
      position: relative;
      width: 50px;
      display: inline-block;
      float: left ;
  }
  .image-icon img{
      border-radius: 50%;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%
  }
  .spot-item-name-and-time{
      display: inline-block;
      float: left;
      padding-top: 10px;
      margin-left: 8px;
      text-transform: capitalize ;
  }
  .spot-item-name{
      
  }
  .spot-item-name h5.item-name{
      margin: 0;
      font-weight: 500;
      font-size: .90em;
  }
  .spot-time{
      display: inline-block ;
      float: left ;
  }
  .spot-time span.date-and-time{
      font-weight: 500;
      font-size: 12px;
      color: #888;
  }
  .aspot-content-item-header-right{
      display: flex;
      align-items: center;
      
  }
  .aspot-content-item-header-right .fa.fa-share-alt{
      display: none;
  }
  .aspot-content-item-header-right .fa.fa-share-alt,
  .aspot-content-item-header-right .fa.fa-bookmark-o{
      /* margin-left: 10px; */
      color: #444;
      padding: 0px 10px;
      /* line-height: 50px; */
      font-size: 22px;
      cursor: pointer;
  }
  .aspot-content-item-header-right .fa.fa-bookmark{
    padding: 0px 10px;
    /* line-height: 50px; */
    font-size: 22px;
    cursor: pointer;
  }
/* 
  .feed-dd {
    position: absolute;
    right: -20px;
    margin-right: 12px;
    top: 20px;
    } */

  .aspot-content-item-header-right .fa.fa-ellipsis-v{
      padding: 5px;
      cursor: pointer;
  }
  .aspot-content-item-article-and-image{
      padding: 10px;
      /*border-top: 1px solid #ddefef;*/
      padding-bottom: 0px;
  }
  .aspot-content-item-article{
      padding-right: 10px;
  }
  h2.aspot-content-item-article-title{
      text-align: left ;
      text-transform: capitalize ;
      margin: 0;
      font-weight: 600;
      font-size: 20px;
  }
  p.aspot-content-item-article-desc{
      text-align: left;
      font-size: 15px;
      margin: 10px 0px;
      line-height: 1.4;
      color: #666;
  }
  .aspot-content-item-image{
     
      height: 197px;
      position: relative;
      display: inline-block;
      float: left;
      border-radius: 5px;
  }
  .aspot-content-item-image img{
      height: 100%;
      left: 0;
      border-radius: 15px;
      position: absolute;
      top: 0;
      width: 100%;
  }
  .aspot-content-item-footer{
    padding: 10px;
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
      
  }
  .aspot-content-item-footer-left{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #657786;
  }
  .aspot-content-item-footer-left i{
    font-size: 5px;
    padding: 0px 5px;

  }


  .aspot-content-item-footer-right{
    display: flex;
    align-items: center;
  }

.aspot-content-item-footer-right .fa.fa-share-alt,
.aspot-content-item-footer-right .fa.fa-bookmark-o{
    /* margin-left: 10px; */
    color: #444;
    padding: 0px 10px;
    /* line-height: 50px; */
    font-size: 17px;
    cursor: pointer;
}
.aspot-content-item-footer-right .fa.fa-bookmark{
  padding: 0px 10px;
  /* line-height: 50px; */
  font-size: 17px;
  cursor: pointer;
}
.aspot-content-item-footer-right .ri-more-2-fill{
    padding: 0px 5px;
    cursor: pointer;
    font-size: 14px;
}

.feed-dd {
    position: absolute;
    right: -26px;
    margin-right: 17px;
    top: 86%;
  }
  .aspot-tab-content-item h4{
    background: #f2f2f2;
  padding: 10px 10px;
  border-radius: 50px;
  width: 100%;
  cursor: pointer;
  max-width: 1000px;
  margin: 0 auto;
  }
  


  /*article style css*/ /* X2 aspot-content-items */


    .aspot-timeline-items{
            margin-bottom: 20px;
        }
    .aspot-timeline-item{
        padding: 20px;
        border-radius: 15px;
        width: 48%;
        margin: 1%;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    }
    .aspot-timeline-item-image{
        
    }
    .aspot-timeline-item-image-content{
        background: #fff;
        height: 120px;
        width: 100%;
        position: relative;
        display: inline-block;
        float: left;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .aspot-timeline-item-image-content img{
        height: 100%;
        left: 0;
        border-radius: 10px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .aspot-timeline-item-desc{
        
    }
    .aspot-timeline-item-title-and-desc{
        padding:0px 20px;
    }
    h4.aspot-timeline-item-title{
        text-align: left;
        text-transform: capitalize;
        margin: 0;
        font-weight: 500;
    }
    p.aspot-timeline-item-desc{
        text-align: left;
        font-size: 15px;
        margin: 10px 0px;
        line-height: 1.4;
        color: #666;
    }
    .aspot-timeline-item-writer-names{
        padding:0px 20px;
        margin-bottom: 10px;
    }
    h5.aspot-timeline-item-writer-name{
        margin: 0;
        font-weight: 500;
        text-transform: capitalize;
        font-size: .80em;
        text-align: left ;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .aspot-timeline-item-posted-by-info{
        padding:0px 20px;
        position:relative;
    }
    .aspot-timeline-item-posted-by-icon{
        
    }
    .aspot-timeline-item-posted-by-icon-image{
        background: #fff;
        border-radius: 50%;
        height: 40px;
        position: relative;
        width: 40px;
        display: inline-block;
        float: left;
        cursor:pointer;
    }
    .aspot-timeline-item-posted-by-icon-image img{
        border-radius: 50%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .aspot-timeline-item-posted-by-name-and-date{
        display: inline-block;
        float: left;
        padding-top: 3px;
        margin-left: 8px;
        text-transform: capitalize;
    }
    .aspot-timeline-item-posted-by-name{
        
    }
    h5.aspot-timeline-item-posted-by-name-title{
        margin: 0;
        font-weight: 500;
        font-size: .90em;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .aspot-timeline-item-posted-by-date{
        display: inline-block;
        float: left;
    }
    span.aspot-timeline-item-posted-by-time{
        font-weight: 500;
        font-size: 12px;
        color: #888;
    }
    .aspot-timeline-item-save-icon .fa.fa-bookmark-o{
        position: absolute;
        color: #444;
        font-size: 30px;
        top: 5px;
        right: 20px;
        cursor:pointer;
    }


  /*article style css*/ /* X3 aspot-content-items */

    .aspot-trending{
            
        }
    .aspot-trending-items{
        margin-bottom:20px;
    }
    .aspot-trending-item{
        padding-bottom: 15px;
        border-radius: 10px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
        width: 30%;
        margin-bottom: 20px;
        margin-left: 20px;
    }
    .aspot-trending-item-image{
        
    }
    .aspot-trending-item-image-content{
        background: #fff;
        height: 150px;
        width:100%;
        position: relative;
        display: inline-block;
        float: left;
        border-radius: 10px 10px 0px 0px;
    }
    .aspot-trending-item-image-content img{
        height: 100%;
        left: 0;
        border-radius: 10px 10px 0px 0px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .aspot-trending-item-desc{
        padding: 0px 10px;
    }
    .aspot-trending-item-desc-content{
        
    }
    p.aspot-trending-item-desc-content-text{
        text-align: left;
        font-size: 15px;
        margin: 10px 0px;
        line-height: 1.4;
        color: #666;
    }
    .aspot-trending-item-footer{
        position:relative;
        padding: 0px 10px;
    }
    .aspot-trending-item-footer-icon-name-and-date{
        
    }
    .aspot-trending-item-footer-icon{
        
    }
    .aspot-trending-item-footer-icon-image{
        background: #fff;
        height: 35px;
        width:35px;
        position: relative;
        display: inline-block;
        float: left;
        border-radius:50%;
        cursor:pointer;
    }
    .aspot-trending-item-footer-icon-image img{
        height: 100%;
        left: 0;
        border-radius: 50%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .aspot-trending-item-footer-name-and-date{
        display: inline-block;
        float: left;
        line-height: 1;
        margin-left: 5px;
        padding-top: 3px;
    }
    .aspot-trending-item-footer-name{
        
    }
    h5.aspot-trending-item-footer-name-title{
        margin: 0;
        font-weight: 500;
        font-size: .90em;
        white-space: nowrap;
        width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .aspot-trending-item-footer-date{
        display: inline-block;
        float: left;
    }
    span.aspot-trending-item-footer-time{
        font-weight: 500;
        font-size: 12px;
        color: #888;
    }
    .aspot-trending-item-footer-likes-dislikes-and-save{
        display: inline-block ;
        float: left ;
    }
    .trending-likes-count,
    .trending-dislikes-count{
        display: inline-block;
        margin-left: 8px;
        font-size: .70em;
        color: #666;
        cursor:pointer;
    }
    .trending-likes-count:hover,
    .trending-dislikes-count:hover{
        color: #222;
    }
    .fa.fa-thumbs-down:before,
    .fa.fa-thumbs-up:before{
        margin-right: 3px;
    }
    .trending-item-save{
        position: absolute;
        right: 15px;
        top: 22px;
        font-size: .75em;
        cursor:pointer;
    }

    .spot-edit-buttons .edit-button {
        background: #f2f2f2;
        padding: 10px 10px;
        border-radius: 50px;
        width: 100%;
        cursor: pointer;
        max-width: 1000px;
        margin: 0 auto;
    }