.metrotabs-group {
margin: 2em 0;
}
.tab-pane {
scroll-margin-top: 12em;
} .simple-tabs-block ul {
margin: 2em 0;
gap: 0;
display: flex;
width: fit-content;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.simple-tabs-block ul li {
list-style: none;
margin: 0;
padding: 0;
} .simple-tabs-block ul li .metrotabs-tab-trigger,
.simple-tabs-block ul li a,
.simple-tabs-block ul li a:link {
display: inline-flex;
font-size: 1rem;
font-weight: 500;
cursor: pointer;
text-decoration: none;
color: #555;
border: none;
background: none;
padding: 0.5em 1em 0.65em;
font-family: inherit;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
transition:
color 0.15s ease,
border-color 0.15s ease;
}
.simple-tabs-block ul li .metrotabs-tab-trigger:hover,
.simple-tabs-block ul li a:hover {
color: #1d2327;
} .simple-tabs-block ul li .metrotabs-tab-trigger.active,
.simple-tabs-block ul li a.active {
color: #1d2327;
border-bottom-color: currentColor;
}
.simple-tabs-block ul li .metrotabs-tab-trigger,
.simple-tabs-block ul li a,
.simple-tabs-block.simple-tabs-block-collapsible
.simple-tabs-block-nav
li.simple-tabs-block-selected
a {
cursor: pointer;
}
.simple-tabs-block .ui-tabs-hide {
display: none !important;
} .simple-tabs-block .tab-pane {
padding: 1em 0 0;
}
.simple-tabs-block .ui-tabs-panel {
overflow: hidden;
background: #fff;
padding: 16px 0;
width: 100%;
}