.tabs-widget-header { display: flex; flex-wrap: wrap; background: rgba(0, 0, 0, 0.1); margin-bottom: 2.4rem; } .tabs-widget-header .tab-item { text-transform: uppercase; text-align: center; padding: 1.5rem 2rem; font-size: 1.1rem; font-weight: 700; letter-spacing: 1px; transition: all .2s ease-out; display: flex; align-items: center; justify-content: center; gap: .6rem; color: var(--global--color-black); } .tabs-widget-header .tab-item svg { color: var(--global--color-black); fill: var(--global--color-black); width: 1.2rem; height: 1.2rem } .tabs-widget-header .tab-item.active { background-color: var(--global--color-accent); color: #fff; opacity: 1 !important } .tabs-widget-header .tab-item.active svg { fill: #fff; color: #fff } .tabs-widget-header .tab-item:focus, .tabs-widget-header .tab-item:hover { background: var(--global--color-accent); opacity: .9; color: #fff; outline: 0 } .tabs-widget-header .tab-item:focus svg, .tabs-widget-header .tab-item:hover svg { fill: #fff; color: #fff } .site-tabs-panel { display: none } .site-tabs-panel.active { display: block } .site-tabs-widget:not(.style_1) .entry-image { width: 100%; height: auto } .site-tabs-widget.style_3 .entry-summary { text-align: center; display: grid } .site-tabs-widget.style_3 .entry-categories, .site-tabs-widget.style_3 .entry-meta-list { justify-content: center } .site-tabs-widget.style_3 .entry-meta-list { order: 1; margin-bottom: .8rem } .site-tabs-widget.style_3 .entry-title { order: 2 }