/*
 * Grid Functions
 * Version: 2.1.0
 */
@include functions;
@include grid;
:root {
  --blockquote_columns: 1fr 1.5fr;
  --blockquote_background: none;
  --blockquote_image_dims: 250px;
  --blockquote_gap: 25px;
}
.wp-block-vs-row {
  display: grid;
  --row_columns: var(--columns);
  --row_gap: var(--gap);
  grid-gap: var(--row_gap);
  grid-template-columns: var(--row_columns);
}
@media (max-width: 768px) {
  .wp-block-vs-row {
    --row_columns: 1fr;
  }
}
.wp-block-vs-column {
  display: flex;
  flex-direction: column;
  position: relative;
}
.wp-block-vs-column {
  display: flex;
  flex-direction: column;
  align-items: var(--child_align_items, var(--parent_justify_content, var(--align_items)));
  justify-content: var(--child_justify_content, var(--parent_align_items, var(--justify_content)));
}
.wp-block-vs-flex-container {
  display: flex;
  flex-flow: var(--flex_direction, row) wrap;
  gap: var(--gap);
  align-items: var(--align_items);
  justify-content: var(--justify_content);
}
.wp-block-vs-flex-child {
  display: flex;
  flex-direction: column;
  --child_width: var(--child_mobile_width, var(--child_tablet_width, var(--width)));
  --child_min_width: var(--child_mobile_min_width, var(--child_tablet_min_width, var(--min_width)));
  --child_max_width: var(--child_mobile_max_width, var(--child_tablet_max_width, var(--max_width)));
  flex-basis: calc(var(--child_width) - var(--gap));
  min-width: var(--child_min_width);
  max-width: var(--child_max_width);
  align-self: var(--child_align_self);
  justify-self: var(--child_justify_self);
  align-items: var(--child_align_items);
  justify-content: var(--child_justify_content);
  position: relative;
}
@container vs-blocks-main-content (max-width: 768px) {
  .wp-block-vs-flex-child {
    --child_mobile_width: calc(100% + var(--gap));
  }
}
@media (max-width: 768px) {
  .wp-block-vs-flex-child {
    --child_mobile_width: calc(100% + var(--gap));
  }
}
.wp-block-vs-spacer {
  --spacer_height: var(--height);
  height: var(--spacer_height);
}
.wp-block-vs-tabcordion > .tab-trigger {
  position: absolute;
  left: -200vw;
  top: -200vh;
  width: 0.1px;
  height: 0.1px;
  z-index: -9999;
  cursor: pointer;
}
.wp-block-vs-tabcordion > .tab-header {
  --transition_property: all;
  --transition_timing_function: ease;
  transition-property: var(--transition_property);
  transition-duration: var(--transition_duration);
  transition-timing-function: var(--transition_timing_function);
  background-color: var(--child_background_color, var(--parent_background_color));
  background-image: var(--child_background_image, --parent_background_image);
  cursor: pointer;
}
.wp-block-vs-tabcordion > .tab-header:hover,
.wp-block-vs-tabcordion > .tab-header:active {
  filter: brightness(120%);
}
.wp-block-vs-tabcordion > .tab-header > .tab-reset {
  display: none;
  opacity: 0;
}
.wp-block-vs-tabcordion > .tab-trigger:checked + .tab-header {
  background-color: var(--child_active_background_color, var(--parent_active_background_color));
  background-image: var(--child_active_background_image, --parent_active_background_image);
}
.wp-block-vs-tabcordion[data-style="accordion"] {
  --default_background_color: rgba(0,0,0,0.2);
  --default_active_background_color: transparent;
  display: grid;
  border: solid 1px rgba(0,0,0,0.2);
  overflow: hidden;
}
.wp-block-vs-tabcordion[data-style="accordion"] > .tab-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: solid 1px rgba(0,0,0,0.2);
  padding: 10px;
  z-index: 1;
  position: relative;
}
.wp-block-vs-tabcordion[data-style="accordion"] > .tab-header::after {
  content: '+';
  margin-left: auto;
  font-size: 30px;
  line-height: 0;
}
.wp-block-vs-tabcordion[data-style="accordion"] > .tab-content {
  transition: all 250ms ease;
  height: 0px;
  overflow: hidden;
  border-bottom: solid 1px rgba(0,0,0,0.2);
  padding: 10px;
  position: relative;
  z-index: -1;
  margin-top: -21px;
  opacity: 0;
}
.wp-block-vs-tabcordion[data-style="accordion"] > .tab-content::before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  top: -1px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  height: 1px;
}
.wp-block-vs-tabcordion[data-style="accordion"] > div:last-of-type {
  border-bottom: none;
  border-top: solid 1px rgba(0,0,0,0.2);
}
.wp-block-vs-tabcordion[data-style="accordion"] > label:last-of-type {
  border: none;
}
.wp-block-vs-tabcordion[data-style="accordion"] > .tab-trigger:checked + .tab-header > .tab-reset {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
}
.wp-block-vs-tabcordion[data-style="accordion"] > .tab-trigger:checked + .tab-header::after {
  content: '\2012';
  font-size: 20px;
}
.wp-block-vs-tabcordion[data-style="accordion"] > .tab-trigger:checked + .tab-header + .tab-content {
  height: auto;
  z-index: auto;
  margin-top: 0;
  opacity: 1;
}
.wp-block-vs-tabcordion[data-style="tab"] {
  --border_color: #f3f3f3;
  --border_width: 1px;
  --tab_gap: 15px;
  --tab_flex: row wrap;
  --tab_header_margin_left: var(--tab_gap);
  --tab_header_content: '';
  --tab_header_padding: 10px var(--tab_gap);
  --tab_content_padding: 10px calc(var(--tab_gap) * 2 + var(--border_width));
  --tab_content_margin_top: 0px;
  --tab_content_border_top: none;
  --tab_content_width: 100%;
  --default_background_color: rgba(0,0,0,0.2);
  --default_active_background_color: transparent;
  display: flex;
  flex-flow: var(--tab_flex);
}
@container vs-blocks-main-content (max-width: 768px) {
  .wp-block-vs-tabcordion[data-style="tab"] {
    --tab_flex: column;
    --tab_header_margin_left: 0px;
    --tab_header_content: unset;
    --tab_header_padding: 10px;
    --tab_content_padding: 10px;
    --tab_content_margin_top: 10px;
    --tab_content_border_top: solid var(--border_width) var(--border_color);
    --tab_content_width: auto;
  }
}
@media (max-width: 768px) {
  .wp-block-vs-tabcordion[data-style="tab"] {
    --tab_flex: column;
    --tab_header_margin_left: 0px;
    --tab_header_content: unset;
    --tab_header_padding: 10px;
    --tab_content_padding: 10px;
    --tab_content_margin_top: 10px;
    --tab_content_border_top: solid var(--border_width) var(--border_color);
    --tab_content_width: auto;
  }
}
.wp-block-vs-tabcordion[data-style="tab"]::after {
  content: '';
  order: 0;
  flex-grow: 1;
  border-bottom: solid var(--border_width) var(--border_color);
}
.wp-block-vs-tabcordion[data-style="tab"] > .tab-header {
  order: 0;
  border: solid var(--border_width) var(--border_color);
  padding: var(--tab_header_padding);
  position: relative;
  margin-left: var(--tab_header_margin_left);
}
.wp-block-vs-tabcordion[data-style="tab"] > .tab-header::before,
.wp-block-vs-tabcordion[data-style="tab"] > .tab-header::after {
  content: var(--tab_header_content);
  position: absolute;
  top: 0;
  bottom: calc(-1 * var(--border_width));
  border-bottom: solid var(--border_width) var(--border_color);
  width: var(--tab_gap);
}
.wp-block-vs-tabcordion[data-style="tab"] > .tab-header::before {
  left: calc(-1 * var(--tab_gap));
}
.wp-block-vs-tabcordion[data-style="tab"] > .tab-header::after {
  right: calc(-1 * var(--tab_gap));
}
.wp-block-vs-tabcordion[data-style="tab"] > .tab-content {
  order: 1;
  display: none;
  width: var(--tab_content_width);
  border: solid var(--border_width) var(--border_color);
  border-top: var(--tab_content_border_top);
  padding: var(--tab_content_padding);
  margin-top: var(--tab_content_margin_top);
}
.wp-block-vs-tabcordion[data-style="tab"] > .tab-trigger:checked + .tab-header {
  border-bottom: solid var(--border_width) transparent;
}
.wp-block-vs-tabcordion[data-style="tab"] > .tab-trigger:checked + .tab-header + .tab-content {
  display: block;
}
[class].no-margin {
  margin: 0;
}
[class].no-margin-bottom {
  margin-bottom: 0;
}
[class].no-margin-top {
  margin-top: 0;
}
[class].no-margin-right {
  margin-right: 0;
}
[class].no-margin-left {
  margin-left: 0;
}
[class].no-margin-x {
  margin-left: 0;
  margin-right: 0;
}
[class].no-margin-y {
  margin-top: 0;
  margin-bottom: 0;
}
[class].no-padding {
  padding: 0;
}
[class].no-padding-bottom {
  padding-bottom: 0;
}
[class].no-padding-top {
  padding-top: 0;
}
[class].no-padding-right {
  padding-right: 0;
}
[class].no-padding-left {
  padding-left: 0;
}
[class].no-padding-x {
  padding-left: 0;
  padding-right: 0;
}
[class].no-padding-y {
  padding-top: 0;
  padding-bottom: 0;
}
.responsive {
  width: 100%;
}
img.is-style-round {
  border-radius: 10px;
}
img.is-style-circle {
  border-radius: 100%;
}
.wp-block-vs-blockquote {
  padding: 40px 0;
  display: grid;
  gap: var(--blockquote_gap);
  grid-template-columns: var(--blockquote_columns);
  justify-content: center;
  align-items: center;
  background: var(--blockquote_background);
}
@container vs-blocks-main-content (max-width: 768px) {
  .wp-block-vs-blockquote {
    --blockquote_columns: 1fr;
  }
}
@media (max-width: 768px) {
  .wp-block-vs-blockquote {
    --blockquote_columns: 1fr;
  }
}
.wp-block-vs-blockquote.is-style-image-on-top {
  --blockquote_columns: 1fr;
}
.wp-block-vs-blockquote blockquote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 5px auto;
  max-width: 800px;
  border: none;
}
@container vs-blocks-main-content (max-width: 768px) {
  .wp-block-vs-blockquote blockquote {
    padding: 10px 25px;
  }
}
@media (max-width: 768px) {
  .wp-block-vs-blockquote blockquote {
    padding: 10px 25px;
  }
}
.wp-block-vs-blockquote blockquote cite {
  text-align: right;
}
.wp-block-vs-blockquote img {
  width: var(--blockquote_image_dims_override, var(--blockquote_image_dims));
  height: var(--blockquote_image_dims_override, var(--blockquote_image_dims));
  margin: 0 auto;
}