/**



 * Post Grid Column.



 **/



.pt-grid-post {



  float: left;



  padding: 10px;



}







.pt-grid-post-holder {



  border: 1px solid rgba(0,0,0,.1);

  overflow:hidden;

}







.pt-grid-post-holder-inner {



  height: 100%;



}







.pt-entry-media {



  position: relative;



}







.pt-entry-overlay {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 999;



  opacity: 0;



  -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);



  -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);



  transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);



}







.pt-entry-overlay:hover {



  opacity: 1;



}



.pt-entry-overlay > a {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 99999;



}







.pt-entry-title {



  margin: 10px 0 5px;



  font-size: 1.3em;



}







.pt-entry-overlay i {



  color: #fff;



  width: 60px;



  text-align: center;



  line-height: 60px;



  height: 60px;



  position: absolute;



  left: 50%;



  margin-left: -30px;



  font-size: 32px;



  top: 50%;



  margin-top: -30px;



  -webkit-perspective: 1000;



  -moz-perspective: 1000;



  -ms-perspective: 1000;



  perspective: 1000;



  opacity: 0;



  -webkit-transform: translatex(-20px);



  -moz-transform: translatex(-20px);



  -ms-transform: translatex(-20px);



  transform: translatex(-20px);



  -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(.19,1,.22,1);



  -moz-transition: opacity .2s ease-in-out,-moz-transform .25s cubic-bezier(.19,1,.22,1);



  transition: opacity .2s ease-in-out,transform .25s cubic-bezier(.19,1,.22,1);



}







.pt-entry-media:hover .pt-entry-overlay i {



  -webkit-transform: translatex(0px);



  -moz-transform: translatex(0px);



  -ms-transform: translatex(0px);



  transform: translatex(0px);



  opacity: 1;



}







.pt-entry-thumbnail img {



  width: 100%;



  max-width: 100%;



  vertical-align: middle;



}



.pt-grid-post-holder-inner .pt-entry-wrapper {



overflow: hidden;



}



.pt-grid-post .pt-grid-post-holder {



	background-color: #fff;



}







.pt-entry-footer {



  display: flex;



  flex-flow: row nowrap;



  align-items: center;



  width:100%;



}







.pt-entry-footer .pt-author-avatar {



  flex: 0 0 auto;



  width: 50px;



}







.pt-post-grid .pt-entry-footer  .pt-entry-meta {



  padding-left: 8px;



}







.pt-entry-meta > div {



  font-size: 12px;



  line-height: 1.2;



  padding-bottom: 5px;



}







.pt-grid-post-excerpt p {



  margin: 0;



  font-size: 14px;



}







.pt-entry-meta .pt-entry-footer  .pt-posted-by {



  display: block;



}







.pt-grid-post .pt-entry-wrapper, .pt-grid-post .pt-entry-footer {



  padding: 15px;



}







.pt-post-grid .pt-entry-header .pt-entry-meta span.pt-posted-on {



  padding-left: 5px;



}



.pt-posted-on i,.pt-posted-by i,.pt-posted-use i {



margin-right: 5px;



}



.pt-post-grid-cta {



margin-top: 10px;



float:left;



}



.pt-entry-content .pt-post-grid-cta .pt-post-grid-link {



padding: 5px 9px 5px 14px ;



}



.pt-entry-wrapper .pt-entry-content {



margin-top: 10px;



}







.pt-col-1 .pt-post-grid-column {



  float: none;



  width: 100%;



}



.pt-col-2 .pt-post-grid-column{



  float: left;



  width: 50%;



}



.pt-col-3 .pt-post-grid-column {



  float: left;



  width: 33.3333%;



}



.pt-col-4 .pt-post-grid-column {



  float: left;



  width: 25%;



}



.pt-col-5 .pt-post-grid-column {



  float: left;



  width: 20%;



}



.pt-col-6 .pt-post-grid-column {



  float: left;



  width: 16.6666%;



}







/* Responsive Styles for POst Grid */







@media only screen and (max-width: 979px) {



.pt-col-1 .pt-post-grid-column, .pt-col-2 .pt-post-grid-column,



.pt-col-3 .pt-post-grid-column, .pt-col-4 .pt-post-grid-column,



.pt-col-5 .pt-post-grid-column, .pt-col-6 .pt-post-grid-column {



  width: 33.3333%;



}



}







@media only screen and (max-width: 767px) {



.pt-col-1 .pt-post-grid-column, .pt-col-2 .pt-post-grid-column,



.pt-col-3 .pt-post-grid-column, .pt-col-4 .pt-post-grid-column,



.pt-col-5 .pt-post-grid-column, .pt-col-6 .pt-post-grid-column {



  width: 50%;



}



}







@media only screen and (max-width: 480px) {



.pt-col-1 .pt-post-grid-column, .pt-col-2 .pt-post-grid-column,



.pt-col-3 .pt-post-grid-column, .pt-col-4 .pt-post-grid-column,



.pt-col-5 .pt-post-grid-column, .pt-col-6 .pt-post-grid-column {



  float: none;



  width: 100%;



}



}