| Server IP : 65.108.144.40 / Your IP : 216.73.217.165 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ubuntu-8gb-hel1-1 5.15.0-173-generic #183-Ubuntu SMP Fri Mar 6 13:29:34 UTC 2026 x86_64 User : dev ( 1000) PHP Version : 8.2.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/successkpi/wp-content/themes/successkpi/blocks/editor-picks-block/ |
Upload File : |
.featured_post_block {
padding: 72px 0 0;
background: #fff;
}
.featured_post_block .featured-posts-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
margin-bottom: 40px;
}
.featured_post_block .featured-posts-wrapper .left-content {
display: flex;
flex-direction: column;
gap: 16px;
}
.featured_post_block .featured-posts-wrapper .left-content h2 {
color: #171717;
margin-bottom: 24px;
}
.featured_post_block .featured-posts-wrapper .left-content p {
color: #1C1E20;
font-size: 14px;
line-height: 22px;
margin: 10px 0 0;
}
.featured_post_block .featured-posts-wrapper .left-content a {
text-decoration: none;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #0d4dce;
transition: 0.3s ease-in-out;
}
.featured_post_block .featured-posts-wrapper .left-content a:hover {
color: #428bca;
}
.featured-posts-wrapper .featured-post-image {
height: 220px;
width: 100%;
margin-bottom: 24px;
overflow: hidden;
}
.featured_post_block .featured-posts-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
object-position:center;
transition: 0.4s ease-in-out;
}
.featured-posts-wrapper .featured-post-image:hover img{
transform: scale(1.04);
}
.featured_post_block .left-content .sk-resource-info-detail-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-top: auto;
margin-top: 10px;
}
.featured_post_block .left-content .sk-resource-info-detail-row .sk-resource-info-detail {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* .featured_post_block .left-content .sk-resource-info-detail-row .sk-resource-info-detail .sk-resource-info-author {
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
color: #374151;
} */
.featured_post_block .left-content .sk-resource-info-detail-row .featured-post-link {
font-size: 16px;
line-height: 24px;
color: #0d4dce;
white-space: nowrap;
}
.featured_post_block .left-content .sk-resource-info-detail-row .featured-post-link:hover {
color: #3e86ca;
}
.featured_post_block .sk-editors-picks h3 {
color: #171717;
margin-bottom: 32px;
font-size: 24px;
line-height: 32px;
font-weight: 400;
}
.featured_post_block .sk-editors-picks a {
text-decoration: none;
}
.sk-editors-picks .sk-ep-item {
position: relative;
padding: 16px 0 17px 0;
border-bottom: 1px solid #D4D4D4;
display: block;
}
.sk-ep-tag,
.resource-type-tag {
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
padding: 2.5px 11px 3.5px 11px;
border-radius: 9999px;
min-width: auto;
margin: 0;
background: rgba(13, 76, 205, 0.10);
color: #0D4CCD;
}
.sk-editors-picks .sk-ep-item p {
margin: 0;
color: #171717;
margin-top: 10px;
}
.sk-editors-picks .sk-ep-list #color-guides {
background: #E5F7FF;
color: #00A7EA;
}
.sk-editors-picks .sk-ep-list #color-post{
background: rgba(233, 193, 3, 0.10);
color: #E9C103;
}
.sk-editors-picks .sk-ep-list #color-success-stories{
background: rgba(91, 187, 171, 0.10);
color: #5BBBAB;
}
.featured_post_block .left-content .sk-resource-info-detail-row .sk-resource-info-detail span:nth-child(2){
position: relative;
padding-left: 15px;
}
.featured_post_block .left-content .sk-resource-info-detail-row .sk-resource-info-detail span:nth-child(2):before {
width: 5px;
height: 5px;
position: absolute;
background-color: #333333;
content: '';
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 20px;
}
@media (max-width: 768px) {
.featured_post_block .featured-posts-wrapper {
grid-template-columns: 1fr;
}
}