@charset "utf-8";

/** 
 * [MASTER STYLESHEET CONTENTS]
 */

/*-------------------------------------------------------------------
[RESET]
---------------------------------------------------------------------*/
@import "reset.css" layer( reset );

/*-------------------------------------------------------------------
[FOUNDATION]
---------------------------------------------------------------------*/
@import "foundation.min.css" layer( foundation );
@import "foundation-icons/foundation-icons.css" layer( foundation );

/*-------------------------------------------------------------------
[MEDIA ELEMENT]
---------------------------------------------------------------------*/
@import "mediaelementplayer.min.css" layer( mediaelement );

/*-------------------------------------------------------------------
[VARIABLES]
---------------------------------------------------------------------*/

/* Colors */
@import "variables/kemosite-wordpress-colours.css" layer( variables );

/* Typography */
@import "variables/kemosite-wordpress-typography.css" layer( variables );

/* Layout */
@import "variables/kemosite-wordpress-layout.css" layer( variables );
@import "variables/kemosite-wordpress-layout-screen.css" layer( variables ) screen;
@import "variables/kemosite-wordpress-layout-print.css" layer( variables ) print;
@import "variables/kemosite-wordpress-layout-speech.css" layer( variables ) speech;

/*-------------------------------------------------------------------
[LAYOUT GRID]
---------------------------------------------------------------------*/

/* [DEFAULTS] */
@import "layout-grid/kemosite-wordpress-layout-grid.css" layer( layout );

/* [SMALLER SCREEN] */
@import "layout-grid/kemosite-wordpress-layout-screen-LT80.css" layer( layout ) screen and ( max-width: 80ch );

/* [MEDIUM SCREEN] */
@import "layout-grid/kemosite-wordpress-layout-screen-80-45-3.css" layer( layout ) screen and ( min-width: 80ch ) and ( max-width: 135ch );

/* [LARGER SCREEN] */
@import "layout-grid/kemosite-wordpress-layout-screen-GT45-3.css" layer( layout ) screen and (min-width: 135ch );

/*-------------------------------------------------------------------
[BLOCKS, ELEMENTS, MODIFIERS]
---------------------------------------------------------------------
# BEM stands for Block Element Modifier, a popular CSS naming convention
# developed by the search engine company Yandex to organize, maintain, and scale
# front-end code.  It divides user interfaces into independent blocks (standalone
# entities like headers or menus), elements (parts of blocks with no standalone
# meaning like menu items), and modifiers (flags that change appearance or
# behavior such as disabled or highlighted).  This methodology uses a strict
# naming structure of block__element–modifier (e.g., .button--primary) to ensure
# code is reusable, readable, and free from naming conflicts.
*/

/* [ENTITIES] */
@import "bem/entity_html.css" layer( bem );
@import "bem/entity_body.css" layer( bem );
@import "bem/entity_h1.css" layer( bem );
@import "bem/entity_h2.css" layer( bem );
@import "bem/entity_h3.css" layer( bem );
@import "bem/entity_h4.css" layer( bem );
@import "bem/entity_h5.css" layer( bem );
@import "bem/entity_h6.css" layer( bem );
@import "bem/entity_table.css" layer( bem );
@import "bem/entity_blockquote.css" layer( bem );
@import "bem/entity_p.css" layer( bem );
@import "bem/entity_li.css" layer( bem );
@import "bem/entity_a.css" layer( bem );
@import "bem/entity_button.css" layer( bem );
@import "bem/entity_label.css" layer( bem );
@import "bem/entity_figcaption.css" layer( bem );
@import "bem/entity_main.css" layer( bem );
@import "bem/entity_footer.css" layer( bem );
@import "bem/entity_time.css" layer( bem );
@import "bem/entity_form.css" layer( bem );
@import "bem/entity_img.css" layer( bem );
@import "bem/entity_figure.css" layer( bem );
@import "bem/entity_canvas.css" layer( bem );
@import "bem/entity_meter.css" layer( bem );
@import "bem/entity_progress.css" layer( bem );

/* [CLASSES] */
@import "bem/class_off-canvas.css" layer( bem );
@import "bem/class_callout.css" layer( bem );
@import "bem/class_card.css" layer( bem );
@import "bem/class_eyebrow.css" layer( bem );
@import "bem/class_accordian.css" layer( bem );
@import "bem/class_rules.css" layer( bem );
@import "bem/class_wp-block-navigation.css" layer( bem );
@import "bem/class_lazy.css" layer( bem );
@import "bem/class_logo.css" layer( bem );
@import "bem/class_tooltip.css" layer( bem );
@import "bem/class_off-canvas-wrapper.css" layer( bem );
@import "bem/class_tag-cloud.css" layer( bem );
@import "bem/class_menu.css" layer( bem );
@import "bem/class_media-object.css" layer( bem );
@import "bem/class_flex-container.css" layer( bem );