/*  #Post Tiled
------------------------------------- */
.post-tiled-title a {
  color: #fff;
}
.post-tiled-title a:hover {
  color: #8CC63F;
}
.post-tiled a:before {
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute; 
}
.post-tiled .post-tiled-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
}
.post-tiled .post-tiled-title {
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  position: relative;
}

.post-tiled .post-tiled-block {
  float: left;
  height: 265px;
  position: relative;
  width: 100%; 
}
.post-tiled .post-tiled-block-bg {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; 
}

/*category*/
.post-tiled-category {
  margin-bottom: 10px;
}
.post-tiled-category a {
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  background-color: #8CC63F;
}
.post-tiled-category a:hover {
  color: #fff;
  background-color: #AEDB49;
}
/*meta*/
.post-tiled-meta {
    position: relative;
}
.post-tiled-meta, .post-tiled-meta a {
  font-size: 12px;
  color: #f2f2f2;
}

.post-tiled .post-tiled-block-1 {
  height: 535px;
  width: 50%; 
}
.post-tiled .post-tiled-block-right {
  float: left;
  padding-left: 5px;
  width: 50%; 
}
.post-tiled .post-tiled-block-5 {
  width: 50%; 
}
.post-tiled-block-bg {
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    
}
.post-tiled-block {
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
.post-tiled-block:hover .post-tiled-block-bg {
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);

}

/*layout 1*/
.post-tiled-layout-1 .post-tiled-block-2 {
  margin-bottom: 5px;
  width: 100%; 
}
.post-tiled-layout-1 .post-tiled-block.post-tiled-block-4 {
  width: 50%; 
}
.post-tiled-layout-1 .post-tiled-block-3 {
  margin-right: 5px;
  width: calc(50% - 5px); 
}

/*layout 2*/
.post-tiled-layout-2 .post-tiled-block-2 {
  margin-bottom: 5px; 
}

/*layout 3*/
.post-tiled-layout-3 .post-tiled-block-2 {
  margin-bottom: 5px; 
}
.post-tiled-layout-3 .post-tiled-block-1 {
  width: 70%; 
}
.post-tiled-layout-3 .post-tiled-block-right {
  width: 30%; 
}

/*layout 4*/
/*.post-tiled-layout-4 .post-tiled-block.post-tiled-block-2,*/
.post-tiled-layout-4 .post-tiled-block.post-tiled-block-3 {
  margin-bottom: 5px;
  width: 50%; 
}
.post-tiled-layout-4 .post-tiled-block.post-tiled-block-2,
.post-tiled-layout-4 .post-tiled-block.post-tiled-block-4 {
  margin-right: 5px;
  width: calc(50% - 5px); }
.post-tiled-layout-4 .post-tiled-block.post-tiled-block-5 {
  width: 50%; 
}

/*layout 5*/
.post-tiled-layout-5 .post-tiled-block {
  width: calc( 33.3333% - 2.5px ); }
.post-tiled-layout-5 .post-tiled-block-1,
.post-tiled-layout-5 .post-tiled-block-2 {
  margin-bottom: 5px;
  height: 330px;
  width: calc( 50% - 2.5px ); }
.post-tiled-layout-5 .post-tiled-block-1,
.post-tiled-layout-5 .post-tiled-block-3,
.post-tiled-layout-5 .post-tiled-block-4 {
  margin-right: 2.5px; }
.post-tiled-layout-5 .post-tiled-block-2,
.post-tiled-layout-5 .post-tiled-block-4,
.post-tiled-layout-5 .post-tiled-block-5 {
  margin-left: 2.5px; }
.post-tiled-layout-5 .post-tiled-block-4 {
  width: calc( 33.3333% - 5px ); }

/*layout 6*/
.post-tiled-layout-6 .post-tiled-block-1 {
  width:25%;
  height: 400px;
}
.post-tiled-layout-6 .post-tiled-block-2 {
  width: calc(50% - 10px);
  height: 400px;
  margin-left: 5px;
  margin-right: 5px;
}
.post-tiled-layout-6 .post-tiled-block-3,
.post-tiled-layout-6 .post-tiled-block-4 {
  width: 25%;
  height: 197.5px;
}
.post-tiled-layout-6 .post-tiled-block-3 {
  margin-bottom: 2.5px;
}
.post-tiled-layout-6 .post-tiled-block-4 {
   margin-top: 2.5px;
}

