/* General code */
.tabs__caption {
	display: flex;
	list-style: none !important;
	margin: 0 !important;
}
.tabs__caption .active {
}
.tabs__caption li {
	text-transform: uppercase;
}
.tabs__caption li:not(.active) {
}
.tabs__content {
	display: none;
}
.tabs__content.active {
	display: block !important;
}

/* Vertical Tabber */
.vertical .tabs__caption {
  float: left;
  display: block;
}
.vertical .tabs__content {
  overflow: hidden;
}
.vertical .tabs__caption li {
	border-bottom: none;
	border-right: 3px solid transparent;
	text-align: right;
}
.vertical .tabs__caption .active {
	border-bottom: none;
	border-right: 3px solid var(--theme-link-color);
}
.vertical .tabs__content.active {
	padding-left: 10px;
}

/* Emulating default Tabber style */
.default-tabber .tabs__caption {
	display: flex;
	list-style: none !important;
	margin: 0 !important;
	color: #afafa;
}

.theme-fandomdesktop-light .default-tabber .tabs__caption .active {
	background: rgba(0,0,0,0.05);
	border-bottom: 2px solid #EBE0B8 !important;
}

.theme-fandomdesktop-dark .default-tabber .tabs__caption .active {
    background: rgba(255,255,255,0.05);
	border-bottom: 2px solid #211E14 !important;
}

.default-tabber .tabs__caption li {
	text-transform: none !important;
	border-width: 2px 2px 0px 2px;
	border-color: #C9B7AB;
	border-style: solid;
	margin: 4px 2px -2px 2px;
	text-decoration: none;
	padding: 6px 10px 0px 10px !important;
	vertical-align: bottom;
}

.default-tabber .tabs__caption li:first-child {
	margin-left: 20px;
}

.default-tabber .tabs__caption li:hover {
	background-color: #797979;
	color: #fafafa;
	margin-top: 0px !important;
	padding-top: 10px !important;
}

.default-tabber .tabs__caption li:not(.active) {
}

.default-tabber .tabs__caption li.active {
	margin-top: 0px !important;
	padding-top: 10px !important;
}

.theme-fandomdesktop-light .default-tabber .tabs__caption li.active {
	color: #000000 !important;
}

.theme-fandomdesktop-dark .default-tabber .tabs__caption li.active {
	color: #fafafa !important;
}

.default-tabber .tabs__caption li.active:hover {
	background-color: #797979;
	color: #fafafa;
}

.default-tabber .tabs__content {
	display: none;
}

.default-tabber .tabs__content.active {
	display: block !important;
	border: 2px solid #C9B7AB;
	padding: 8px 16px 8px 16px;
	text-align: left;
	padding-left: 20px;
}

.theme-fandomdesktop-light .default-tabber .tabs__content.active {
	background: rgba(0,0,0,0.05);
 }

.theme-fandomdesktop-dark .default-tabber .tabs__content.active {
    background: rgba(255,255,255,0.05);
 }

/* For Navbox Tabbers style */
.navbox-tabber .tabs__caption {
	display: flex;
	list-style: none !important;
	margin: 0 !important;
	color: #afafa;
}

.theme-fandomdesktop-light .navbox-tabber .tabs__caption .active {
	background: rgba(0,0,0,0.05);
	border-bottom: 2px solid #EBE0B8 !important;
}

.theme-fandomdesktop-dark .navbox-tabber .tabs__caption .active {
    background: rgba(255,255,255,0.05);
	border-bottom: 2px solid #211E14 !important;
}

.navbox-tabber .tabs__caption li {
	text-transform: none !important;
	border-width: 2px 2px 0px 2px;
	border-color: #C9B7AB;
	border-style: solid;
	margin: 4px 2px -2px 2px;
	text-decoration: none;
	padding: 0px 5px 0px 5px !important;
	vertical-align: bottom;
}

.navbox-tabber .tabs__caption li:first-child {
	margin-left: 20px;
}

.navbox-tabber .tabs__caption li:hover {
	background-color: #797979;
	color: #fafafa;
	margin-top: 0px !important;
	padding-top: 4px !important;
}

.navbox-tabber .tabs__caption li:not(.active) {
}

.navbox-tabber .tabs__caption li.active {
	margin-top: 0px !important;
	padding-top: 4px !important;
}

.theme-fandomdesktop-light .navbox-tabber .tabs__caption li.active {
	color: #000000 !important;
}

.theme-fandomdesktop-dark .navbox-tabber .tabs__caption li.active {
	color: #fafafa !important;
}


.navbox-tabber .tabs__caption li.active:hover {
	background-color: #797979;
	color: #fafafa;
}

.navbox-tabber .tabs__content {
	display: none;
}

.navbox-tabber .tabs__content.active {
	display: block !important;
	border: 2px solid #C9B7AB;
	padding: 0px !important;
	text-align: left;
}

.theme-fandomdesktop-light .navbox-tabber .tabs__content.active {
	background: rgba(0,0,0,0.05);
 }

.theme-fandomdesktop-dark .navbox-tabber .tabs__content.active {
    background: rgba(255,255,255,0.05);
 }

/* For Main Page Tabbers style */
.main-page-tabber .tabs__caption {
	display: flex;
	list-style: none !important;
	margin: 0 !important;
	color: #afafa;
	white-space: nowrap;
}

.main-page-tabber .tabs__caption:after {
  top: 0px;
  right: 0px;
  transform-origin: bottom right;
  transform: skewX(-22deg);
}

.theme-fandomdesktop-light .main-page-tabber .tabs__caption .active {
	background: rgba(0,0,0,0.05);
	border-bottom: 2px solid #EBE0B8 !important;
}

.theme-fandomdesktop-dark .main-page-tabber .tabs__caption .active {
    background: rgba(255,255,255,0.05);
	border-bottom: 2px solid #211E14 !important;
}

.main-page-tabber .tabs__caption li {
	text-transform: none !important;
	border-width: 2px 2px 0px 2px;
	border-color: #C9B7AB;
	border-style: solid;
	margin: 4px 2px -2px 2px;
	text-decoration: none;
	padding: 0px 5px 0px 5px !important;
	vertical-align: bottom;
}

.main-page-tabber .tabs__caption li:first-child {
	margin-left: 20px;
}

.main-page-tabber .tabs__caption li:hover {
	background-color: #797979;
	color: #fafafa;
	margin-top: 0px !important;
	padding-top: 4px !important;
}

.main-page-tabber .tabs__caption li:not(.active) {
}

.main-page-tabber .tabs__caption li.active {
	margin-top: 0px !important;
	padding-top: 4px !important;
}

.theme-fandomdesktop-light .main-page-tabber .tabs__caption li.active {
	color: #000000 !important;
}

.theme-fandomdesktop-dark .main-page-tabber .tabs__caption li.active {
	color: #fafafa !important;
}


.main-page-tabber .tabs__caption li.active:hover {
	background-color: #797979;
	color: #fafafa;
}

.main-page-tabber .tabs__content {
	display: none;
}

.main-page-tabber .tabs__content.active {
	display: block !important;
	border: 2px solid #C9B7AB;
	padding: 15px 10px 0px 10px !important;
	text-align: left;
}

.theme-fandomdesktop-light .main-page-tabber .tabs__content.active {
	background: rgba(0,0,0,0.05);
 }

.theme-fandomdesktop-dark .main-page-tabber .tabs__content.active {
    background: rgba(255,255,255,0.05);
 }