@import "../../scss/lib/bootstrap/variables";
@import "../../scss/lib/bootstrap/mixins";

.side_block {
  @include  clearfix();
  @include border-radius(5px);
  margin-bottom: $baseLineHeight;
  position: relative;
  z-index: 1;
  h2, h3 {
    font-size: 22px;
    color: #403833;
    font-family: $titleFont;
  }
  &.color-1 {
    background: $sideColor1;
    padding: 20px;
    @include box-shadow(1px 1px 5px rgba(0,0,0,0.25));
  }
  &.color-2 {
    background: $sideColor2;
    padding: 20px;
    h2, h3, p, div, span, label {color: #fff;}
  }
  &.color-3 {
    background: $sideColor3;
    padding: 20px;
    h2, h3, p, div, span, label {color: #fff;}
  }
  .date-square {
    margin:5px 15px 0 0;
    @include square(43px);
    font-size: 11px;
    line-height: 11px;
    strong {
      font-size: 18px;
      line-height: 26px;
    }
  }
  .last-newsletter {
    padding-left:28px;
    background: url('../../images/icon-pdf.gif') no-repeat 0 50%;
  }
  #submitGroup-element dl { text-align: left;}
  a.view-all {
    font-size: $baseFontSize - 1;
    display: inline-block;
    margin-top: 5px;
    &:after {
      content: "\f105";
      display: inline-block;
      margin-left: 4px;
      font-family: FontAwesome;
    }
  }
  .fa-ul {
    li { margin-bottom: 5px;}
  }
  img.bottom {
    position:absolute;
    z-index:2;
    right:20px;
    bottom:0;
    max-width:80px;
    height:auto;
  }
}

// sb-featuredProducts
.sb-featuredProducts {
  #featured-products {
    .rsArrow.rsArrowLeft:hover, .rsArrow.rsArrowRight:hover {
      background: none;
    }
    .rsArrowLeft .rsArrowIcn {
      background: none;
      &:after {
        content: "\f104";
        font-family: FontAwesome;
        display: block;
        color: #5F5F5F;
        font-size: 40px;
        top: 45%;
        left: -24px;
        position: absolute;
      }
      &:hover:after {
        color: $accent;
      }
    }
    .rsArrowRight .rsArrowIcn {
      background: none;
      &:after {
        content: "\f105";
        font-family: FontAwesome;
        display: block;
        color: #5F5F5F;
        font-size: 40px;
        top: 45%;
        right: -24px;
        position: absolute;
      }
      &:hover:after {
        color: $accent;
      }
    }
    .price {
      color: #403833;
      font-size: 16px;
    }
  }
}

// sb-testimonial
.sb-testimonial {
  .testimonial {
    h4 {
      font-size: 16.5px;
      color: #424242;
    }
    .meta {
      font-size: 13px;
      font-style: italic;
    }
  }
}

// sideblock resent News
.sb-recentNews {
  .media {
    .pull-left.date-square {
      @include border-radius (2px);
      background: $accent-sec;
      color: #fff;
      strong {
        @include border-radius (2px 2px 0 0);
        background: $accent;
        line-height: 24px;
        margin-bottom: 3px;
      }
    }
  }
}

.pull-left.date-square {
  @include border-radius (2px);
  background: $accent-sec;
  a {color: #fff;}
  strong {
    @include border-radius (2px 2px 0 0);
    background: $accent;
    //line-height: 38px;
    margin-bottom: 2px;
  }
}
.date-square {
  background-color: #6a7280;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  a {color: $white;}
  strong {
    display: block;
  }
}

#form_newsletter-form-btnSubmit-element { margin:0;}
#form_contact-form {
  dl > dd {margin: 0 0 5px;}
  select {width: 100%;}
  textarea {
    min-height: 80px;
    margin-bottom: 10px;
  }
  #form_contact-form-captcha-label {display: none;}
  #form_contact-form-submitGroup-element,
  #form_contact-form-btnSubmit-element {margin: 0;}
}
ul.links-section {
  margin-left: 1.5em;
  li {line-height: $baseLineHeight * 1.25;}
  .fa {line-height: $baseLineHeight * 1.25;}
}
ul.brief-info {
  [class^="fa-"] {
    color:$accent-sec;
    font-size: 110%;
  }
}

#featured-products {
  .rsArrowRight:hover, .rsArrowLeft:hover, .rsArrowLeft, .rsArrowRight {
    width: 44px !important;
  }
}
.feat-post {
  .meta {
    font-size: 12px;
    color: #030404;
    li {padding: 0 10px 0 0;}
  }
}


@media all and (max-width: 768px) {
  .sb-featuredProducts {
  #featured-products {
    .rsArrowLeft .rsArrowIcn {
      &:after {
        left: 2px;
      }
    }
    .rsArrowRight .rsArrowIcn {
      &:after {
        right: 2px;
      }
    }
  }
}
}