/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/block-styles.scss ***!
  \*************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * File:	block-styles.css
 * Theme:	Flat Blocks
 * 
 * The stylesheet for the Flat Block theme's block styles
 *
 * NOTE: This file is AUTO-GENERATED from the SASS source files 
 * in /src/sass/block-styles.scss. Do not make updates here.
 * 
 * @package flat-blocks
 * @since 	1.6.4
 */
/*-----------------------------------------------------------------------------
# ADDITIONAL BLOCK STYLES
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
# Calendar
-----------------------------------------------------------------------------*/
.wp-block-calendar table:not(.has-background) th {
  background-color: var(--wp--preset--color--neutral);
}

.wp-block-calendar table:where(:not(.has-text-color)),
.wp-block-calendar table th:not(.has-text-color) {
  color: var(--wp--preset--color--contrast);
}

.wp-calendar-nav a {
  text-decoration: none;
}

/*-----------------------------------------------------------------------------
# Columns and Column
-----------------------------------------------------------------------------*/
/* Padding for colored backgrounds on columns and individual column */
.wp-block-columns.has-background {
  padding: var(--wp--preset--spacing--60);
}

.wp-block-column.has-background {
  padding: var(--wp--preset--spacing--40);
}

/* 
 * Note: Breakpoint of 781 is what is hard-coded in WordPress 
 * v6.0+ to collapse columns
 */
@media only screen and (max-width: 781px) {
  /* If no global padding, then set colored columns like colored groups */
  .wp-block-columns.has-background,
  .wp-block-column.has-background {
    padding-left: calc(2 * var(--wp--style--block-gap));
    padding-right: calc(2 * var(--wp--style--block-gap));
  }
  /* If global padding, then OVERRIDE horizontal padding on mobile */
  .has-global-padding .wp-block-columns.has-background,
  .has-global-padding .wp-block-column.has-background {
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-right: var(--wp--style--root--padding-right) !important;
  }
}
/*-----------------------------------------------------------------------------
# Columns and Column: Custom
-----------------------------------------------------------------------------*/
.wp-block-columns.is-style-no-gap,
.wp-block-columns.is-style-no-gap .wp-block-column:not(.has-background),
.wp-block-columns.is-style-no-gap.has-background:not(.has-global-padding) {
  gap: 0 !important;
  padding: 0 !important;
}

/* Columns thick gap */
.wp-block-columns.is-style-thick-gap,
.wp-block-columns.is-style-thick-gap.has-background {
  gap: calc(2 * var(--wp--style--block-gap));
}

/* Column no padding */
.wp-block-column.is-style-no-padding {
  padding: 0;
}

/* Handle when columns collapse on mobile */
/* Breakpoint of 781 is what is hard-coded in WordPress v6.0+ to collapse columns */
@media only screen and (max-width: 781px) {
  /* Reduce row (vertical gap) when collapsing centered columns */
  .wp-block-columns.is-style-center-on-mobile {
    row-gap: var(--wp--preset--spacing--30);
  }
  /* Center left and right aligned text */
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) > *,
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) > .wp-block-template-part > * {
    display: flex;
    justify-content: center;
    --navigation-layout-justify: center;
    text-align: center;
  }
  /* OVERRIDE columns thick gap so vertical spacing matches up */
  .wp-block-columns.is-style-thick-gap,
  .wp-block-columns.is-style-thick-gap.has-background {
    gap: var(--wp--style--block-gap);
  }
}
/*-----------------------------------------------------------------------------
# Comments
-----------------------------------------------------------------------------*/
/* Reduce top margin on "Leave a Reply" */
.comment-reply-title {
  margin-top: 0;
}

/* Match our bottom margin */
#post-comments {
  margin-bottom: var(--wp--style--block-gap);
}

/* Hide empty comments so no extra vertical margin */
#post-comments:empty {
  display: none;
  margin-top: 0;
}

