.pepp-post-grid {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
	margin: 0;
	padding: 0;
	gap: 15px;
}

.pepp-post-grid a {
   text-decoration: none !important;
}

.pepp-post-card {
   display: flex;
   flex-direction: column;
   width: 330px;
   height: 400px;
   flex-shrink: 0;
   cursor: pointer;
   background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(171, 190, 209, 0.3);
   border-radius: 15px;
}

.pepp-destaque-post-card {
   display: flex;
   flex-direction: column;
   width: 330px;
   height: 400px;
   flex-shrink: 0;
   cursor: pointer;
   background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(171, 190, 209, 0.3);
   border-bottom: 4px solid #0F57BF;
}



.pepp-post-card-thumb {
	width: 330px!important;
	height: 233px!important;
   background-color: #898b8f;
	object-fit: cover;
    object-position: center;
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
}

.pepp-card-content {
   width: 292px;
   height: 171px;
   padding: 16px;
}

.pepp-date-span{
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 160%;
   color: #464E5C;
}

.post-card-title {
   align-self: stretch;
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   color: #000;
   margin-bottom: 8px !important;
}

.post-card-excerpt {
   align-self: stretch;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   color: black;
}

.post-card-link {
   align-self: stretch;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   color: #2157a5;
}

.text-limit-title {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   -webkit-box-orient: vertical;
}

.text-limit {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
}

/*audiovisual posts*/

.audio-visual-button{
   background-color: #1474FF;
   color: white;
   padding: 5px;
   font-weight: bold;
   border-radius: 5px;
}

#pepp-audiovisual .pepp-date-span{
   font-size: 14px;
   font-style: normal;
   line-height: 160%;
   color: black;
}

#pepp-audiovisual .post-card-excerpt {
   font-size: 14px;
   font-style: normal;
   line-height: 160%;
   color: black;
}

#pepp-audiovisual .pepp-post-card {
   display: flex;
   flex-direction: column;
   width: 330px;
   height: 400px;
   flex-shrink: 0;
   cursor: pointer;
   background-color: #fff;
   box-shadow: unset;
   border-radius: 15px;
   border: solid 1px black;
}

#pepp-audiovisual .pepp-post-card-thumb {
	width: 330px!important;
	height: 233px!important;
   background-color: #898b8f;
	object-fit: cover;
    object-position: center;
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
}

@media screen and (max-width: 1400px) {
   .post-card {
      width: 22vw;
	  background-color: red!important;
   }
}
@media screen and (max-width: 760px) {
	.pepp-post-grid {
	   display: flex;
	   flex-direction: row;
	   align-items: center;
	   justify-content: center;
	   flex-wrap: wrap;
		margin: 0;
		padding: 0;
		gap: 10px;
	}
   .pepp-post-card {
   		display: flex;
   		flex-direction: column;
   		width: auto;
   		height: auto;
   		flex-shrink: 0;
   		cursor: pointer;
   		background-color: #fff;
   		box-shadow: 0 6px 12px 0 rgba(171, 190, 209, 0.3);
   }
	

		
	.post-card-excerpt{
		max-width: 180px;
	}
}
