.archive{ .breadcrumbs{ } background: white; padding: 30px 30px 30px 0; .topics-list{ height: 100%; .topics-continer{ border-right: 1px solid #eee; ul{ li{ a{ font: 18px/22px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; padding: 15px 10px 10px 30px; display: block; &.active{ background: rgba(59,85,115,.1); } } } } } } .news-list{ position: relative; .archive-news-item{ display: flex; padding: 30px 30px 30px 0; border-bottom: 1px solid #eee; align-items: center; .illustration{ min-width: 220px; width: 220px; margin-right: 30px; } .meta{ .title{ a{ font: 24px/29px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; } } .published_at{ font: 12px/17px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; color: #a8a8a8; } } } } .pagination{ margin-top: 30px; color: #3b5573; display: flex; font: 14px/1 "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; li{ a{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } background: rgba(59,85,115,.08); display: flex; width: 40px; height: 40px; border-radius: 4px; margin-right: 7px; justify-content: center; align-items: center; &.active{ a{ background: #f5f5f5; color: #f6911f; } } &.disabled{ cursor: not-allowed; color: #b3b3b3; user-select: none; } } } .filters{ position: absolute; top: 0; right: 0; .icon{ width: 25px; height: 25px; } } #filters-modal{ position: fixed; display: block; width: 500px; padding: 30px; background: #fff; box-shadow: #000 0 0 11px -5px; z-index: 999; right: 60px; left: 0; top: -100%; margin: auto; transition: .3s; opacity: 0; &.active{ display: block; top: 40%; opacity: 1; } form{ display: flex; justify-content: center; flex-wrap: wrap; button{ background: rgba(59,85,115,.08); display: flex; height: 40px; border-radius: 4px; justify-content: center; align-items: center; outline: none; border: none; padding: 0 30px; font: 14px/1 "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif; color: #3b5573; } } } }