/* Custom Widgets */
/* Twitter */

.widget_twitter li {
    display: flex !important;
  
    i {
      font-size: 16px;
      line-height: 28px;
    }
  
    .media {
      max-width: 76px;
    }
  
    .content {
      padding-left: 20px;
  
      .date {
        display: block;
      }
    }
  }
  
  /* Flickr */
  
  .widget_flickr .flickr_container {
    display: flex;
    flex-flow: row wrap;
  
    .flickr_badge_image {
      padding: 5px;
      width: 33%;
    }
  }
  
  /* Most Popular */
  
  .widget_most_popular li {
    display: flex !important;
  
    i {
      font-size: 16px;
      line-height: 28px;
    }
  
    .media {
      width: 76px;
  
      img {
        width: 100%;
        max-width: none;
        border-radius:50%;
      }
    }
  
    .content {
      padding-left: 15px;
      width: 100%;
      a{
        font-size:18px;;
        font-weight:500;
        color:var(--codeless-secondary-color);
        line-height:28px;
        letter-spacing: -0.025em;
      }
      .date {
        display: none;
      }
    }
  }
  
  /* End Most Popular */
  
  /* Social-Icons Widget */
  
  .social_widget .social-icons-widget {
    li {

    }
  
    &.circle li {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      width: 36px;
      height: 36px;
      padding: 0 !important;
      line-height: 36px;
      text-align: center;
      background-color: #fff;
  
      a {
        line-height: 36px !important;
        float: left;
        width: 100%;
        height: 100%;
      }
    }
  }
  
  /* End Social-icons Widget */
  /* End Custom Widgets */

  .widget_tag_cloud:nth-last-child(2){
    border-bottom:none;
    padding-bottom:0px;
  }
  .tagcloud{
    a{
      padding:5px 10px;
      text-transform: uppercase;
      font-size:12px !important;
      line-height:20px;
      font-weight:500 !important;
      letter-spacing: 0.2em;
      display:inline-block;
      margin-right:2px;
      margin-bottom:5px;
      border: 1px solid var(--codeless-border-color);
      border-radius: 20px;
      @include transition(all 0.3);
      &:hover{
        background:var(--codeless-primary-color);
        color:#fff;
      }
    }
    
  }

  footer .mc4wp-form-fields .cl-custom-add{
    display:none;
  }