/* Add padding to comment page numbers */
.wp-block-comments-pagination .page-numbers:nth-last-child(n+2) {
  padding-right: var(--wp--preset--spacing--30);
}

/* If not global padding on comments, then add some on mobile
 *
 * Note: Breakpoint of 781 is what is hard-coded in WordPress 
 * v6.0+ to collapse columns
 */
@media only screen and (max-width: 781px) {
  .post-comments:not(.has-global-padding) {
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-right: var(--wp--style--root--padding-right) !important;
  }
}
/*-----------------------------------------------------------------------------
# Details
-----------------------------------------------------------------------------*/
/* Closed Summary will have primary font color */
.wp-block-details:not(.has-text-color) > summary {
  color: var(--wp--custom--color--highlight, var(--wp--preset--color--highlight));
  font-weight: var(--wp--custom--typography--font-weight--medium);
  transition: color var(--wp--custom--animation--duration--medium, 500ms) var(--wp--custom--animation--timing-function, ease-in);
}

/* Highlight Summary on hover and when open */
.wp-block-details:not(.has-text-color) > summary:hover,
.wp-block-details:not(.has-text-color)[open] > summary {
  color: var(--wp--custom--color--highlight, var(--wp--preset--color--highlight-alt));
}

/*-----------------------------------------------------------------------------
# Gallery: Custom
-----------------------------------------------------------------------------*/
.wp-block-gallery.is-style-image-border .wp-block-image:not(.is-style-image-round-border):not(.is-style-image-computer-screen):not(.is-style-image-tablet-phone-screen) img {
  padding: var(--wp--preset--spacing--20);
}
.wp-block-gallery.is-style-image-border.has-nested-images figure.wp-block-image:not(.is-style-rounded):not(.is-style-image-round-border):not(.is-style-image-computer-screen):not(.is-style-image-tablet-phone-screen):has(figcaption):before, .wp-block-gallery.is-style-image-border.has-nested-images figure.wp-block-image:not(.is-style-rounded):not(.is-style-image-round-border):not(.is-style-image-computer-screen):not(.is-style-image-tablet-phone-screen) figcaption {
  bottom: calc(1px + var(--wp--preset--spacing--20));
  left: calc(1px + var(--wp--preset--spacing--20));
  padding: calc(1px + var(--wp--preset--spacing--20)) 0;
  width: calc(100% - 2 * (1px + var(--wp--preset--spacing--20)));
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-image-round-border:before {
  content: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-image-round-border figcaption {
  background: none;
  color: inherit;
  flex: initial;
  margin: 0;
  padding: 10px 10px 9px;
  position: relative;
  text-shadow: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-image-computer-screen:has(figcaption):before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-image-computer-screen figcaption {
  left: var(--wp--preset--spacing--60);
  width: calc(100% - 2 * var(--wp--preset--spacing--60));
}

.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-image-tablet-phone-screen:has(figcaption):before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-image-tablet-phone-screen figcaption {
  left: var(--wp--preset--spacing--50);
  padding: var(--wp--preset--spacing--20) 0;
  width: calc(100% - 2 * var(--wp--preset--spacing--50));
}

/*-----------------------------------------------------------------------------
# Heading
-----------------------------------------------------------------------------*/
/* Match our padding on headings with backgrounds */
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  padding: var(--wp--preset--spacing--40);
}

/*-----------------------------------------------------------------------------
# Image
-----------------------------------------------------------------------------*/
/* Prevent figures (images, tables) with hard-coded dimensions from breaking the 
 * layout. Note the figure line is for older block editor markup. 
 */
figure.wp-caption:not(.alignfull):not(.alignwide),
figure.wp-caption:not(.alignfull):not(.alignwide) img {
  max-width: min(100%, var(--wp--style--global--content-size)) !important;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* FIX rounded images when global image style has a border radius */
.wp-block-image .is-style-rounded img,
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img,
.is-style-image-round-border img {
  border-radius: 9999px !important;
}

/*-----------------------------------------------------------------------------
# Image: Custom
-----------------------------------------------------------------------------*/
/* Image Border */
.wp-block-image.is-style-image-border img {
  padding: var(--wp--preset--spacing--20);
}

/* Image Round w/Border */
.wp-block-image.is-style-image-round-border img {
  padding: var(--wp--preset--spacing--20);
}

/*-----------------------------------------------------------------------------
# Latest Comments
-----------------------------------------------------------------------------*/
/* 
 * Set default latest comments to match latest posts, which has 
 * no bullets or indent 
 */
.wp-block-latest-comments {
  list-style: none;
}

.wp-block-latest-comments__comment {
  margin-bottom: 0;
}

/* Add some padding to plain posts list */
.wp-block-latest-comments li {
  margin-bottom: var(--wp--preset--spacing--30);
}

/*-----------------------------------------------------------------------------
# Latest Comments: Custom
-----------------------------------------------------------------------------*/
/* Default latest comments style to no bullets */
.wp-block-latest-comments:not(.is-style-bullets) {
  padding-left: 0;
  padding-inline-start: 0;
}

/* Front-end Add bullets and padding */
.wp-block-latest-comments.is-style-bullets:not(.has-avatars) {
  padding-left: 2em;
}

.wp-block-latest-comments.is-style-bullets {
  list-style: disc;
}

.wp-block-latest-comments.is-style-bullets li {
  list-style: disc;
  margin-bottom: 0;
}

.wp-block-latest-comments.is-style-bullets.has-avatars .wp-block-latest-comments__comment {
  list-style-position: inside;
}

/*-----------------------------------------------------------------------------
# Latest Posts
-----------------------------------------------------------------------------*/
/* Increase post title size */
.wp-block-latest-posts.is-grid .wp-block-latest-posts__post-title {
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.1;
}

/* Set post thumbnails to match blog */
.wp-block-latest-posts__featured-image img {
  border-radius: var(--wp--custom--border--radius);
  border: 1px solid var(--wp--custom--color--border);
  padding: var(--wp--preset--spacing--20);
  box-shadow: var(--wp--custom--shadow--default);
}

.wp-block-latest-posts__featured-image img {
  border-radius: var(--wp--custom--border--radius);
}

.wp-block-latest-posts__featured-image.aligncenter {
  margin-bottom: var(--wp--preset--spacing--30);
}

/* Add some padding to plain posts list */
.wp-block-latest-posts:not(.is-grid) li {
  margin-bottom: var(--wp--preset--spacing--30);
}

/* Remove extra bottom padding on posts grid */
.wp-block-latest-posts.is-grid li {
  margin-bottom: 0;
}

/* Override horizontal padding on mobile 
 *
 * Note: Breakpoint of 601 is what is hard-coded in WordPress v6.0+
 * to collapse the latest posts grid 
 */
@media only screen and (max-width: 601px) {
  .wp-block-latest-posts.is-grid li {
    margin-right: 0;
  }
}
/*-----------------------------------------------------------------------------
# Latest Posts: Custom
-----------------------------------------------------------------------------*/
/* Bullets */
.wp-block-latest-posts.is-style-bullets.wp-block-latest-posts__list:not(.is-grid) {
  list-style: disc;
  padding-left: 2em;
}

.wp-block-latest-posts.is-style-bullets:not(.is-grid) li {
  list-style: disc;
  overflow: visible;
  margin-bottom: 0;
}

/*-----------------------------------------------------------------------------
# List: Custom
-----------------------------------------------------------------------------*/
/* Checkmarks */
.is-style-list-checkmarks {
  list-style-type: "✓ ";
}

.rtl .is-style-list-checkmarks {
  list-style-type: " ✓";
}

/* Plain */
ul.is-style-list-plain,
ul.is-style-list-plain ul,
ol.is-style-list-plain ol,
ol.is-style-list-plain {
  list-style: none;
  padding-left: 0;
}

ul.is-style-list-plain li,
ol.is-style-list-plain li {
  margin-bottom: var(--wp--preset--spacing--30);
}

ul.is-style-list-plain:not(.has-background),
ol.is-style-list-plain:not(.has-background) {
  margin-left: 0;
}

ul.is-style-list-plain:not(.has-background) li,
ol.is-style-list-plain:not(.has-background) li {
  margin-left: 0;
}

ul.is-style-list-plain:not(.has-background) li ul li,
ol.is-style-list-plain:not(.has-background) li ul li {
  padding-left: var(--wp--preset--spacing--40);
}

/* Plain Centered */
ul.is-style-list-plain-centered,
ul.is-style-list-plain-centered ul,
ol.is-style-list-plain-centered,
ol.is-style-list-plain-centered ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
}

ul.is-style-list-plain-centered li,
ol.is-style-list-plain-centered li {
  margin-left: 0;
}

/*-----------------------------------------------------------------------------
# Media & Text
-----------------------------------------------------------------------------*/
/* Match our padding */
.wp-block-media-text .wp-block-media-text__content:not(.is-style-no-padding) {
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
}

/* Override horizontal padding on mobile 
 *
 * Note: Breakpoint of 601 is what is hard-coded in WordPress v6.0+
 * to collapse media & text
 */
@media only screen and (max-width: 601px) {
  .wp-block-media-text.is-stacked-on-mobile:not(.has-background) .wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
  }
}
/*-----------------------------------------------------------------------------
# Media & Text: Custom
-----------------------------------------------------------------------------*/
/* No Padding */
.wp-block-media-text.is-style-no-padding .wp-block-media-text__content {
  padding: 0;
}

/*-----------------------------------------------------------------------------
# Post Author
-----------------------------------------------------------------------------*/
.wp-block-post-author__name {
  margin-bottom: 0;
}

.wp-block-post-author__avatar {
  margin-right: var(--wp--style--block-gap);
}

.wp-block-post-author__avatar img {
  border-radius: 50%;
  margin: 0;
}

.wp-block-post-author__bio {
  font-size: var(--wp--preset--font-size--normal);
  margin-top: var(--wp--style--block-gap);
  margin-bottom: var(--wp--style--block-gap);
}

/*-----------------------------------------------------------------------------
# Post Author Name
-----------------------------------------------------------------------------*/
/* dashicons-admin-users */
.wp-block-post-author-name:before {
  font-family: dashicons;
  content: "\f110";
  margin-right: var(--wp--preset--spacing--20);
}

.rtl .wp-block-post-author-name:after {
  font-family: dashicons;
  content: "\f110";
  margin-right: var(--wp--preset--spacing--20);
}

.rtl .wp-block-post-author-name:before {
  display: none;
}

/*-----------------------------------------------------------------------------
# Post Comments Count (Only w/Gutenberg Plugin)
-----------------------------------------------------------------------------*/
/* dashicons-admin-comments for comments count */
.wp-block-post-comments-count:before {
  font-family: dashicons;
  content: "\f101";
  margin-right: var(--wp--preset--spacing--20);
}

/* 
 * Add word "comment(s)" after post comment count. Note this is 
 * only available with the Gutenberg plugin. 
 */
.wp-block-post-comments-count:after {
  content: " comment(s)";
}

/*-----------------------------------------------------------------------------
# Post Date
-----------------------------------------------------------------------------*/
/* dashicons-calendar-alt */
.wp-block-post-date:before {
  font-family: dashicons;
  content: "\f508";
  margin-right: var(--wp--preset--spacing--20);
}

/*-----------------------------------------------------------------------------
# Post Excerpt
-----------------------------------------------------------------------------*/
.wp-block-post-excerpt > .wp-block-post-excerpt__excerpt {
  margin-bottom: 0;
}

/*-----------------------------------------------------------------------------
# Post Excerpt: Custom
-----------------------------------------------------------------------------*/
/* No Read More link */
.wp-block-post-excerpt.is-style-no-readmore > .wp-block-post-excerpt__more-text {
  display: none;
}

/*-----------------------------------------------------------------------------
# Post Featured Image
-----------------------------------------------------------------------------*/
.wp-block-post-featured-image img {
  padding: var(--wp--preset--spacing--20);
  box-shadow: var(--wp--custom--shadow--default);
}

/*-----------------------------------------------------------------------------
# Custom: Post Featured Image
-----------------------------------------------------------------------------*/
/* Featured Image no border */
.is-style-image-no-border img {
  border: none;
  border-radius: 0;
  padding: 0;
}

/*-----------------------------------------------------------------------------
# Post Terms:
-----------------------------------------------------------------------------*/
/* dashicons-tag */
.wp-block-post-terms.taxonomy-category:before {
  font-family: dashicons;
  content: "\f318";
  margin-right: var(--wp--preset--spacing--20);
}

.rtl .wp-block-post-terms.taxonomy-category:after {
  font-family: dashicons;
  content: "\f318";
  margin-right: var(--wp--preset--spacing--20);
}

.rtl .wp-block-post-terms.taxonomy-category:before {
  display: none;
}

/* dashicons-category */
.wp-block-post-terms.taxonomy-post_tag:before {
  font-family: dashicons;
  content: "\f323";
  margin-right: var(--wp--preset--spacing--20);
}

.rtl .wp-block-post-terms.taxonomy-post_tag:after {
  font-family: dashicons;
  content: "\f323";
  margin-right: var(--wp--preset--spacing--20);
}

.rtl .wp-block-post-terms.taxonomy-post_tag:before {
  display: none;
}

/* Remove bottom margin on Category and Tag descriptions */
.wp-block-term-description p {
  margin-block-start: 0;
  margin-block-end: 0;
}

/*-----------------------------------------------------------------------------
# Query Pagination
-----------------------------------------------------------------------------*/
.wp-block-query-pagination-numbers .page-numbers:nth-last-child(n+2) {
  padding-right: var(--wp--preset--spacing--30);
}

/*-----------------------------------------------------------------------------
# Separator
-----------------------------------------------------------------------------*/
/* Default separator width */
.wp-block-separator:not(.is-style-wide, .is-style-dots, .is-style-thick-wide) {
  width: calc(1.5 * var(--wp--preset--spacing--80));
}

/* Override our short separator width for wide and dotted separators */
.wp-block-separator.is-style-wide,
.wp-block-separator.is-style-dots {
  width: 100% !important;
}

/* FIX to center default (narrow) separator when user selects alignfull */
.wp-block-separator.alignfull {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FIX for theme setting colors on separators. Use only the background color. */
.wp-block-separator:not(.is-style-dots) {
  color: transparent;
}

/* Default separator color when on colored background */
.has-background .wp-block-separator:not(.has-background) {
  color: inherit;
}

/*-----------------------------------------------------------------------------
# Social Links (Icons)
-----------------------------------------------------------------------------*/
/* Match our margins */
.wp-block-social-links {
  margin-block-start: var(--wp--preset--spacing--40);
  margin-block-end: var(--wp--preset--spacing--40);
}

/* FIX for WordPres.org theme preview */
.wp-block-social-links {
  display: flex;
  gap: var(--wp--style--block-gap);
}

/* Adjust icon sizes */
.wp-block-social-links.has-small-icon-size {
  font-size: var(--wp--preset--font-size--medium);
}

.wp-block-social-links.has-normal-icon-size {
  font-size: var(--wp--preset--font-size--large);
}

/* Adjust animation on social icons to better match our other animation */
.wp-block-social-link {
  transition: transform var(--wp--custom--animation--duration--medium, 500ms) ease-in-out;
}

/*-----------------------------------------------------------------------------
# Table
-----------------------------------------------------------------------------*/
/* Allow tables to scroll on mobile */
.wp-block-table {
  overflow-x: scroll;
}

/* On striped tables, alternate our neutral and neutral-alt colors */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--wp--preset--color--light-gray);
  color: var(--wp--preset--color--almost-black);
}