/*!*************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*************************************************************************************************************************************************/
/**
 * 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;
}

/*-----------------------------------------------------------------------------
# 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));
}

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

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

/*-----------------------------------------------------------------------------
# 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 media & text and 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 */
ul.is-style-list-checkmarks,
ol.is-style-list-checkmarks {
  list-style: none;
}

ul.is-style-list-checkmarks > li,
ol.is-style-list-checkmarks > li {
  position: relative;
}

/* dashicons-saved */
ul.is-style-list-checkmarks > li:before,
ol.is-style-list-checkmarks > li:before {
  font-family: dashicons;
  content: "\f15e";
  position: absolute;
  left: calc(-8px - 1em);
  top: 0.14285714em;
  text-align: center;
  transition: color 0.1s ease-in;
}

.rtl ul.is-style-list-checkmarks > li:before,
.rtl ol.is-style-list-checkmarks > li:before {
  left: 0;
  right: calc(-8px - 1em);
}

/* 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 and latest posts grid
 */
@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
-----------------------------------------------------------------------------*/
/* dashicons-admin-users */
.wp-block-post-author:before {
  font-family: dashicons;
  content: "\f110";
  margin-right: var(--wp--preset--spacing--20);
}

.rtl .wp-block-post-author:before {
  padding-right: 0;
  margin-right: 0;
  margin-left: var(--wp--preset--spacing--20);
}

.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 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);
}

.rtl .wp-block-post-comments-count:before {
  padding-right: 0;
  margin-right: 0;
  margin-left: 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 Comments Form
-----------------------------------------------------------------------------*/
/* Set medium font weight on comment form labels */
.wp-block-post-comments-form label {
  font-weight: var(--wp--custom--typography--font-weight--medium);
}

/* Override no-shadow if our custom shadow default is set */
.wp-block-post-comments-form input[type=submit].wp-element-button {
  box-shadow: var(--wp--custom--shadow--default);
}

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

.rtl .wp-block-post-date:before {
  padding-right: 0;
  margin-right: 0;
  margin-left: var(--wp--preset--spacing--20);
}

/*-----------------------------------------------------------------------------
# Post Excerpt: Custom
-----------------------------------------------------------------------------*/
/* HIDE read more text and link */
.wp-block-post-excerpt.is-style-no-readmore > .wp-block-post-excerpt__more-text {
  display: none;
}

.wp-block-post-excerpt.is-style-no-readmore > p {
  margin-bottom: 0;
}

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

/* 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:before {
  padding-right: 0;
  margin-right: 0;
  margin-left: var(--wp--preset--spacing--20);
}

/* 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);
}

/*-----------------------------------------------------------------------------
# Query: Custom
-----------------------------------------------------------------------------*/
.wp-block-query.is-style-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.wp-block-query.is-style-no-padding:not(.has-global-padding) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*-----------------------------------------------------------------------------
# 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: var(--wp--custom--color--highlight, var(--wp--preset--color--highlight));
}

/*-----------------------------------------------------------------------------
# Social Links (Icons)
-----------------------------------------------------------------------------*/
/* Set some defaults. These are needed 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);
}