@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
/** This themes global styles */
/** Root Font Sizing */
/** Type sets Defines a type grouping that can be looped over and generate utility classes */
/** Grid and Grid Gap */
/** Vertical Gap */
/** Horizontal Gap */
/** Container widths */
/** Global Variables */
/** Label element */
/** Checkbox element */
/** Radio element */
/** Textfield element */
/** No-space Removes the default space, border, and padding place on a component */
/** Grid row Sets row up for the grid */
/** Grid row gutters IF $gutter-horizontal = true: set the sides gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-vertical = true: set the top and bottom gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-horizontal-size & $gutter-vertical-size = wide: large sized space between items IF $gutter-horizontal-size & $gutter-vertical-size = wide-lg: large sized space between items only on the lg breakpoint IF $gutter-horizontal-size & $gutter-vertical-size = narrow: small sized space between items ELSE $gutter-horizontal-size & $gutter-vertical-size = default: regular sized space between items */
/** Grid columns IF = auto: fits the available space ELSE IF = variable: fits the width of it's content ELSE span the amount of columns provided */
/** Grid Spacing Clear Clears first and last grid row margin or padding Declare on column class: @include grid-clear-vertical-spacing(2); Options: • $columns(value = 1 to n) - default = 1 • $property(value = margin or padding) - default = margin, sets to 0 */
/** Grid class generators Generates classes for each column and offset by default and breakpoint */
/** Hide Text Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
/** Hide Element Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
/** Component */
.component-featured-media--layout-grid .component-featured-media__wrapper { padding: 0; }

@media (min-width: 35.5em) { .component-featured-media--layout-grid .component-featured-media__inner { max-width: 50rem; width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; text-align: center; } }

.component-featured-media--layout-grid .component-featured-media__content { margin-top: 2rem; }

@media (min-width: 35.5em) { .component-featured-media--layout-grid .component-featured-media__list-wrapper-container { padding-top: 4.5rem; } }

.component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list > * { margin-bottom: 1rem; margin-top: 1rem; }

@media (min-width: 35.5em) and (max-width: 47.99em) { .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list { margin-right: -1rem; margin-left: -1rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list > * { margin-bottom: 2.5rem; margin-top: 2.5rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list > * { padding-right: 1rem; padding-left: 1rem; } }

@media (min-width: 48em) { .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list { margin-right: -1.5rem; margin-left: -1.5rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list > * { margin-bottom: 2.5rem; margin-top: 2.5rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list > * { padding-right: 1.5rem; padding-left: 1.5rem; } }

.component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list .component-featured-media__list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list .component-featured-media__list-item:first-of-type { margin-top: 0; }

.component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list .component-featured-media__list-item:last-of-type { margin-bottom: 0; }

@media (min-width: 35.5em) { .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list .component-featured-media__list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list .component-featured-media__list-item:nth-of-type(-n+2) { margin-top: 0; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list .component-featured-media__list-item:nth-of-type(2n+1):nth-last-of-type(-n+2), .component-featured-media--layout-grid.component-featured-media--layout-grid-2-col .component-featured-media__list .component-featured-media__list-item:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ * { margin-bottom: 0; } }

.component-featured-media--layout-grid.component-featured-media--layout-grid-2-col.component-featured-media--layout-grid-2-col-portrait .component-featured-media__list-wrapper-container { max-width: 50rem; width: 100%; margin-left: auto !important; margin-right: auto !important; }

.component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list > * { margin-bottom: 1rem; margin-top: 1rem; }

@media (min-width: 35.5em) and (max-width: 47.99em) { .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list { margin-right: -1rem; margin-left: -1rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list > * { margin-bottom: 2.5rem; margin-top: 2.5rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list > * { padding-right: 1rem; padding-left: 1rem; } }

@media (min-width: 48em) { .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list { margin-right: -1.5rem; margin-left: -1.5rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list > * { margin-bottom: 2.5rem; margin-top: 2.5rem; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list > * { padding-right: 1.5rem; padding-left: 1.5rem; } }

.component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list .component-featured-media__list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list .component-featured-media__list-item:first-of-type { margin-top: 0; }

.component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list .component-featured-media__list-item:last-of-type { margin-bottom: 0; }

@media (min-width: 35.5em) { .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list .component-featured-media__list-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list .component-featured-media__list-item:nth-of-type(-n+3) { margin-top: 0; }
  .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list .component-featured-media__list-item:nth-of-type(3n+1):nth-last-of-type(-n+3), .component-featured-media--layout-grid.component-featured-media--layout-grid-3-col .component-featured-media__list .component-featured-media__list-item:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ * { margin-bottom: 0; } }

/*# sourceMappingURL=../../maps/libraries/paragraph/full--featured-media--layout-grid.css.map */