/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/horizontal_tabs/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.entry-content > .wp-block-klug-horizontal-tabs {
  margin-top: 30px;
}

.entry-content > .wp-block-klug-horizontal-tabs > div {
  display: var(--layout-magazine-1col-display);
  gap: var(--layout-magazine-1col-gap);
  grid-template-columns: var(--layout-magazine-1col-grid);
}
.entry-content > .wp-block-klug-horizontal-tabs > div > div {
  grid-column: 3/4;
  margin: 0 auto;
}

.wp-block-klug-horizontal-tabs > div > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 2rem auto;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.wp-block-klug-horizontal-tabs > div > div label {
  color: var(--color-lighter);
  cursor: pointer;
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  order: initial;
  padding: 18px;
  transition: background-position ease-in-out 0.5s, color ease-in-out 0.5s;
  margin: 4px 0 0 0;
  background-image: var(--grad-secondary);
  background-size: 150% 100%;
  background-position: 0 0;
  text-align: center;
  flex-basis: 100%;
}
.wp-block-klug-horizontal-tabs > div > div label:focus, .wp-block-klug-horizontal-tabs > div > div label:hover {
  background-position: 50% 0;
}
.wp-block-klug-horizontal-tabs > div > div .horizontal-tab-content {
  display: none;
  flex-grow: 1;
  padding: 40px 60px;
  width: 100%;
  background-color: var(--color-light);
  margin: 0 0 4px 0;
}
.wp-block-klug-horizontal-tabs > div > div input[type=radio] {
  width: 0;
  height: 0;
  position: absolute;
}
.wp-block-klug-horizontal-tabs > div > div input[type=radio]:checked + label {
  background: var(--color-dark) !important;
  color: var(--color-lighter) !important;
}
.wp-block-klug-horizontal-tabs > div > div input[type=radio]:checked + label + .horizontal-tab-content {
  display: block;
}
@media (min-width: 800px) {
  .wp-block-klug-horizontal-tabs > div > div .horizontal-tab-content {
    order: 99;
  }
  .wp-block-klug-horizontal-tabs > div > div label {
    order: 1;
    flex-basis: 10%;
    flex-grow: 1;
    margin: 0 0 4px 0;
    border-radius: 5px 5px 0 0;
  }
}
@media (min-width: 1200px) {
  .wp-block-klug-horizontal-tabs > div > div .horizontal-tab-content {
    padding: 80px 115px;
  }
}

/*
.wp-block-klug-horizontal-tabs > div > div label {
    flex-basis: calc(calc(100% - 8px) / 3);
}
.wp-block-klug-horizontal-tabs.has-tabs-1 > div > div label {
    flex-basis: 100%;
}
.wp-block-klug-horizontal-tabs.has-tabs-2 > div > div label {
    flex-basis: calc(calc(100% - 4px) / 2);
}
.wp-block-klug-horizontal-tabs.has-tabs-3 > div > div label {
    flex-basis: calc(calc(100% - 8px) / 3);
}
.wp-block-klug-horizontal-tabs.has-tabs-4 > div > div label {
    flex-basis: calc(calc(100% - 12px) / 4);
}
*/

/*# sourceMappingURL=style-index.css.map*/