/* PAGE TABS */
ul#page-tabs
  { display: block; margin: 0; padding: 0; list-style-type: none; border-radius: .35em; background-color: #f3f3f3; }
ul#page-tabs li
  { display: inline-block; vertical-align: middle; border-radius: .3em; margin: 0; text-align: center; }
ul#page-tabs li + li
  { margin-left: .2em; }
ul#page-tabs.page-tabs-2 li
  { width: calc(50% - .1em); }
ul#page-tabs.page-tabs-3 li
  { width: calc(33.33% - .133em); }
ul#page-tabs.page-tabs-3 li:first-child
  { width: calc(33.34% - .134em); }
ul#page-tabs.page-tabs-4 li
  { width: calc(25% - .15em); }
ul#page-tabs.page-tabs-5 li
  { width: calc(20% - .16em); }
ul#page-tabs.page-tabs-6 li
  { width: calc(16.66% - .166em); }
ul#page-tabs.page-tabs-6 li:first-child
  { width: calc(16.67% - .167em); }

ul#page-tabs li:hover
  { background-color: var(--color-variant); }
ul#page-tabs li.active
  { background-color: var(--color-main); }
ul#page-tabs li a
  { display: inline-block; width: 100%; padding: 1em .25em; height: 3em; line-height: 0; }
ul#page-tabs li a:hover
  { transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -ms-transition: all 0.1s linear; }
ul#page-tabs li a img
  { display: inline-block; vertical-align: middle; width: auto; height: 1em; filter: brightness(0); opacity: .35; margin-right: .25em; }
ul#page-tabs li a span
  { display: inline-block; vertical-align: middle; line-height: auto; font-weight: 700; font-size: .8em; color: #AEAEAE; }
ul#page-tabs li.active a span,
ul#page-tabs li:hover a span
  { color: #fff; opacity: 1; }
ul#page-tabs li.active a img,
ul#page-tabs li:hover a img
  { filter: brightness(0) invert(1); opacity: 1; }

@media (max-width: 1160px) {
  ul#page-tabs li a span
    { font-size: .7em; }
}
@media (max-width: 990px) {
  ul#page-tabs li a
    { padding: .5em .25em; height: 2em; }
  ul#page-tabs li a img
    { display: none; }
  ul#page-tabs li a span
    { line-height: 1.5em; }
}
@media (max-width: 860px) {
  ul#page-tabs li a img
    { display: inline-block; margin-right: 0; }
  ul#page-tabs li a span
    { display: none; }
}

/* FORM TABS */
/*
div.field-group-tabs-wrapper
  { background-color: #fff; border-radius: .5em; }
div.horizontal-tabs
  { border: 1px solid #CCC; border-radius: .5em; overflow: hidden; }
div.horizontal-tabs ul.horizontal-tabs-list
  { padding: .5em .5em 0 .5em; }
div.horizontal-tabs ul.horizontal-tabs-list li
  { font-weight: bold; text-transform: uppercase; text-align: center; background-color: #ececec; color: #333; font-size: 1em; border: none; }
div.horizontal-tabs ul.horizontal-tabs-list li.selected
  { background-color: #fff; border-radius: .5em .5em 0 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; }
div.horizontal-tabs ul.horizontal-tabs-list li a
  { display: inline-block; font-size: .7em; margin: 0; padding: .5em 1em; }
div.horizontal-tabs ul.horizontal-tabs-list li a span
  { display: none; }
div.horizontal-tabs ul.horizontal-tabs-list li a:hover
  { background-color: transparent; }
div.horizontal-tabs ul.horizontal-tabs-list li a strong.form-required::after
  { display: inline-block; content: "*"; color: red; margin-left: .15em; }
div.horizontal-tabs div.horizontal-tabs-panes
  { padding-top: 1em; }
form div.js-form-type-vertical-tabs
  { display: none !important; }
   */

div.horizontal-tabs
  { border: none; border-radius: none; overflow: hidden; }
div.field-group-tabs-wrapper
  { background-color: #fff; }
div.horizontal-tabs ul.horizontal-tabs-list
  { padding: 0; background-color: transparent; border-bottom: 1px solid #ddd; }
div.horizontal-tabs ul.horizontal-tabs-list li
  { position: relative; display: inline-block; background-color: transparent; font-weight: bold; text-transform: uppercase; text-align: center; font-size: 1em; border: none; }
div.horizontal-tabs ul.horizontal-tabs-list li a,
div.horizontal-tabs ul.horizontal-tabs-list li a.selected
  { display: inline-block; font-size: .7em; margin: 0; padding: .75em .25em !important; }
div.horizontal-tabs ul.horizontal-tabs-list li a:hover
  { opacity: .7; background-color: transparent; }
div.horizontal-tabs ul.horizontal-tabs-list li.selected a strong
  { color: #333333; }
div.horizontal-tabs ul.horizontal-tabs-list li.selected:after
  { position: absolute; display: block; content: ""; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: var(--color-main); }
div.horizontal-tabs ul.horizontal-tabs-list li a strong.form-required::after
  { display: inline-block; content: "*"; color: red; margin-left: .25em; }
div.horizontal-tabs div.horizontal-tabs-panes
  { padding-top: 2em; }
form div.js-form-type-vertical-tabs
  { display: none !important; }

/* one item */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(1) {
  width: 100%;
}
/* two items */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(2),
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
/* three items */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(3),
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(3) ~ li {
  width: 33.3333%;
}
/* four items */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(4),
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
/* five items */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(5),
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
/* six items */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(6),
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(6) ~ li {
  width: 16.6666%;
}
/* seven items */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(7),
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(7) ~ li {
  width: 14.2857%;
}
/* height items */
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(8),
div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}
@media (max-width: 980px) {
  div.horizontal-tabs ul.horizontal-tabs-list li
    { width: auto !important; }
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(7),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(7) ~ li,
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(8),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(8) ~ li
    { display: block; width: 100% !important; text-align: left; }
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(7),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(7) ~ li.selected,
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(8),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(8) ~ li.selected
    { border: none !important; }
}
@media (max-width: 840px) {
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(5),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(5) ~ li,
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(6),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(6) ~ li
    { display: block; width: 100% !important; text-align: left; }
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(5),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(5) ~ li.selected,
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(6),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(6) ~ li.selected
    { border: none !important; }
}
@media (max-width: 740px) {
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(4),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(4) ~ li,
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(3),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(3) ~ li
    { display: block; width: 100% !important; text-align: left; }
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(4),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(4) ~ li.selected,
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(3),
  div.horizontal-tabs ul.horizontal-tabs-list li:first-child:nth-last-child(3) ~ li.selected
    { border: none !important; }
}
@media (max-width: 640px) {
  div.horizontal-tabs ul.horizontal-tabs-list
    { display: none ! important; }
  .horizontal-tabs-panes
    { display: block !important; }
  .horizontal-tabs-panes .horizontal-tabs-pane
    { padding: 0 .5em }
  div.horizontal-tabs ul.horizontal-tabs-list + div > details.field-group-tab
    { border: none; } 
  div.horizontal-tabs ul.horizontal-tabs-list + div > details.field-group-tab + details.field-group-tab
    { margin-top: 1em; }
  div.horizontal-tabs ul.horizontal-tabs-list + div > details.field-group-tab > summary,
  .horizontal-tabs-pane > summary
    { display: block; background-color: transparent; border-radius: 0; border: none; padding: 0; font-size: 1.2em; margin-bottom: .5em; text-transform: none; }
}