/* ==================================================================
  SIDEBAR WIDGETS 
================================================================== */

.post-media img,
.flickrwidget img {
  opacity: 1;
}

.post-media img:hover,
.flickrwidget img:hover {
  opacity: 0.8;
}
#sidebar {
  padding:0 20px;
}
#sidebar .widget {
  position: relative;
  display: block;
  margin-bottom:40px;
}
#sidebar .widget a {
  //color:#444444;
}
#sidebar ul {
    padding:0;
}
#sidebar {
    .widget {
        a.collapse-widget {
          color: #777777;
          &::before {
            display: none;
            font-family: FontAwesome;
            content: "";
            padding:0;
            font-size:0;
            color: @brand-secondary;
          }
          &.collapsed::before{
            display: none;
            content: "";
          }
        }
        @media (max-width: 768px) { 
          a.collapse-widget {
            color: #777777;
            &::before {
              display: inline-block;
              font-family: FontAwesome;
              content: "\f106";
              padding:6px 10px 0 0;
              font-size:32px;
              color: @brand-secondary;
            }
            &.collapsed::before{
              display: inline-block;
              content: "\f107";
            }
          }
        }
       .hl5, .hl5 a {
          color: @text-brand-color;
          font-size: 18px;
          font-weight: 600;
          margin-bottom: 14px;

        }
        .hl5 a:hover, .hl5:hover{
          background: transparent;
          color: @brand-primary;
        }
        
      .boxwidget {
        text-align: center;
        margin: 0 auto;
        padding-bottom: 20px;
      }
      .searchwidget {
        background-color: lighten(@brand-primary, 45%);
        border-bottom: 1px solid transparent;
        padding: 12px 12px;
        .form-group {
          margin-bottom: 10px;
        }
        .fa-question {
          background-color: @brand-primary;
          width: 26px;
          height: 26px;
          border-radius: 50%;
          line-height: 26px;
          color: @white;
          padding-left: 8px;
          font-size: 18px;
        }
      }
      
      .newswidget {
        border-bottom: 1px solid @brand-primary;
        padding-bottom: 10px;
        margin-bottom: 10px;
       
        p {
          line-height: 1.4em;
        }
       
        &.gray-box {
          background-color: lighten(@brand-primary, 45%);
          border-bottom: 1px solid transparent;
          padding: 12px 12px;
          .hl4 {
            color: @text-brand-color;
            font-weight: 600;
            font-size: 17px;
            margin-bottom: 12px;
          }
          .hl5{
            height: 4.5em;
            overflow: hidden;
          }
          p {
            font-style: italic;
            height:10em;
            overflow: hidden;
          }
        }
      }
      .imgswidget {
        img {
          width: 100%;
          display: block;
          padding-bottom: 50px;
          padding-right: 10px;
          padding-left: 10px;
        }
      }
    }

    #side-navigation {
      .side-menu {
        float: left;
        width: 100%;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        li {
          padding: 5px 12px 5px !important;
          font-size: 14px;
          line-height: 28px;
          background: transparent;
          border-bottom: 1px solid lighten(@brand-primary, 30%);
          a {
            color: #777777;
            font-weight: 600;
            padding: 0px 0px 3px 2px;
          }
        }
        li:hover, li.active {
          color: #fff;
          background: @brand-secondary;
          a {
            color:#fff;
          }
        }
        li.sub-menu-item {
         // padding-left: 20px !important;
          border-bottom: none;
          border-bottom: 1px solid lighten(@brand-primary, 45%);
          list-style:none;
          &.active a {
            color: black;
          }
           &.active .fa {
            color:@btn-color-all;
          }
          .fa {
            color:@brand-secondary;

          }
        }
        li.sub-menu-item:hover, li.sub-menu-item.active {
          color: black;
          background: transparent;
          a {
            color:black;
          }
        }
       /* li.sub-menu-item:before {
            list-style: none;
            font-family: FontAwesome;
            content: "\f005";
            position:relative;
            left: -10px;
            background-color:@brand-secondary;
            color:@brand-secondary;
            display:inline-block;
            width:8px;
            height:8px;
            border-radius:50%
        }*/
      }
    }
}

.listwidget ul li {
  padding:12px 0;
  margin-left: 10px;
  border-bottom: 1px solid #dddddd;
}
.listwidget ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0 solid #dddddd;
}
.flickrwidget .list-inline > li {
  margin:0;
  float:left;
  padding:0;
  width: 33.3333%
}
.flickrwidget img {
  width: 94%;
  padding:0 0 0 0;
}
#sidebar .widget,
#sidebar .widget-title {
  margin-top:0;
  padding-top: 0;
}

#sidebar .widget-title {
  font-size: 25px;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #ffc926;
  font-weight: normal;
  margin-bottom: 20px;
  color: #777777;
  line-height: 1.2em;
  vertical-align: baseline;
}