/*
Theme Name: Steelbees BB theme
Theme URI: http://www.steelbees.com
Version: 1.0
Description: Steelbees
Author: The Beaver Builder Team
Author URI: 
template: bb-theme
*/

* {	box-sizing: border-box;	}
.tabs {
	display: flex;
	flex-direction: row;
	row-wrap: nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
box-sizing: border-box;
}
.tabs * { box-sizing: inherit; }
.tabs :focus {
	box-shadow: none;
	outline: none;
	}
.tabs .button-list {
	flex: 0 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	min-width: 25%;
}

.tabs button {
	border-radius: 0;
	margin: 0;
	font-size: 18px;
	padding: 1.4em .7em;
	border: 1px solid transparent;
	background: #fff;
	color: #666;
	transition: all .6s ease-in-out;
}
.tabs button:hover {
	background: #f7f7f7;
}
.tabs button.active {
	background: #f7f7f7;
	border-color: #eeeeee;
	color: #333;
}

.tabs section {
	flex: 2 1 auto;
	display: none;
	background: #fff;
	background: rgba(255,255,255,.6);
	padding: 2rem;
	border: 1px solid #eeeeee;
}
.tabs section.active {
	display: block;
}

@media (max-width: 900px) {
	.tabs {
		flex-direction: column;
	}
	.tabs .button-list {
		flex-direction: row;
		min-width: 100%;
	}
	.tabs button:first-child:not(.active) {
		border-top: 1px solid #EEE;
		border-left: 1px solid #EEE;
	}
	/*
	.tabs button.active {
		border-right: 1px solid #EEE;
	}*/
}