/**
 * @file
 * Functionally Named Styles
 * Description-style
 * EX: .list-view-style
 */

.listing-view-style {
}

.grid-view-style {
}

.flexslider-style {
}

.full-width-nav {
  width: 100%;
}

.horizontal-menu-style {
}

.clearfix {
  &::after {
    content: " ";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
}

.center-content {
  margin: 0 auto;
  max-width: @width-page;
}

//font awesome
.icon {
  font-family: @font-awesome;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  &.play {
    content: "\f04b";
  }
  &.pause {
    content: "\f04c";
  }
}

.grid-style {
  display: inline-block;
  vertical-align: top;
  width: 31%;

  &:nth-child(3n+2){
    margin-left: 2%;
    margin-right: 2%;
  }
}

.full-width-paragraph-slick-styles {
  .slick-arrow {
    background-color: transparent;
    border: 4px solid #fff;
    border-radius: 50%;
    font-size: 0;
    height: 55px;
    position: absolute;
    top: 22%;
    width: 55px;

    &::after {
      color: #fff;
      content: "\f105";
      display: block;
      font-family: @font-awesome;
      margin-bottom: 8px;
      margin-left: 5px;
      text-align: center;
      width: 55px;
    }
  }
  .slick-prev {
    left: 0;

    &::after {
      content: "\f104";
    }
  }
  .slick-next {
    right: 0;
  }
}

@mobile: ~"(max-width: 767px)";
@tablet: ~"(max-width: 959px)";

.grid-item-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+29,0.88+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.88) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.88) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.88) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e0000000',GradientType=0 ); /* IE6-9 */
}
.grid-item-hover-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.55+0 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */

}