/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./lib/custom-blocks/posts-list/block.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/**********************************************************************************************************************/
/*#region Brand/Theme Colours */
/* NOTE: make sure to update the theme colors in /config/appearance.php to match these values. */
/**********************************************************************************************************************/
/* semantic variables for more intuitive coding */
/* AODA Colours */
/*#endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*#region Font */
/**********************************************************************************************************************/
/*#endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*#region Breakpoints */
/**********************************************************************************************************************/
/* XS Mobile (max width) */
/* Mobile (min width) */
/* Mobile (max width) */
/* Tablets (min width) */
/* Tablets (max width) */
/* Small Desktop  (min width) */
/* Small Desktop (max width) */
/* Large Desktop (min width) - THIS IS THE DEFAULT STYLES */
/* Extra Large Desktop Breakpoint where we need to start either scaling things up or locking things down */
/* 4K TV and up */
/*#endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*#region CONTAINERS + GLOBAL PADDING */
/**********************************************************************************************************************/
/* Containers */
/* Container Padding */
/*#endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*#region Whitespace */
/**********************************************************************************************************************/
/* Whitespace */
/*#endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*#region Misc */
/**********************************************************************************************************************/
/* Padding */
/* Border Styles */
/* Hamburger */
/* Transitions */
/*#endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*#region Genesis-specific Variables (legacy) */
/**********************************************************************************************************************/
/*#endregion */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/*#region BUTTON STYLES */
/**********************************************************************************************************************/
/*
 * Style-specific overrides for the button() mixin below. Most variants only need to override the
 * CSS custom properties set by the base styles in button() (see below). A few variants ("outline",
 * "thick-underline") differ enough from the base look that they still set real properties directly -
 * that's fine, they just won't benefit from the CSS variable reuse.
 */
/*#endregion */
/**********************************************************************************************************************/
/*#region GRID MIXINS */
/*#endregion*/
/* ### REM FALLBACK ### */
/* used to UNDO content list styles (bullets, etc) - this should unset any styles that are applied to content links */
/*---------------   
--Mixin: overlay
----------------- */
/* Old Font Size Function
@mixin font-size($sizeValue, $line: 1.5){
  font-size: ($sizeValue) + px;
  line-height: ($line * $sizeValue) + px;
  font-size: ($sizeValue / 10) *.625 + rem;
  line-height: (($line * $sizeValue) / 10) *.625 + rem;
}
*/
/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

@include fluid-type($min_width, $max_width, $min_font, $max_font);

*/
/****************************************************************************************************/
/* #region Whitespace  */
/* You shouldn't ever need to use this directly - it's just used to generate our whitespace classes */
/* based on: https://styleguide.pivotal.io/modifiers/whitespace/#classes */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/****************************************************************************************************/
/* #region Misc */
/****************************************************************************************************/
/* screen-reader only content (hide visually) */
/* shared outline styles for focus */
/* #endregion */
/****************************************************************************************************/
/**********************************************************************************************************************/
/*#region Misc */
/**********************************************************************************************************************/
/*#endregion */
/**********************************************************************************************************************/
/* <ul> Unordered Lists */
/* <ol> Ordered Lists */
/* Force text to wrap with hyphen if to long (example long email) */
/* used to UNDO content list styles (bullets, etc) */
/****************************************************************************************************/
/* #region Padding + Offset */
/****************************************************************************************************/
/* #endregion */
/****************************************************************************************************/
/**********************************************************************************************************************/
/*#region Misc */
/**********************************************************************************************************************/
/*#endregion */
/**********************************************************************************************************************/
/**
 * This is the place for styles that we need on ALL of our custom blocks.
 */
.wp-block ul.grid {
  list-style: none;
}
.wp-block ul.grid li {
  list-style: none;
}

/* block styles */
.wp-block-cf-latest-posts .grid.featured-list {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  margin: 0 -0.5rem;
  flex-wrap: wrap;
  list-style: none;
}
.wp-block-cf-latest-posts .grid.featured-list > .col {
  flex: 0 0 auto;
  /*order: 0;*/
  width: initial;
  max-width: 100%;
  margin: 0 0.5rem;
  vertical-align: top;
  /*width: calc((1 / 4) * 100% - 1rem);*/
  flex-basis: calc((1 / 4) * 100% - 0.01% - 1rem);
}

/* editor-only adjustments */
.block-editor-page .wp-block-cf-latest-posts {
  pointer-events: none !important;
}

/*# sourceMappingURL=block.css.map*/