/** * Blog template styles for Avada Block theme. * * @package xpertcodes/avada-press-block * @since 1.0 */ /* Featured Post Styles */ .avadablock-featured-post { margin-bottom: var(--wp--preset--spacing--x-large, 3rem); } .avadablock-featured-post .wp-block-post-featured-image { margin-bottom: var(--wp--preset--spacing--large, 2rem); } .avadablock-featured-post .wp-block-post-title { line-height: 1.2; } .avadablock-featured-post .wp-block-post-excerpt { font-size: 1.125rem; line-height: 1.7; color: var(--wp--preset--color--neutral-dark, #374151); margin-top: var(--wp--preset--spacing--medium, 1.5rem); } /* Blog Grid Posts */ .wp-block-post-template.avadablock-blog-posts { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--wp--preset--spacing--large, 2rem); margin-bottom: var(--wp--preset--spacing--x-large, 3rem); } .avadablock-blog-post { display: flex; flex-direction: column; } .avadablock-blog-post .wp-block-post { display: flex; flex-direction: column; } .avadablock-blog-post .wp-block-post-featured-image { margin-bottom: var(--wp--preset--spacing--medium, 1.5rem); overflow: hidden; } .avadablock-blog-post .wp-block-post-featured-image img { transition: transform 0.3s ease; } .avadablock-blog-post .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.05); } .avadablock-blog-post .wp-block-post-title { margin-top: 0.5rem; margin-bottom: 0.5rem; } .avadablock-blog-post .wp-block-post-excerpt { color: var(--wp--preset--color--neutral-dark, #374151); margin-top: var(--wp--preset--spacing--small, 1rem); } /* Responsive adjustments */ @media (max-width: 782px) { .avadablock-blog-post { grid-template-columns: 1fr; gap: var(--wp--preset--spacing--large, 2rem); } .avadablock-featured-post .wp-block-post-title { font-size: clamp(1.5rem, 5vw, 2.5rem); } }