/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/**
 * Product Item Selectors
 */
/***********************************************************************/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/** CHECKOUT BY STEP */
/*  
 * LAYOUT VARIABLES 
 */
#blockleoblogstabs .block .title_block:before {
  content: "\f040"; }
#blockleoblogstabs .blog-viewmore {
  margin: 10px 0;
  overflow: hidden; }
  #blockleoblogstabs .blog-viewmore a {
    font-style: italic; }
    #blockleoblogstabs .blog-viewmore a:after {
      width: 20px;
      display: inline-block;
      float: right;
      content: "\f178";
      font: 12px/20px "FontAwesome";
      margin-left: 7px; }

.blog_container {
  margin-bottom: 20px;
  position: relative; }
  .blog_container .blog-image {
    margin-bottom: 15px;
    position: relative; }
    .blog_container .blog-image img {
      border-color: #292929; }
    .blog_container .blog-image > a:after {
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: #e27f7a;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .rtl .blog_container .blog-image > a:after {
        right: 0;
        left: auto; }
  .blog_container .blog-title {
    margin-top: 0;
    text-transform: none;
    height: 45px;
    overflow: hidden; }
    .blog_container .blog-title a {
      line-height: 22px;
      font-weight: 600; }
  .blog_container .blog-meta {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin-bottom: 10px; }
    .blog_container .blog-meta > span {
      margin-right: 8px; }
      .rtl .blog_container .blog-meta > span {
        margin-left: 8px;
        margin-right: inherit; }
  .blog_container .blog-shortinfo {
    margin-bottom: 10px; }
  .blog_container .created {
    position: absolute;
    top: 0px;
    right: 0;
    background: #ffc801;
    width: 50px;
    height: 50px;
    text-align: center;
    color: black;
    font-family: "Arial"; }
    .rtl .blog_container .created {
      left: 0;
      right: auto; }
    .blog_container .created .day {
      font-size: 24px;
      display: block;
      line-height: 18px;
      padding-top: 8px; }
    .blog_container .created .month {
      font-size: 10px;
      text-transform: uppercase; }