/*! * * Blog topic bar (inc/blog-topics.php) on /blog/ and the topic pages. * Same look as the filter tabs of the blog grid (#portfolio-flters), as links. */.vitavia-topic-bar{padding:28px 15px 4px;background-color:#fff}.vitavia-topic-bar__inner{max-width:1320px;margin:0 auto;text-align:center}.vitavia-topic-bar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:0;padding:0;list-style:none}.vitavia-topic-bar li{margin:0;padding:0;list-style:none!important}.vitavia-topic-bar li:before{display:none}.vitavia-topic-bar a{display:inline-flex;align-items:center;gap:6px;padding:6px 18px;font-size:12px;line-height:20px;text-transform:uppercase;letter-spacing:.02em;color:var(--vitavia-deep-blue, #0B2C4A);text-decoration:none;border:1px solid #E1E6EE;border-radius:1px;transition:all .3s ease-in-out}.vitavia-topic-bar a span{font-size:11px;opacity:.6}.vitavia-topic-bar a:hover,.vitavia-topic-bar a:focus-visible,.vitavia-topic-bar li.is-active a{border-color:transparent;background-image:linear-gradient(90deg,var(--vitavia-deep-blue, #0B2C4A) 0%,var(--vitavia-blue, #275E8C) 100%);color:#fff}.vitavia-topic-bar p.vitavia-topic-bar__intro{max-width:760px;margin:22px auto 0;font-size:17px;line-height:1.7;color:#4b5563;text-align:center}@media(max-width:575px){.vitavia-topic-bar{padding-top:20px}.vitavia-topic-bar ul{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -15px;padding:0 15px 6px;scrollbar-width:none}.vitavia-topic-bar ul::-webkit-scrollbar{display:none}.vitavia-topic-bar a{white-space:nowrap}.vitavia-topic-bar p.vitavia-topic-bar__intro{font-size:15px}}