/*layout 7*/
.post-tiled-layout-7 .post-tiled-block-1,
.post-tiled-layout-7 .post-tiled-block-3 {
  width: calc(25% - 5px);
  height: 350px;
}
.post-tiled-layout-7 .post-tiled-block-1 {
  margin-right: 5px;
}
.post-tiled-layout-7 .post-tiled-block-3 {
  margin-left: 5px;
}
.post-tiled-layout-7 .post-tiled-block-2 {
  width: 50%;
  height: 350px;
}
/*layout 8*/
.post-tiled-layout-8 .post-tiled-block-1,
.post-tiled-layout-8 .post-tiled-block-2,
.post-tiled-layout-8 .post-tiled-block-3,
.post-tiled-layout-8 .post-tiled-block-4 {
  height: 350px;
}
.post-tiled-layout-8 .post-tiled-block-1,
.post-tiled-layout-8 .post-tiled-block-2,
.post-tiled-layout-8 .post-tiled-block-3 {
  width: calc(25% - 5px);
}
.post-tiled-layout-8 .post-tiled-block-4 {
  width: 25%;
}
.post-tiled-layout-8 .post-tiled-block-1,
.post-tiled-layout-8 .post-tiled-block-2,
.post-tiled-layout-8 .post-tiled-block-3 {
  margin-right: 5px;
}
/*layout 9*/
.post-tiled-layout-9 .post-tiled-block-1,
.post-tiled-layout-9 .post-tiled-block-2,
.post-tiled-layout-9 .post-tiled-block-3 {
  height: 350px;
}
.post-tiled-layout-9 .post-tiled-block-1 {
  width: 50%;
}
.post-tiled-layout-9 .post-tiled-block-2,
.post-tiled-layout-9 .post-tiled-block-3 {
  width: calc(25% - 5px);
  margin-left: 5px;
}

/*layout 10*/
.post-tiled-layout-10 .post-tiled-block-1,
.post-tiled-layout-10 .post-tiled-block-2,
.post-tiled-layout-10 .post-tiled-block-3 {
  height: 350px;
}
.post-tiled-layout-10 .post-tiled-block-1,
.post-tiled-layout-10 .post-tiled-block-2 {
  width: calc(25% - 5px);
  margin-right: 5px;
}
.post-tiled-layout-10 .post-tiled-block.post-tiled-block-3 {
  width: 50%;
}
/*layout 11*/
.post-tiled-layout-11 .post-tiled-block-1,
.post-tiled-layout-11 .post-tiled-block-2,
.post-tiled-layout-11 .post-tiled-block-3 {
  height: 450px;
  margin-bottom: 5px;
}
.post-tiled-layout-11 .post-tiled-block.post-tiled-block-1 {
  width: 50%;
}
.post-tiled-layout-11 .post-tiled-block-2 {
  width: calc(25% - 5px);
  margin-left: 5px;
}
.post-tiled-layout-11 .post-tiled-block-3 {
  width: calc(25% - 5px);
  margin-left: 5px;
}
.post-tiled-layout-11 .post-tiled-block-4 {
  width: calc(25% - 5px) ;
  margin-right: 5px;
}
.post-tiled-layout-11 .post-tiled-block.post-tiled-block-5 {
  width: 50% ;
}
.post-tiled-layout-11 .post-tiled-block-6 {
  width: calc(25% - 5px);
  margin-left: 5px;
}

/*layout 12*/
.post-tiled-layout-12 .post-tiled-block-1,
.post-tiled-layout-12 .post-tiled-block-2 {
  width: calc(50% - 2.5px);
  height: 400px
}
.post-tiled-layout-12 .post-tiled-block-1 {
  margin-right: 2.5px;
}
.post-tiled-layout-12 .post-tiled-block-2 {
  margin-left: 2.5px;
}
/*layout 13*/
.post-tiled-layout-13 .post-tiled-block-left {
  width: calc(25% - 5px);
  margin-right: 5px;
  float: left;
}
.post-tiled-layout-13 .post-tiled-block-1,
.post-tiled-layout-13 .post-tiled-block-2 {
  width: 100%;
  height: 197.5px;
  margin-bottom: 5px;
}
.post-tiled-layout-13 .post-tiled-block-3 {
  width: calc(50% - 5px);
  margin-right: 5px;
  height: 400px !important;
}
.post-tiled-layout-13 .post-tiled-block-4,
.post-tiled-layout-13 .post-tiled-block-5 {
  width: 25%;
  height: 197.5px;
  margin-bottom: 5px;
}


