body.home { .mod_newslist { .layout_latest { img { object-fit: none !important; } } } } .mod_newslist { .layout_latest { .categories { min-height: 28px; } img { object-fit: cover; } } nav { margin: 0 auto; padding: 50px 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; p { margin: 0; padding: 10px 10px 10px 0; } .pagination { margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; li { margin: 10px 0.25rem 10px 0.25rem; list-style: none; border: 2px solid #0000dc; border-radius: 8px; text-align: center; font-weight: 700; transition: 0.3s; cursor: pointer; text-transform: uppercase; position: relative; a, strong { display: block; padding: 0 7px; color: #0000dc; text-decoration: none; transition: 0.3s; &:hover { color: #fff; background: #0000dc; } } strong { color: #fff; background: #0000dc; cursor: default; } &.first, &.previous, &.next, &.last { a, strong { text-indent: -9999px; width: 30px; &:after { text-indent: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } } } &.first { a, strong { &:after { content: "<<"; } } } &.previous { a, strong { &:after { content: "<"; } } } &.next { a, strong { &:after { content: ">"; } } } &.last { a, strong { &:after { content: ">>"; } } } } } } } .mod_newsreader { .layout_full { .title { max-width: 700px; margin: 0 auto; .categories { @include futura-bold; text-transform: uppercase; font-size: size(20); color: #001874; margin-bottom: 0; } h1 { font-size: size(45); } } .ce_hyperlink { margin-bottom: 1rem; } } }