/*----------------------------------------
 Tabs
------------------------------------------*/
.bb_tabs{
	margin-bottom: 5px;
	border-radius: var(--border-radius-button);
	background-color: #f5f5f5;
}
.bb_tabs .bb_tab {
	z-index: 1;
}
.bb_tabs .bb_tab a {
	color: var(--dark-700);
	line-height: 48px;
	text-transform: none;
	font-weight: 500;
}
.bb_tabs .bb_tab a.bb_active {
	color: #ffffff;
	z-index: 1;
	position: relative;
}
.bb_tabs .bb_tab a:hover{
	color: #ffffff;
}
.bb_tabs .bb_tab a.bb_active{
	/* color: var(--primary-color); */
	background: transparent;
}
.bb_tabs.bb_transparent .bb_tab a.bb_active{
	background: transparent;
}
.bb_tabs .bb_indicator {
	background-color: var(--primary-color);
	height: 48px;
	border-radius: var(--border-radius-button);
}
.bb_tabs .bb_tab a:focus,
.bb_tabs .bb_tab a:focus.bb_active {
	background-color: transparent;
}
.bb_tab-content {
	display: inline-block;
	padding: 0px;
	background: transparent;
	width: 100%;
}
.bb_tabs-icons .bb_tab i {
	font-size: 24px;
	line-height: 48px;
}
.bb_tabs .bb_tab.bb_disabled a,
.bb_tabs .bb_tab.bb_disabled a:hover {
	color: rgba(var(--primary-rgb), 0.bb_4);
	cursor: default;
}
.bb_tabs-swipable .bb_carousel-item {
	display: inline-block;
	padding: 15px !important;
	width: 100%;
	font-size: inherit;
	line-height: inherit;
}
/* .bb_tabs.bb_full-transparent {
	border-bottom: 1px solid #cccccc;
} */
.bb_tabs.bb_colored .bb_tab a:focus,
.bb_tabs .bb_tab.bb_colored a:focus.bb_active {
	background-color: inherit;
}
.bb_tabs.bb_accent-bg .bb_indicator {
	background-color: var(--accent-color);
}

/* .bb_tabs-swipable .bb_tabs-content {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.bb_14), 0 3px 1px -2px rgba(0, 0, 0, 0.bb_12), 0 1px 5px 0 rgba(0, 0, 0, 0.bb_2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.bb_14), 0 3px 1px -2px rgba(0, 0, 0, 0.bb_12), 0 1px 5px 0 rgba(0, 0, 0, 0.bb_2);
} */
.bb_tabs-swipable-ul {
	z-index: 1;
}
.bb_tabs-swipable .bb_tabs-content {
	min-height: 540px;
}


.bb_tabs.bb_primary-bg .bb_indicator:after,
.bb_tabs.bb_accent-bg .bb_indicator:after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(33, 33, 33, .2);
	display: block;
	border-radius: 50px;
}

/* .bb_tabs{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
} */
.bb_tabs-swipable .bb_tabs-content,
.bb_tab-content{
	border-radius: var(--border-radius);
}
.bb_tabs-swipable .bb_tabs-content .bb_carousel-item{
	box-shadow: none;
	background: transparent;
	padding: 0 5px 5px 5px !important;
	margin-top: -5px;
}


/*----------------------------------------
  Site - Dark Mode - Tabs
----------------------------------------*/
[data-site_mode="dark"] .bb_tabs {
	background-color: var(--dark-700);
}
[data-site_mode="dark"] .bb_tabs.bb_primary-bg {
	background-color: var(--primary-color);
}
[data-site_mode="dark"] .bb_tabs.bb_accent-bg {
	background-color: var(--accent-color);
}
[data-site_mode="dark"] .bb_card-tabs .bb_tabs{
	background-color: var(--dark-800);
	max-width: 95%;
}
[data-site_mode="dark"] .bb_card-tabs {
	border-bottom: 1px solid var(--dark-700);
	/* padding-right: 15px;
	padding-left: 15px; */
}
[data-site_mode="dark"] .bb_tabs .bb_tab a {
	color: #f5f5f5;
}
[data-site_mode="dark"] .bb_tabs .bb_tab a:focus,
[data-site_mode="dark"] .bb_tabs .bb_tab a:focus.bb_active {
	background-color: transparent
}

[data-site_mode="dark"] .bb_tab-content {
	background-color: transparent;
}
/* [data-site_mode="dark"] .bb_tabs.bb_full-transparent {
	border-bottom: 1px solid var(--dark-700);
} */
/* 
[data-site_mode="dark"] .bb_tabs-swipable .bb_tabs-content .bb_carousel-item{
	background-color: var(--dark-800);
} */