.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls {
  display: block;
  background-color: #1a2f55;
  margin-bottom: 0 !important;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls > li.__active {
  background-color: #e8ebec !important;
  margin-top: -5px !important;
  margin-right: 1px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls > li {
  background-color: #067eb1 !important;
  border-radius: 0;
  width: 100%;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls > li > h2 {
  font-family: 'Source Serif Pro', serif !important;
  font-size: 1.15rem !important;
  line-height: .95;
  padding: 0.5rem 1rem 0.8rem 1rem !important;
  color: #fff !important;
  font-weight: 700 !important;
  white-space: normal !important;
  word-wrap: break-word;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls > li.__active > h2 {
  color: #067eb1 !important;
}

.ef-pleco-tabs.ef-components-pub-tabs > .__tabs_content {
  background-color: #e8ebec;
  padding-top: 0.5em !important;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls > li:hover {
  background-color: rgba(6, 126, 177, 0.5) !important;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls > li.__active:hover {
  background-color: #e8ebec !important;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_content > li > .__content {
  padding: 20px;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_content > li {
  display: none;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_content > li.__active {
  display: block;
}

.ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_content > li > .__content h2 {
  color: #222;
  line-height: 1.2;
}

/* Style-guide Bootstrap 4 breakpoint (lg) Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* .ef-pleco-tabs.ef-components-pub-tabs {
    display: flex;
  } */

  .ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls {
    display: flex;
    /* flex-wrap: wrap */
    -webkit-box-pack: start !important;
    justify-content: left !important;
    padding-top: 14px !important;
    padding-left: 20px !important;
  }

  .ef-pleco-tabs.ef-components-pub-tabs > ul.__tabs_controls > li {
    border-right: 1px solid #1a2f55 !important;
    max-width:200px;
    /* flex-grow: 1;
    flex-basis: 100%;*/
    width: initial;
  }

}