/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/wp-compat.scss ***!
  \**********************************************************************************************************************************************/
/**
 * File:	wp-compat.css
 * Theme:	Flat Blocks
 * 
 * The stylesheet for the Flat Block theme's CUSTOM block styles.
 * 
 * NOTE: This file is AUTO-GENERATED from the SASS source files 
 * in /src/sass/custom-styles.scss. Do not make updates here.
 *
 * TO-DO: Remove this when theme requires WordPress v6.6+.
 * 
 * @package flat-blocks
 * @since 	1.6.4
 */
/*-----------------------------------------------------------------------------
# CUSTOM BLOCK STYLES (for WordPress versions less than 6.6)
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
# Block Styles for Padding
# @since v1.6.6
------------------------------------------------------------------------------*/
/* Override horizontal padding when no global padding */
header.site-header:not(.has-global-padding),
footer.site-footer:not(.has-global-padding),
header.entry-header:not(.has-global-padding):not(.is-style-no-padding),
.wp-block-query:not(.has-global-padding) {
  padding-left: var(--wp--style--root--padding-left, var(--wp--preset--spacing--50)) !important;
  padding-right: var(--wp--style--root--padding-right, var(--wp--preset--spacing--50)) !important;
}

/* FIX to add back horizontal padding */
.has-global-padding > .alignfull:not(.wp-block-post-content, .wp-block-image, .wp-block-columns, .wp-block-buttons, .wp-block-media-text, .is-style-no-padding),
.has-global-padding.alignfull:not(.wp-block-post-content, .wp-block-image, .wp-block-columns, .wp-block-buttons, .wp-block-media-text, .is-style-no-padding) {
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}

/* But REMOVE duplicate padding */
.has-global-padding > .alignfull:where(:not(.has-global-padding)) > :where(.wp-block-image) {
  padding-left: 0;
  padding-right: 0;
}

/*-----------------------------------------------------------------------------
# Block Styles for Borders
# @since v1.6.4
------------------------------------------------------------------------------*/
/* Custom: Rounded Corners */
.is-style-rounded-corners {
  border-radius: var(--wp--custom--border--radius);
  padding: var(--wp--preset--spacing--40);
  overflow: hidden;
}

/* Custom: Rounded Border */
.is-style-rounded-border {
  border: 1px solid var(--wp--custom--color--border);
  border-radius: var(--wp--custom--border--radius);
  padding: var(--wp--preset--spacing--40);
}

.is-style-rounded-border.is-layout-flex {
  overflow: hidden;
}

/* Custom: Thick Rounded Border */
.is-style-thick-rounded-border {
  border: 3px solid var(--wp--custom--color--border);
  border-radius: var(--wp--custom--border--radius);
  padding: var(--wp--preset--spacing--60);
}

is-style-thick-rounded-border.is-layout-flex {
  overflow: hidden;
}

/*-----------------------------------------------------------------------------
# Block Styles for Buttons
# @since v1.6.5
------------------------------------------------------------------------------*/
/* Alternate Button and Outline Style */
.is-style-button-alt.wp-block-button .wp-block-button__link,
.is-style-button-outline-alt.wp-block-button .wp-block-button__link {
  border-radius: 9999px;
}

/* Alternate 2 Button and Outline Style */
.is-style-button-alt-2.wp-block-button .wp-block-button__link,
.is-style-button-outline-alt-2.wp-block-button .wp-block-button__link {
  border-radius: 0;
}

/* Alternate Outline and Outline 2 Button Style */
.is-style-button-outline-alt.wp-block-button .wp-block-button__link,
.is-style-button-outline-alt-2.wp-block-button .wp-block-button__link {
  color: currentColor;
  background-color: transparent;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  padding: calc(var(--wp--preset--spacing--30) - 3px) calc(var(--wp--preset--spacing--40) - 3px);
}

/*-----------------------------------------------------------------------------
# Heading Colors
# @since v1.6.5
------------------------------------------------------------------------------*/
/* If user specifies global heading font colors, don't override on colored backgrounds */
.has-background .wp-block-heading:not(.has-text-color),
.has-background h1:not(.has-text-color),
.has-background h2:not(.has-text-color),
.has-background h3:not(.has-text-color),
.has-background h4:not(.has-text-color),
.has-background h5:not(.has-text-color),
.has-background h6:not(.has-text-color) {
  color: inherit;
}

/*-----------------------------------------------------------------------------
# Block Styles for Images
# @since v1.8
------------------------------------------------------------------------------*/
/* Image Round w/Border */
.wp-block-image.is-style-image-round-border img {
  border: 1px solid var(--wp--custom--color--border);
}

/* Image Computer Screen */
.wp-block-image.is-style-image-computer-screen img {
  border: var(--wp--preset--spacing--60) solid var(--wp--preset--color--almost-black);
  border-radius: var(--wp--preset--spacing--40);
  border-bottom: var(--wp--preset--spacing--30) solid var(--wp--preset--color--almost-black);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Image Phone/Tablet Screen */
.wp-block-image.is-style-image-tablet-phone-screen img {
  border: var(--wp--preset--spacing--50) solid var(--wp--preset--color--almost-black);
  border-radius: var(--wp--preset--spacing--40);
}

/*-----------------------------------------------------------------------------
# Block Styles for Separators
# @since v1.6.8
------------------------------------------------------------------------------*/
.wp-block-separator.is-style-thick {
  border-style: solid;
  border-width: 0 0 3px;
}

.wp-block-separator.is-style-thick-wide {
  border-style: solid;
  border-width: 0 0 3px;
  width: 100%;
}