#secondary {
  aside {
    padding: 10px;
    background: darken(@background, 6%);
  }

  h1.widget-title {
    font-weight: bold;
    color: fade(black,90%);
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 0px;
    word-break: break-all;
    display: inline-block;
    text-transform: uppercase;
    clear: both;
    padding: 5px;
    position: relative;
    &:after {
      display: block;
      content: "";
      width: 30px;
      height: 4px;
      background: darken(@background,12%);
      position: absolute;
      left: 35px;
      bottom: -8px;
    }
    &:before {
      display: block;
      content: "";
      width: 30px;
      height: 4px;
      background: @accent;
      position: absolute;
      left: 5px;
      bottom: -8px;
    }
  }
  .widget {
    a {
      color: #555;
      font-weight: normal;
      .transition( 0.4s all ease );
      &:hover {
        color: @accent;
      }
    }
    ul {
      font-size: 15px;
      margin-left: 0px;
      li {
        list-style: none;
        border-bottom: solid 1px darken(@background, 6%);
        padding: 6px;

        &:last-child {
          border-bottom: none;
        }
      }
    }
  }
  .widget_search {
    margin-bottom: 20px;
    label {
      width: 100%;
    }
    input[type=search] {
      background: white;
      border: solid 2px darken(@background, 6%);
      border-radius: 0px;
      padding: 15px;
      font-size: 16px;
      padding-bottom: 10px;
      outline: none;
      width: 100%;
    }
  }
  .search-submit {
    display: none;
  }
  /* Some Styling for Default WordPress Widgets */
  .widget_recent_entries, .widget_recent_comments, .widget_categories, .widget_pages, .widget_archive, .widget_meta, .widget_nav_menu {
    ul li:before {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: lighten(@accent,1%);
      font-size: 10px;
      margin-right: 5px;
      .transition( 0.4s all ease );
      display: inline-block;

    }
    ul li {
      .transition( 0.4s all ease );
    }
    ul li:hover:before {
      .transform(rotate(-360deg));
    }
  }
  .widget_tag_cloud {
    .tagcloud a {
      border: solid 1px darken(@background, 6%);
      font-size: 14px !important;
      text-transform: uppercase;
      font-weight: normal;
      color: @top-bar;
      padding: 7px 5px;
      margin-bottom: 5px;
      display: inline-block;
      &:hover {

      }
    }
  }
  /* Pulse Grow */
  @-webkit-keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
  }

  @keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
    }
  }

  .tagcloud a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  }
  .tagcloud a:hover, .tagcloud a:focus, .tagcloud a:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  }
  .widget_raze_rp {
    li.rp-item {
      overflow: auto;
      clear: both;
      display: block;
      padding: 8px 0px;
      font-size: 14px;
    }
    .rp-thumb {
      width: 62px;
      float: left;
      display: inline-block;
      margin-right: 6px;
      img {
        border-right: solid 2px @accent;
      }
    }
    .rp-date {
      color: lighten(@accent,10%);
      font-size: 11px;
      margin-top: 3px;

    }
  }
}