body.blog{ .vidinis-container{ padding-top:12rem; @media (max-width: 991px) { padding-top:6rem; } } .pages{ text-align:center; display:flex; justify-content:center; margin-top:5rem; align-items:center; svg{ height: 1.625rem; display:block; } .page-numbers:not(.prev, .next):before{ content:''; display:block; position:absolute; right:0; top:0; width:0; height:100%; background:var(--gold-color); transform: skew(-20deg); transition:width 150ms; } .page-numbers.current:before, .page-numbers:hover:before{ width:100%; } .page-numbers{ display:block; color:inherit; text-decoration:none; font-size: 1.125rem; line-height:2rem; padding:0 1rem; position:relative; .v{ position:relative; } } } .naujienos-grid{ display:grid; grid-template-columns:33.333% 33.333% 33.333%; gap:3rem 3rem; @media (max-width: 991px) { grid-template-columns:auto; } .naujiena:hover{ img{ transform:scale(1.1); } } .naujiena{ .img{ overflow:hidden; position:relative; margin-bottom:2.5rem; img{ width:100%; height:auto; display:block; transition:transform 200ms; } } .excerpt{ font-size: 1.375rem; color:#636363; } h2{ font-size: 1.375rem; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; font-family:inherit; a:hover{ text-decoration:none; color:var(--gold-color); } a{ text-decoration:none; color:inherit; transition:color 150ms; } } .date:before{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; transform: skew(-20deg); } .date{ position:absolute; bottom:2rem; left:2rem; color:#161408; font-size:0.75rem; padding:.5rem .8rem; display:block; span{ position:relative; } } } } }