.menu-item a { position: relative; display: inline-block; padding: 5px 0 0px; } .menu-item a:before { content: ""; background: #740f35; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; transition: all .3s ease-in-out; } .menu-item a:hover::before { width: 100%; } .menu-item a:hover { color: #740f35; } .b-pagination { padding-top: 15px; } .b-pagination .page-numbers { gap: 6px !important; } .b-pagination li .page-numbers { width: 60px; height: 60px; border: 1px solid #000000; border-radius: 20px; } .b-pagination li .page-numbers:hover { background: #f7f4ef; } .b-pagination li .page-numbers.current { border: 2px solid #000000; } .post-item-block:hover { background: #740F35; outline: 1px solid #740f35; color: #ffffff; } .post-item-block:hover .post-meta { color: #ffffff; } .post-item-block:hover .icon path { fill: #ffffff; } .head-block { display: grid; grid-template-columns: 62% 1fr; grid-auto-rows: max-content; grid-column-gap: 0px; grid-row-gap: 25px; } .head-block .head-author:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .head-block .head-author:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } .head-date { grid-area: 1 / 2 / 2 / 3; } .responsive-title { font-size: clamp(14px, 2vw, 32px); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .logos-block > .logo-item { max-width: 240px; } .footer-nav .bricks-nav-menu { display: flex; justify-content: space-between; } .footer-nav .bricks-nav-menu, .footer-nav .bricks-nav-menu-wrapper { width: 100% }