.thm-item-post {
position: relative;
display: flex;
flex-direction: column;
background-color: var(--tj-color-common-white);
border-radius: 12px;
overflow: hidden;
transition: all 300ms ease;
height: 100%;
}
.thm-item-post:hover .thm-item-post__img img {
transform: scale(1.1);
}
.thm-item-post__media {
position: relative;
overflow: hidden;
aspect-ratio: 416 / 280;
}
.thm-item-post__img {
position: relative;
width: 100%;
height: 100%;
margin: 0;
}
.thm-item-post__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: all 600ms ease;
}
.thm-item-post__date {
position: absolute;
top: 15px;
left: 15px;
backdrop-filter: blur(10px);
border-radius: 8px;
padding: 20px 19px;
display: flex;
flex-direction: column;
gap: 8px;
}
.thm-item-post__date-day {
font-family: var(--tj-ff-body);
font-weight: 200;
font-size: 29.4px;
line-height: 32px;
letter-spacing: -0.96px;
text-align: center;
vertical-align: middle;
color: var(--tj-color-common-white);
}
.thm-item-post__date-month {
font-family: var(--tj-ff-body);
font-weight: 200;
font-size: 14px;
line-height: 14px;
letter-spacing: 1.4px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: var(--tj-color-common-white);
}
.thm-item-post__cat {
display: inline-block;
font-family: var(--tj-ff-body);
font-weight: 200;
font-size: 16px;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;
color: var(--tj-color-heading-primary);
border: 1px solid #C9D1D1;
border-radius: 4px;
padding: 3px 8px;
margin-bottom: 22px;
}
.thm-item-post__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
padding: 25px;
}
.thm-item-post__title {
font-family: var(--tj-ff-body);
font-weight: 400;
font-size: 24px;
line-height: 1.1;
letter-spacing: 0px;
vertical-align: middle;
margin-bottom: 15px;
min-height: 57.66px;
}
.thm-item-post__title a {
font-family: var(--tj-ff-body);
font-weight: 400;
font-size: 24px;
line-height: 1.1;
letter-spacing: 0px;
vertical-align: middle;
color: inherit;
text-decoration: none;
transition: all 300ms ease;
background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: 0 95%;
display: inline;
}
.thm-item-post__title a:hover {
background-size: 100% 2px;
}
.thm-item-post .thm-btn-text {
color: var(--tj-color-heading-primary);
inset-inline-start: 0 !important;
}
.thm-item-post .thm-btn-text .btn-text span {
color: var(--tj-color-heading-primary);
}
.thm-item-post .thm-btn-text span.btn-icon {
background-color: var(--tj-color-heading-primary) !important;
}
.thm-item-post .thm-btn-text:hover span.btn-icon {
background-color: var(--tj-color-btn-azul) !important;
}