/* Tabs */

.tabs-header .tab-header{
  transition: all 0.2s ease-in-out;
  background-color: var(--bg-basis);
}
.tabs-header .tab-header.active {
  background-color: var(--bg-basis-accent);
  color: #fff;
}
.tab-header .tabs-header__num {
  transition: all 0.2s ease-in-out;
}
.tab-header.active .tabs-header__num {
  background-color: var(--primary);
  color: var(--bg-basis);
}


body:not(.wp-admin) .content-tabs .content-tab {
  display: none;
}

body:not(.wp-admin) .content-tabs .content-tab.active {
  display: block;
}

.wp-admin .content-tabs .content-tab {
  transition: all 0.2s ease-in-out;
  cursor: unset;
}

.wp-admin .content-tab {
  position: relative;
  border: 1px solid var(--bg-basis-accent);
}

.wp-admin .content-tabs {
  counter-reset: section;
}
.wp-admin .content-tab {
  margin-top: 50px;
}

.wp-admin .content-tab:before {
  counter-increment: section;
  content: "Tab number " counter(section);
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 14px;
  color: var(--text-basis);
  font-weight: 300;
}

.js-tabs-header.has-many-tabs .tab-header h3{
  font-size: 1.05rem;
}