.az-posts-listing-page, .az-archive-section{ padding-top:clamp(36px,5vw,72px); padding-bottom:clamp(48px,6vw,92px); } .az-blog-grid.az-blog-grid-controlled, .az-archive-section .az-blog-grid.az-blog-grid-controlled, .az-posts-listing-page .az-blog-grid.az-blog-grid-controlled{ display:grid!important; grid-template-columns:repeat(var(--az-blog-cols-desktop,3),minmax(0,1fr))!important; gap:clamp(18px,2vw,28px)!important; align-items:stretch!important; } .az-post-card{ position:relative!important; display:block!important; min-width:0!important; overflow:hidden!important; border:0!important; border-radius:10px!important; box-shadow:none!important; } .az-post-card .az-thumb{ position:relative!important; display:block!important; width:100%!important; aspect-ratio:16/9!important; margin:0!important; overflow:hidden!important; border:0!important; border-radius:10px!important; background:rgba(var(--az-card-bg-rgb),.28)!important; } .az-post-card .az-card-image-shade{ position:absolute!important; inset:0!important; z-index:1!important; display:block!important; pointer-events:none!important; background:linear-gradient(180deg,transparent 48%,rgba(12,7,18,.82) 100%)!important; } .az-post-card .az-thumb img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; margin:0!important; border-radius:0!important; box-shadow:none!important; } .az-post-card .az-card-image-title{ position:absolute!important; right:clamp(18px,2.2vw,28px)!important; bottom:clamp(18px,2.2vw,26px)!important; left:clamp(18px,2.2vw,28px)!important; z-index:2!important; margin:0!important; color:var(--az-color-card-title,var(--az-color-heading,#F5F7FF))!important; font-family:var(--az-typography-card-title-font),Ubuntu,system-ui,sans-serif!important; font-size:var(--az-typography-card-title-size)!important; font-weight:700!important; line-height:1.14!important; letter-spacing:-.025em!important; text-shadow:none!important; pointer-events:none!important; } .az-post-card .az-post-card-body{ display:flex!important; flex-direction:column!important; flex:1 1 auto!important; gap:14px!important; padding:24px!important; } .az-post-card.az-card-height-equal{height:100%!important;} .az-post-card.az-card-height-auto{height:auto!important;} .az-card-meta-row{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; min-width:0!important; } .az-card-taxonomy-group{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; min-width:0!important; } .az-card-taxonomy-badge, .az-card-date{ display:inline-flex!important; align-items:center!important; min-height:28px!important; border-radius:999px!important; padding:5px 10px!important; font-size:12px!important; font-weight:800!important; letter-spacing:.02em!important; line-height:1!important; white-space:nowrap!important; } .az-card-taxonomy-badge{ color:var(--az-color-white)!important; background:rgba(var(--az-color-secondary-rgb),.16)!important; border:1px solid rgba(var(--az-color-secondary-rgb),.24)!important; } .az-card-date{ flex:0 0 auto!important; color:rgba(245,247,255,.76)!important; background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.12)!important; } .az-card-excerpt{ margin:0!important; color:var(--az-color-soft-text)!important; font-size:var(--az-typography-body-size)!important; line-height:1.7!important; } .az-pagination{ margin-top:clamp(28px,4vw,48px)!important; display:flex!important; justify-content:center!important; gap:10px!important; flex-wrap:wrap!important; } .az-pagination .page-numbers, .az-load-more-button{ min-width:42px!important; min-height:42px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; border:1px solid rgba(255,255,255,.14)!important; background:rgba(255,255,255,.06)!important; color:var(--az-color-white)!important; padding:0 16px!important; font-family:var(--az-typography-form-font),Ubuntu,system-ui,sans-serif!important; font-weight:800!important; text-decoration:none!important; } .az-pagination .page-numbers.current, .az-pagination .page-numbers:hover, .az-load-more-button:hover{ background:rgba(var(--az-color-secondary-rgb),.18)!important; border-color:rgba(var(--az-color-secondary-rgb),.36)!important; color:var(--az-color-white)!important; } @media(max-width:1024px){ .az-blog-grid.az-blog-grid-controlled, .az-archive-section .az-blog-grid.az-blog-grid-controlled, .az-posts-listing-page .az-blog-grid.az-blog-grid-controlled{ grid-template-columns:repeat(var(--az-blog-cols-tablet,2),minmax(0,1fr))!important; } } @media(max-width:640px){ .az-blog-grid.az-blog-grid-controlled, .az-archive-section .az-blog-grid.az-blog-grid-controlled, .az-posts-listing-page .az-blog-grid.az-blog-grid-controlled{ grid-template-columns:repeat(var(--az-blog-cols-mobile,1),minmax(0,1fr))!important; } .az-card-meta-row{ flex-direction:column!important; align-items:flex-start!important; } .az-post-card, .az-post-card .az-thumb{ border-radius:8px!important; } .az-post-card .az-card-image-title{ right:18px!important; bottom:17px!important; left:18px!important; } }