/**
 * Group block styles
 *
 * Block Type: core/group
 */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .wp-block-group[style*="--octopods-group-grid-columns-tablet"] {
    grid-template-columns: repeat(var(--octopods-group-grid-columns-tablet), minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  .wp-block-group[style*="--octopods-group-grid-columns-mobile"] {
    grid-template-columns: repeat(var(--octopods-group-grid-columns-mobile), minmax(0, 1fr)) !important;
  }
}

.wp-block-group[style*="--octopods-group-overlay-color"], .wp-block-group[style*="--octopods-group-overlay-color"] > *, .wp-block-group[style*="--octopods-group-overlay-gradient"], .wp-block-group[style*="--octopods-group-overlay-gradient"] > *, .wp-block-group[style*="--octopods-group-background-image"], .wp-block-group[style*="--octopods-group-background-image"] > * {
  position: relative;
}

.wp-block-group[style*="--octopods-group-overlay-color"] > *, .wp-block-group[style*="--octopods-group-overlay-gradient"] > *, .wp-block-group[style*="--octopods-group-background-image"] > * {
  z-index: 1;
}

.wp-block-group[style*="--octopods-group-overlay-color"]:before, .wp-block-group[style*="--octopods-group-overlay-color"]:after, .wp-block-group[style*="--octopods-group-overlay-gradient"]:before, .wp-block-group[style*="--octopods-group-overlay-gradient"]:after, .wp-block-group[style*="--octopods-group-background-image"]:before, .wp-block-group[style*="--octopods-group-background-image"]:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0 !important;
}

.wp-block-group[style*="--octopods-group-overlay-color"]:after {
  background-color: var(--octopods-group-overlay-color);
}

.wp-block-group[style*="--octopods-group-overlay-gradient"]:after {
  background: var(--octopods-group-overlay-gradient);
}

.wp-block-group[style*="--octopods-group-background-image"]:before {
  background-image: var(--octopods-group-background-image);
}

.wp-block-group[style*="--octopods-group-background-position"]:before {
  background-position: var(--octopods-group-background-position);
}

.wp-block-group[style*="--octopods-group-background-size"]:before {
  background-size: var(--octopods-group-background-size);
}

.wp-block-group[style*="--octopods-group-background-repeat"]:before {
  background-repeat: var(--octopods-group-background-repeat);
}

.wp-block-group[style*="--octopods-group-background-attachment"]:before {
  background-attachment: var(--octopods-group-background-attachment);
}

.wp-block-group[style*="--octopods-group-overflow"] {
  overflow: var(--octopods-group-overflow);
}

.wp-block-group[style*="--octopods-group-z-index"] {
  z-index: var(--octopods-group-z-index);
}

.wp-block-group[style*="--octopods-group-box-shadow"] {
  box-shadow: var(--octopods-group-box-shadow);
}

.wp-block-group[style*="--octopods-group-z-index"] {
  position: relative;
}

.wp-block-group.wp-block-group-is-layout-flex[style*="min-height:100%"], .wp-block-group.wp-block-group-is-layout-flex[style*="min-height: 100%"] {
  height: 100%;
}

.wp-block-group.wp-block-group-is-layout-flex[style*="min-height:100%"] > .wp-block-image,
.wp-block-group.wp-block-group-is-layout-flex[style*="min-height:100%"] > .wp-block-image img,
.wp-block-group.wp-block-group-is-layout-flex[style*="min-height:100%"] > .wp-block-image > .components-resizable-box__container, .wp-block-group.wp-block-group-is-layout-flex[style*="min-height: 100%"] > .wp-block-image,
.wp-block-group.wp-block-group-is-layout-flex[style*="min-height: 100%"] > .wp-block-image img,
.wp-block-group.wp-block-group-is-layout-flex[style*="min-height: 100%"] > .wp-block-image > .components-resizable-box__container {
  height: 100% !important;
}

.wp-block-group.wp-block-group-is-layout-flex[style*="min-height:100%"] > .wp-block-image img, .wp-block-group.wp-block-group-is-layout-flex[style*="min-height: 100%"] > .wp-block-image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-block-group.alignfull.has-global-padding {
  padding-left: var(--wp--style--root--padding-right);
  padding-right: var(--wp--style--root--padding-right);
}