/*Font Family SCSS Vars
$primaryFont: "ubuntu", sans-serif;
$secondaryFont: "canada-type-gibson";
$systemFonts: "system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\
*/
/*
* Global button styling
*/
/*
* Breakpoint debugging
*/
/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
/*
* SASS Parent append
* Useful if you want to add an append to the parent without writing it out again
* Usage: @include parent-append(":hover")
* Source: https://codepen.io/imkremen/pen/RMVBvq
*/
/*
* Skew
* Useful mixing to create skewed edges
* Usage: @include angle-edge(bottomright, 3deg, topleft, 3deg, #fff);
* Source: http://www.hongkiat.com/blog/skewed-edges-css/
*/
.block-tabs-deluxe {
  border-bottom: 1px solid #000;
  overflow: hidden;
}
.block-tabs-deluxe.mobile_accordion .block-tabs__accordion-tab {
  display: none;
}
@media (max-width: 782px) {
  .block-tabs-deluxe.mobile_accordion .block-tabs__tabs {
    display: none;
  }
  .block-tabs-deluxe.mobile_accordion .block-tabs__accordion-tab {
    display: block;
    padding: 0.5em 1em;
    background: lightgrey;
    width: 100%;
  }
  .block-tabs-deluxe.mobile_accordion .block-tabs__accordion-tab[aria-expanded=true] {
    background: var(--wp--preset--color--pale-blue);
    color: white;
  }
  .block-tabs-deluxe.mobile_accordion .block-tabs__panel {
    display: block;
    transition: 200ms ease-out;
    overflow: hidden;
    padding: 0;
  }
  .block-tabs-deluxe.mobile_accordion .block-tabs__panel .acf-innerblocks-container {
    padding: 2rem 0;
  }
  .block-tabs-deluxe.mobile_accordion .block-tabs__panel[aria-hidden=true] {
    height: 0px;
  }
}
.block-tabs-deluxe::focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline-offset: 2px;
}
.block-tabs-deluxe .block-tabs__tabs {
  padding: 5rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  transition: var(--transition);
  gap: var(--wp--preset--spacing--medium);
}
.block-tabs-deluxe .block-tabs__tab {
  padding: 2rem 0;
  border: 0;
  background: transparent;
  transition: 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  font-family: var(--wp--preset--font-family--secondary);
  font-weight: 500;
  font-size: 2.2rem;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  color: #000;
}
@media (max-width: 782px) {
  .block-tabs-deluxe .block-tabs__tab {
    flex: 1 1 45%;
  }
}
.block-tabs-deluxe .block-tabs__tab p {
  margin-top: 2rem;
}
.block-tabs-deluxe .block-tabs__tab:before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #fff;
  background-image: var(--wp--preset--gradient--rainbow);
  transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}
.block-tabs-deluxe .block-tabs__tab:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: 0;
  width: 100%;
  height: 3px;
  background: var(--wp--preset--color--foreground);
  transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  z-index: 3;
}
.block-tabs-deluxe .block-tabs__panel {
  padding: 2.5rem 0;
  display: none;
}
.block-tabs-deluxe .block-tabs__body {
  min-height: 400px;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.block-tabs-deluxe .block-tabs__body .wrap {
  position: relative;
}
.block-tabs-deluxe .block-tabs__body .block-tabs__body_overlay {
  position: absolute;
  top: 0;
  bottom: 100%;
  width: 100%;
  background: #000;
  transition: var(--transition);
}
.block-tabs-deluxe .block-tabs__body .block-icon-grid__item {
  border-color: rgba(255, 255, 255, 0.1490196078);
}
.block-tabs-deluxe.tabs-deluxe-active {
  background: #000;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab {
  color: var(--wp--preset--color--foreground);
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab:hover, .block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab:focus-visible {
  color: white;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab:hover::after, .block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab:focus-visible::after {
  background: currentColor;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab[aria-selected=true] {
  color: #fff;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab[aria-selected=true]::before {
  width: 100%;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab[aria-selected=true]::after {
  width: 0%;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab[aria-selected=true]:focus-visible:focus-visible {
  outline: 2px solid var(--wp--preset--color--orange);
  border-radius: 4px;
  outline-offset: 2px;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__tab:focus-visible {
  outline: 2px solid var(--wp--preset--color--orange);
  border-radius: 4px;
  outline-offset: 2px;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__panel {
  padding-bottom: 5rem;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__panel[aria-hidden=false] {
  display: block;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__panel[aria-hidden=true] {
  display: none;
}
.block-tabs-deluxe.tabs-deluxe-active .block-tabs__body .block-tabs__body_overlay {
  bottom: 0;
}

.editor-styles-wrapper .wp-block-pro-tab-item:has(.block-tabs__panel[aria-expanded=false]) {
  display: none;
}

.wp-admin .block-tabs-deluxe .block-tabs__panel {
  display: block;
}

.wp-admin .block-tabs-deluxe.tabs-deluxe-active {
  opacity: 1;
  visibility: visible;
}

/*# sourceMappingURL=block-tabs-deluxe.css.map */
