/**********************************************************
=Tabs (Left Navigation)
/*********************************************************/

/* Entire container */
#top .tabcontainer {
	background: var(--grey);
	border: none;
	border-radius: var(--radius--small);
	box-shadow: var(--box-shadow);
}
/* Tabs column */
#top .tab_titles {
	max-width: none;
	width: 40%;
}
@media( min-width:990px ) {
	#top .tab_titles {
		width: 30%;
	}
}
/* Individual tabs */
#top .tab {
	align-items: center;
	background: var(--grey);
	border: none;
	border-top: 1px solid var(--white);
	color: var(--white);
	display: inline-flex;
	font-size: var(--size--h4);
	font-weight: var(--weight--bold);
	line-height: var(--size--h4);
	gap: var(--padding--smaller);
	margin: 0;
	padding: var(--padding--small);
	width: 100%;
}
@media( min-width:768px ) {
	#top .av_tab_section .tab {
		display: none;
	}
}
#top#top .tab:where(:hover,:focus-visible) {
	background: var(--black);
	color: var(--white);
}
#top .tab_titles .tab:first-child,
#top .av_tab_section:first-of-type .tab {
	border-top: none;
}
#top#top .active_tab {
	background: var(--black);
	color: var(--white);
}
/* Tab title decoration */
#top .tab::after {
	align-items: center;
	color: currentcolor;
	content: "";
	display: inline-flex;
	font-family: var(--family--icon);
	font-size: 1rem;
	height: var(--size--h4);
	justify-content: center;
	margin-left: auto;
	transform: rotate( 90deg );
	transition: transform 0.2s ease-in-out;
	width: var(--size--h4);
}
#top .tab:where(:hover,:focus-visible)::after {
	transform: rotate( -90deg );
}
#top .tab_titles .tab::after {
	transform: rotate( 0deg );
}
/* Tab content */
#top .tab_content {
	border: none;
	border-radius: 0;
	left: auto;
	margin: 0;
	padding: var(--padding--normal);
}
#top#top .tab_content {
	background: var(--white); /* override Enfold on-page styles */
}
#top .tab_inner_content {
	margin: 0;
	position: static;
}
/* Tab image */
#top .tab_content img {
	height: 300px;
	margin: calc( -1 * var(--padding--normal) );
	margin-bottom: var(--padding--normal);
	max-width: none;
	object-fit: cover;
	object-position: center;
	width: calc( var(--padding--normal) + 100% + var(--padding--normal) )
}
/* Tab content text */
#top .tab_content h3 {
	margin-top: 0;
}