.vc_column-inner { margin-bottom:10px;} .vpb_wrapper h2 { font-size:1.2rem;font-weight:bold;margin-bottom:10px;} .posts { list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;} .posts li { background-color:#ffffff;padding:5px;text-align:center;border-radius:8px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);position:relative;overflow:hidden;cursor:pointer;transition:all 0.3s ease;clip-path:polygon(90px 0%, 100% 0%, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0% 100%, 0% 90px) !important;} .posts li img { width:100%;height:300px;border-radius:8px;transition:transform 0.3s ease, width 0.3s ease;} .posts li h2 { font-size:14px;color:#333;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s ease, bottom 0.3s ease;} .posts li:hover img { transform:translateX(-80%);} .posts li:hover h2 { opacity:1;bottom:75%;transform:translateX(-50%);} .posts li.active { background-color:#e0e0e0;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);} .entry-content ul, .entry-content ol { padding-left:0px;} @media (max-width:1024px) { .posts { grid-template-columns:repeat(2, 1fr);gap:20px;} .posts li { padding:5px;} .posts li h2 { font-size:1.1rem;} .posts li a { font-size:1.3rem;} } @media (max-width:600px) { .vc_column-inner { margin-bottom:30px;} .wpb_wrapper h2 { font-size:1.6rem;} .posts { grid-template-columns:1fr;gap:15px;} .posts li { padding:10px;} .posts li h2 { font-size:1rem;} .posts li a { font-size:1.2rem;} }