/*
 * SupEff Markup — CSS do bloco Links (acf/gd-block-links, nome congelado R6)
 * Portado do Geekdama Hooks via GAM v1.17 ("v1.17" = versao do GAM de origem
 * do porte, nao deste plugin). Antes era style inline impresso por
 * instancia do bloco; agora enfileirado uma vez via SML_ACF_Blocks.
 */
.gd-block-links-post-wrap {
position: relative;
display: inline-block;
min-height: 100px;
width: 100%;
border-radius: 5px;
background: #f2f2f2;
box-shadow: 0 1px 4px 2px rgba(15,15,15,.15);
overflow: hidden;
margin: 20px 0;
padding: 5px;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
}
.gd-block-links-title span {
display: block;
font-size: 16px;
margin-left: 10px;
}
.gd-block-links-post-unit {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
background-color: #fbfbfb;
height: 100px;
margin: 10px 0;
}
.gd-block-links-post-unit:first-child {
margin-top: 0;
}
.gd-block-links-post-unit:last-child {
margin-bottom: 0;
}
.gd-block-links-post-unit:hover {
opacity: 0.7;
transition: 0.5s;
}
.gd-block-links-post-unit:hover .gd-admin-edit {
display: block;
}
.gd-block-links-post-image {
position: relative;
width: 100px;
height: 100px;
object-fit: cover;
margin: 0;
}
.gd-block-links-post-image img {
border-radius: 5px 0 0 5px;
}
.gd-block-links-post-content {
position: relative;
overflow: hidden;
width: calc(100% - 100px);
padding: 5px 10px;
height: 100%;
border-radius: 0 5px 5px 0;
}
.gd-block-links-post-title {
font-size: 16px;
line-height: 22px;
}
.gd-block-links-post-title a {
font-weight: 400!important;
}
.gd-block-links-post-title span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.gd-block-links-post-excerpt {
overflow: hidden;
font-size: 14px;
line-height: 22px;
padding-top: 3px;
}
.gd-block-links-post-excerpt span {
color: #999;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.gd-block-links-post-date {
overflow: hidden;
font-size: 13px;
line-height: 18px;
padding-top: 4px;
}
.gd-block-links-post-title-external {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
padding: 5px;
font-size: 16px;
font-weight: 700;
}
.gd-block-links-link {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}