/*---------------------------------------------------------------------------------

 Theme Name:   Divi Ultimate
 Theme URI:    https://diviultimate.com
 Description:  The last child theme you ever need for Divi Wordpress
 Author:       Divi Ultimate
 Author URI:   https://diviultimate.com
 Template:     Divi
 Version:      5.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*--------------------------------------------*/
/*---------Vertical Tabs by Divi Soup---------*/
/*--------------------------------------------*/


/*Stack tabs vertically*/

@media only screen and (min-width: 768px) {
 .ds-tab-cube .et_pb_tabs_controls li {
 display: block;
 float: none;
 max-width: 20%;
 width: 20%;
 /*Change the 6% value to increase/descrease the height of the tab controls*/
 padding: 6% 10px;
 }
 /*Move tab content*/
 .ds-tab-cube .et_pb_tab {
 position: absolute;
 top: 0;
 height: 100%;
 margin-left: 20%;
 }
}

/*Align the tabs control text centrally*/

.ds-tab-cube .et_pb_tabs_controls li a {
 text-align: center;
 display: block;
 width: 100%;
 padding: 0;
}


/*Remove the grey borders*/

.ds-tab-cube .et_pb_tabs_controls li,
.ds-tab-cube .et_pb_tab,
.ds-tab-cube.et_pb_tabs,
.ds-tab-cube ul.et_pb_tabs_controls:after {
 border: none !important;
}


/*Set the tab control and tab content background colours*/

.ds-tab-cube .et_pb_tabs_controls li:nth-child(1),
.ds-tab-cube .et_pb_tabs_controls li.et_pb_tab_active:nth-child(1),
.ds-tab-cube .et_pb_tab:nth-child(1) {
 background: #0080b0;
}

.ds-tab-cube .et_pb_tabs_controls li:nth-child(2),
.ds-tab-cube .et_pb_tabs_controls li.et_pb_tab_active:nth-child(2),
.ds-tab-cube .et_pb_tab:nth-child(2) {
 background: #4ba3c4;
}

.ds-tab-cube .et_pb_tabs_controls li:nth-child(3),
.ds-tab-cube .et_pb_tabs_controls li.et_pb_tab_active:nth-child(3),
.ds-tab-cube .et_pb_tab:nth-child(3) {
 background: #b48a74;
}

.ds-tab-cube .et_pb_tabs_controls li:nth-child(4),
.ds-tab-cube .et_pb_tabs_controls li.et_pb_tab_active:nth-child(4),
.ds-tab-cube .et_pb_tab:nth-child(4) {
 background: #cbb0a2;
}


/*To add more tabs simply copy this secton and increase the number by 1 i.e: (5) should be (6) in all 3 places. Then change the colour*/

.ds-tab-cube .et_pb_tabs_controls li:nth-child(5),
.ds-tab-cube .et_pb_tabs_controls li.et_pb_tab_active:nth-child(5),
.ds-tab-cube .et_pb_tab:nth-child(5) {
 background: #a69a94;
}

/*--------------------------------------------*/
/*-------End Vertical Tabs by Divi Soup-------*/
/*--------------------------------------------*/