/*
 * WPBakery 9: <a> v zavihku je ovit v <h4 class="vc_tta-panel-title">, zato pravila
 * .vc_tta-tab > a iz main-4.css ne veljajo več. Ovoj "izklopimo" in pravila ponovimo.
 */
.vc_tta-tab > .vc_tta-panel-title {
  display: contents;
}
.vc_tta-tab > .vc_tta-panel-title > a {
  background: #f1f1f1 !important;
  color: #282882 !important;
  font-size: 22px;
  font-weight: 600;
  border-radius: 6px 6px 0 0 !important;
  height: 60px;
  line-height: normal !important;
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
  padding: 18px 32px !important;
  border: none !important;
}
.vc_tta-tab.vc_active > .vc_tta-panel-title > a,
.vc_tta-tab > .vc_tta-panel-title > a:hover {
  background: #282882 !important;
  color: #ffffff !important;
}
.vc_tta-tab > .vc_tta-panel-title > a::before {
  border: none !important;
}
@media screen and (max-width: 991px) {
  .wpb-js-composer .vc_general.vc_tta.vc_tta-tabs .vc_tta-tab > .vc_tta-panel-title > a {
    font-size: 14px;
    padding: 10px 15px !important;
  }
}

/*
 * WPBakery 9: full-width vrstice imajo pred zagonom JS atribut data-vc-full-width-temp,
 * js_composer.min.css pa jih takrat raztegne na 100vw (brez odmikov). Glava se zato ob nalaganju
 * za trenutek razširi čez celo okno in nato skoči nazaj. V 7.1 tega pravila ni bilo: vrstica ostane
 * v vsebniku, dokler je JS ne raztegne (JS raztezanja ne spreminjamo).
 */
.vc_row[data-vc-full-width-temp],
.vc_section[data-vc-full-width-temp] {
  left: auto;
  margin-left: 0;
  right: auto;
  width: auto;
}