/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


 
.tab_areas {
	background-color: #CB9656;
	border-top: 2px solid #fff;
}
.tab_titles h2 {
  padding: 20px 50px;
  color: #2C2926;
  font-family: 'Lustria',Georgia,"Times New Roman",serif;
  margin: 0;
  font-size: 38px;
    cursor: pointer;
}
.tab_titles h2 span {
  color: #fff;
}
.tab_descriptions {
	padding: 15px 50px;
	display: none;
}
.tab_descriptions ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.tab_descriptions ul li {
	width: 33.333%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.tab_titles h2::after {
	content: '3';
	font-family: ETmodules;
	position: absolute;
	right: 50px;
	color: #fff;
	transform: rotate(90deg);
	font-size: 25px;
}
.tab_areas.active .tab_descriptions {
	display: block;
}
.tab_areas.active .tab_titles h2::after{
    transform: rotate(0deg);
    color: #B2B2B2;
}
.tab_areas.active {
	background-color: transparent;
	border-color: #CB9656;
}
.tab_areas.active .tab_titles h2 span {
	color: #CB9656;
}
.tab_descriptions ul li label {
	display: flex;
	align-items: center;
	border: 2px solid #CB9656;
	border-radius: 10px;
	padding: 20px;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	height: 100%;
}
.tab_descriptions ul li label .left-image {
	margin-right: 12px;
	display: flex;
}
.tab_descriptions ul li label .left-image img {
	max-height: 44px;
	margin: 0;
}
.tab_descriptions ul li label .title {
	display: block;
	font-size: 17px;
	color: #CB9656;
	font-weight: 600;
	line-height: 17px;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
}
.tab_descriptions ul li label .description {
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	display: block;
}
.tab_descriptions ul li.imagesarea {
	width: 25%;
}
.tab_descriptions ul li label input {
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.tab_descriptions ul li label.selected_area img {
	filter: brightness(0) invert(1);
}
.tab_descriptions ul li label.selected_area .title{
    color: #fff;
}
.tab_descriptions ul li label.selected_area {
	background-color: #CB9656;
	color: #fff;
}
.next-buttons a, .checkout_buttons button {
	background-color: #CB9656;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 6px;
	color: #fff;
    border: 0;
    font-size: 15px;
}
.next-buttons {
	margin-bottom: 30px;
}
.checkout_buttons {
	padding-left: 50px;
    margin-top: 30px;
}
.tab_descriptions ul li.imagesarea label {
	border-color: transparent;
}
.tab_descriptions ul li.imagesarea .selected_area {
	background-color: transparent;
	border-color: #CB9656;
}
#my_tabs7, #my_tabs8, #my_tabs9, #my_tabs5 {
	display: none;
}
.tab_descriptions ul li.imagesarea label.selected_area img {
	filter: inherit;
}

.checkout_buttons.active {
	display: block;
}
.tab_descriptions ul li.imagesarea span {
	display: block;
	width: 100%;
	text-align: center;
	color: #000;
}
.tab_descriptions ul li.imagesarea label {
	display: block;
}
.tab_descriptions ul li .left-image {
	min-width: 40px;
	max-width: 40px;
}
.tab_descriptions ul li.imagesarea span span {
	display: inline;
}
.variations_form.cart.loading {
	position: relative;
}
.variations_form.cart.loading::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .4;
    z-index: 999;
}
.button-variable-item.variable-item span {
	width: 100%;
	height: auto;
	left: 0;
	line-height: 16px;
	word-wrap: break-word;
	top: 50%;
	transform: translate(0, -50%);
}
body.woocommerce .divi-filter-archive-loop .divi-filter-loop-container ul.products li.button-variable-item, body .button-variable-item {
	width: 100px !important;
}
@media (max-width:767px){
    .tab_titles h2 {padding: 20px 30px;font-size: 18px;}
    .tab_descriptions {padding: 15px 30px;}
    .tab_titles h2::after {right: 5px;}
    .tab_descriptions ul li {width: 50%;}
    .tab_descriptions ul li.imagesarea {width: 50%;}
    .tab_descriptions ul li label .left-image {display: none;}
    .tab_titles h2 span {font-weight: bold;}
}
@media (max-width:560px){
    .tab_titles h2 {padding: 20px 20px;font-size: 14px;}
    .tab_titles h2::after {right: 0px;}
    .tab_descriptions {padding: 15px 20px;}
    .tab_descriptions ul li {width: 50%;padding: 0 5px;margin-bottom: 10px;text-align: center;}
    .tab_descriptions ul li label .right-details {display: block;text-align: center;width: 100%;}
    .tab_descriptions ul li.imagesarea {width: 100%;}
    .tab_descriptions ul li label .left-image {display: none;}
    .tab_descriptions ul li label {padding: 10px;border-radius: 5px;}
    .tab_descriptions ul li label .title {font-size: 14px;line-height: 14px;}
    .tab_descriptions ul li label .description {display: none;}
    .checkout_buttons {padding-left: 10px;}
}