/*
Block Name: Vertical Tabs
Description: A simple vertical tab group.
*/



body.wp-admin section { border: 1px solid #ccc; }
body.wp-admin section .container .grid:empty:before { color: red; font-weight: 600; content: "This is an empty *block* - add content"; padding: 2rem 0; display: block;}
body.wp-admin section .container .grid .col:empty:before { color: red; font-weight: 600; content: "This is an empty *column* - add content"; padding: 2rem 0; display: block;}



/* Tabs */

.vtabs-container { display: grid; grid-template-columns: 1fr 3fr; background: #efefef; }

ul#vtabs-nav {
  list-style: none;
  margin: 0;
  overflow: auto;
	padding: 0;
	display: flex;
    flex-flow: column;
    height: 100%;
    min-height: 100%;
}
ul#vtabs-nav li {
  float: none;
  cursor: pointer;
	padding: 1rem 2rem;
	margin: 0 .2rem 0 0;
	 background-color: #546A7B;
	flex: 1;
}
ul#vtabs-nav li:hover,
ul#vtabs-nav li.active {
  background-color: #e88b39;
}
#vtabs-nav li a {
  text-decoration: none;
  color: #FFF;
}
.vtab-content {
  padding: 2rem;
  background-color: #fef2e7;
  display:none;
}
.vtab-content.active{display:block;}

.vtab-content p:last-of-type { margin-bottom: 0; }