/* Default tab style */

/*.tabs {
    position: relative;
    overflow: hidden;
    width: 80%;
}*/

/* Nav */

ol.tabs {
    position: relative;
    margin:0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: table-row;
}

ol.tabs li {
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: table-cell;
  margin: 0;
  text-align: left;
  vertical-align: middle;
  padding-right: 1em;
}
ol.tabs li.tab-open {
  cursor: default;
}
ol.tabs li h3 {
  font-size: 1em;
  font-weight: 400;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ol.tabs li.tab-open h3 {
  color: #02a4bc;
}

.tabs li:focus,
.tabs li:hover {
  outline: none;
 }
.tabs li:focus h3,
.tabs li:hover h3 {
  color: #02a4bc;
 }

.tabs h3 {
	padding: 0 0 .5em;
	color: #585858;
	line-height: 1;
  position: relative;
  display: block;
  width: 100%;
}

.tabs h3:after {
  display: block;
  width: 100%;
  height: 2px;
  background: #EAEAEA;
  position:absolute;
  bottom: 0;
  left: 0;
  content: ' ';
  
  transition-duration: .2s;
}

.tabs li.tab-open h3:after,
.tabs li:focus h3:after,
.tabs li:hover h3:after {
  background: #02A4BC;
}