// out: style.css, sourcemap: true, compress: false

/*--------------------------------------------------------------
Copyright (C) shomtek.com
Website: http://www.shomtek.com
Support: info@shomtek.com
Author: Eduart Milushi
---------------------------------------------------------------*/

//variables
@widgetBG: #ECF0F1;
@dataColor: #ECF0F1;
@dataBG: #2C3E50;
@titleFontSize: 14px;

//typo
h2.shomtek_title {
  font-family: inherit;
  font-size: @titleFontSize;
  font-weight: bold;
  text-transform: uppercase;
  color: @dataColor;
  text-align: center;
  line-height: 1.3em;
  border-bottom: 1px solid fade(@dataBG, 30%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  > a {
    color: @dataColor!important;
    text-decoration: none;
    &:link {
      color: @dataColor!important;
    }
  }
}

.shomtek_post {
  background: @widgetBG;
  padding: 10px;
  margin-bottom: 15px;
  .shomtek_title_block {
    padding: 0 5px;
  }
  .shomtek_img_container {
    height: auto;
    position: relative;
    overflow: hidden;
    img.shomtek_post_image {
      width: 100%;
    }
  }
  .shomtek_post_data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    background-color: fade(@dataBG, 70%);
    color: @dataColor;
    .shomtek_post_date {
      float: left;
    }
    .shomtek_comments_count {
      float: right;
    }
  }
}

.show_ads {
  text-align: center;
  background: @widgetBG;
  padding: 10px;
  margin-bottom: 15px;
}

//horizontal style
.shomtek_post_horizontal {
	z-index: 1;
	.owl-nav {
		.owl-prev,
		.owl-next {
		  position: absolute;
		  top: 50%;
		  margin-top: -23px;
		  padding: 8px;
		  background: @dataBG;
		  color: @dataColor;
		  width: 30px;
		  height: 30px;
		  -webkit-border-radius: 5px;
		  -moz-border-radius: 5px;
		  border-radius: 5px;
		  font-size: 13px;
		  line-height: 1;
		  text-align: center;
		  opacity: 0.5;
		  filter: alpha(opacity=50);
		  -webkit-transition: all 0.2s;
		  -moz-transition: all 0.2s;
		  -o-transition: all 0.2s;
		  transition: all 0.2s;
		  z-index: 2;
		}
		.owl-prev:hover,
		.owl-next:hover {
		  opacity: 1;
		  filter: alpha(opacity=100);
		}
		.owl-prev {
		  left: 0;
		}
		.owl-next {
		  right: 0;
		}
	}
}