/*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 {
  border-bottom: 3px solid #000;
}
.block-tabs.mobile_accordion .block-tabs__accordion-tab {
  display: none;
}
@media (max-width: 782px) {
  .block-tabs.mobile_accordion .block-tabs__tabs {
    display: none;
  }
  .block-tabs.mobile_accordion .block-tabs__accordion-tab {
    display: block;
    padding: 0.5em 1em;
    background: lightgrey;
    width: 100%;
  }
  .block-tabs.mobile_accordion .block-tabs__accordion-tab[aria-expanded=true] {
    background: var(--wp--preset--color--orange);
    color: #fff;
  }
  .block-tabs.mobile_accordion .block-tabs__panel {
    display: block;
    -webkit-transition: 450ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 450ms cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    padding: 0;
  }
  .block-tabs.mobile_accordion .block-tabs__panel .acf-innerblocks-container {
    padding: 2rem 0;
  }
  .block-tabs.mobile_accordion .block-tabs__panel[aria-hidden=true] {
    height: 0px;
  }
}
.block-tabs.mobile_accordion.is-style-dark .block-tabs__panel {
  padding: 0;
}
.block-tabs.mobile_accordion.is-style-dark .block-tabs__panel .acf-innerblocks-container {
  padding: 2rem;
}
.block-tabs::focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline-offset: 2px;
}
.block-tabs__tabs {
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.block-tabs__tab {
  border: 0;
  background: transparent;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  padding: 1rem;
  margin-right: 2rem;
  cursor: pointer;
  position: relative;
  font-family: var(--wp--preset--font-family--secondary);
  font-weight: 600;
  font-size: 2rem;
}
.block-tabs__tab:last-child {
  margin-right: 0;
}
.block-tabs__tab:before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--wp--preset--color--foreground);
}
.block-tabs__tab:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--wp--preset--gradient--rainbow);
  -webkit-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.block-tabs__tab:hover, .block-tabs__tab[aria-selected=true], .block-tabs__tab:focus {
  color: #000;
}
.block-tabs__tab:hover:after, .block-tabs__tab[aria-selected=true]:after, .block-tabs__tab:focus:after {
  width: 100%;
}
.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__tab:focus-visible {
  outline: 2px solid var(--wp--preset--color--orange);
  border-radius: 4px;
  outline-offset: 2px;
}
.block-tabs__panel {
  padding: 2rem 0;
}
.block-tabs__panel[aria-hidden=true] {
  display: none;
}
.block-tabs__panel[aria-hidden=false] {
  display: block;
}
.block-tabs.is-style-default .block-tabs__tab:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  cursor: default;
}
.block-tabs.is-style-default .block-tabs__tab:last-child:after {
  display: none;
}
.block-tabs.is-style-dark .block-tabs__tabs {
  background: #000;
  padding: 2rem;
}
.block-tabs.is-style-dark .block-tabs__tabs .block-tabs__tab:hover, .block-tabs.is-style-dark .block-tabs__tabs .block-tabs__tab[aria-selected=true], .block-tabs.is-style-dark .block-tabs__tabs .block-tabs__tab:focus {
  color: white;
}
.block-tabs.is-style-dark .block-tabs__tabs .block-tabs__tab:hover:after, .block-tabs.is-style-dark .block-tabs__tabs .block-tabs__tab[aria-selected=true]:after, .block-tabs.is-style-dark .block-tabs__tabs .block-tabs__tab:focus:after {
  width: 100%;
}
.block-tabs.is-style-dark .block-tabs__panel {
  background: #000;
  color: white;
  padding: 2rem;
}
.block-tabs.is-style-dark .block-tabs__panel h1,
.block-tabs.is-style-dark .block-tabs__panel h2,
.block-tabs.is-style-dark .block-tabs__panel h3,
.block-tabs.is-style-dark .block-tabs__panel h4,
.block-tabs.is-style-dark .block-tabs__panel h5,
.block-tabs.is-style-dark .block-tabs__panel h6 {
  color: white;
}

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