/*responsive style*/
@media only screen and (max-width: 768px) {
  .post-tiled .post-tiled-block-1,
  .post-tiled .post-tiled-block-right,
  .post-tiled-layout-1 .post-tiled-block-3,
  .post-tiled-layout-1 .post-tiled-block-4,
  .post-tiled-layout-4 .post-tiled-block-2,
  .post-tiled-layout-4 .post-tiled-block-3,
  .post-tiled-layout-4 .post-tiled-block-4,
  .post-tiled-layout-4 .post-tiled-block-5,
  .post-tiled-layout-5 .post-tiled-block-2,
  .post-tiled-layout-5 .post-tiled-block-3,
  .post-tiled-layout-5 .post-tiled-block-4,
  .post-tiled-layout-5 .post-tiled-block-5,
  .post-tiled-layout-6 .post-tiled-block-1,
  .post-tiled-layout-6 .post-tiled-block-2,
  .post-tiled-layout-6 .post-tiled-block-3,
  .post-tiled-layout-6 .post-tiled-block-4,
  .post-tiled-layout-7 .post-tiled-block-1,
  .post-tiled-layout-7 .post-tiled-block-2,
  .post-tiled-layout-7 .post-tiled-block-3,
  .post-tiled-layout-8 .post-tiled-block-1,
  .post-tiled-layout-8 .post-tiled-block-2,
  .post-tiled-layout-8 .post-tiled-block-3,
  .post-tiled-layout-8 .post-tiled-block-4,
  .post-tiled-layout-9 .post-tiled-block-1,
  .post-tiled-layout-9 .post-tiled-block-2,
  .post-tiled-layout-9 .post-tiled-block-3,
  .post-tiled-layout-10 .post-tiled-block-1,
  .post-tiled-layout-10 .post-tiled-block-2,
  .post-tiled-layout-10 .post-tiled-block-3,
  .post-tiled-layout-11 .post-tiled-block-1,
  .post-tiled-layout-11 .post-tiled-block-2,
  .post-tiled-layout-11 .post-tiled-block-3,
  .post-tiled-layout-11 .post-tiled-block-4,
  .post-tiled-layout-11 .post-tiled-block-5,
  .post-tiled-layout-11 .post-tiled-block-6,
  .post-tiled-layout-12 .post-tiled-block-1,
  .post-tiled-layout-12 .post-tiled-block-2,
  .post-tiled-layout-13 .post-tiled-block-left, 
  .post-tiled-layout-13 .post-tiled-block-1, 
  .post-tiled-layout-13 .post-tiled-block-2, 
  .post-tiled-layout-13 .post-tiled-block-3, 
  .post-tiled-layout-13 .post-tiled-block-4, 
  .post-tiled-layout-13 .post-tiled-block-5 
  {
    width: 100% !important; 
  }

  .post-tiled .post-tiled-block-1,
  .post-tiled .post-tiled-block-2,
  .post-tiled-layout-1 .post-tiled-block-3,
  .post-tiled-layout-4 .post-tiled-block-4,
  .post-tiled-layout-5 .post-tiled-block-2,
  .post-tiled-layout-5 .post-tiled-block-3,
  .post-tiled-layout-5 .post-tiled-block-4,
  .post-tiled-layout-7 .post-tiled-block-3,
  .post-tiled-layout-8 .post-tiled-block-3,
  .post-tiled-layout-11 .post-tiled-block-4,
  .post-tiled-layout-11 .post-tiled-block-5,
  .post-tiled-layout-11 .post-tiled-block-6,
  .post-tiled-layout-13 .post-tiled-block-3 
  {
    margin: 0;
    margin-bottom: 5px; 
  }

  .post-tiled .post-tiled-block-1,
  .post-tiled-layout-12 .post-tiled-block-1,
  .post-tiled-layout-12 .post-tiled-block-2,
  .post-tiled-layout-13 .post-tiled-block-1, 
  .post-tiled-layout-13 .post-tiled-block-2, 
  .post-tiled-layout-13 .post-tiled-block-3, 
  .post-tiled-layout-13 .post-tiled-block-4, 
  .post-tiled-layout-13 .post-tiled-block-5 
  {
    height: 265px !important;
  }

  .post-tiled .post-tiled-block-right {
    padding: 0; }

  .post-tiled-layout-5 .post-tiled-block-5 {
    margin-left: 0;
    margin-right: 0; 
  } 

}
