@charset "UTF-8";

// Importing the entire kitchen sink guarantees that all of our specimens
// will render correctly when Panther compiles this file and the resulting
// CSS is pulled into the dynamically-generated static website. When
// implementing patterns in your own project (i.e. PageBuilder), you'll
// probably want to be more selective and only import the files that you need.

@import "settings.breakpoints";
@import "settings.colors";
@import "settings.font-faces";
@import "settings.fonts";
@import "settings.vars";
@import "settings.z-index";

// Everything in the mixins folder belongs to
// the "tools" layer of the ITCSS pyramid
@import "mixins/bundle";

@import "generic.vendor.normalize";
@import "generic.box-sizing";
@import "generic.font-names";

@import "base.page";
@import "base.focus";

@import "objects.article-asf";
@import "objects.author-feed";
@import "objects.disclaimers";
@import "objects.financial-search";
@import "objects.footer-tiers";
@import "objects.labels";
@import "objects.media";
@import "objects.member-feature";
@import "objects.member-feature-community";
@import "objects.member-feature-exclusive-content";
@import "objects.member-feature-experiences";
@import "objects.member-feature-online-tools";
@import "objects.member-feature-other-ways";
@import "objects.member-feature-photo-archive";
@import "objects.member-feature-promo-grid";
@import "objects.menu";
@import "objects.package-feed";
@import "objects.panels";
@import "objects.primary-header";
@import "objects.related-articles";
@import "objects.review";
@import "objects.scroll-menu-container";
@import "objects.search-box-container";
@import "objects.sub-pencil";

/****
TODO: refactor these files as follows:
1. "objects.section-card" and "objects.homepage-card" will be consolidated into "objects.card"
2. "objects.card-[type]" files will be imported after "objects.card" and will depend on it
3. "objects.section-package" and "objects.homepage-package" will be consolidated into "objects.package"
4. "objects.package-[type]" files will be imported after "objects.package" and will depend on it
See: https://github.com/globeandmail/pagebuilder/wiki/Why-we-need-to-rebuild-the-Packages-from-scratch
****/
@import "objects.card";
@import "objects.card-appointment"; // Depends on "objects.card"
@import "objects.card-complete-profile";
@import "objects.card-event"; // Depends on "objects.card"
@import "objects.card-promo"; // Depends on "objects.card"
@import "objects.section-card";
@import "objects.section-package";
@import "objects.homepage-card"; // Depends on "objects.section-card"
@import "objects.homepage-package"; // Depends on "objects.section-package"

// The following package types depend on the above "card" and "package" files
@import "objects.package-single-section";
@import "objects.package-single-story";
@import "objects.package-single-topic";
@import "objects.package-story-list";
@import "objects.package-two-big";
@import "objects.package-within-group";

@import "components.accordion";
@import "components.ad";
@import "components.app-downloads";
@import "components.article-actions";
@import "components.article-body";
@import "components.article-comments";
@import "components.article-correction";
@import "components.article-dek";
@import "components.article-disclaimer";
@import "components.article-interstitial";
@import "components.article-link";
@import "components.article-list";
@import "components.article-media";
@import "components.article-meta";
@import "components.article-photo-slider";
@import "components.article-table";
@import "components.article-quotes";
@import "components.beat";
@import "components.breadcrumb";
@import "components.button";
@import "components.byline";
@import "components.comment-bubble";
@import "components.controls";
@import "components.creditline";
@import "components.error-404";
@import "components.follow-authors";
@import "components.footer";
@import "components.form";
@import "components.footer-accordion";
@import "components.fundata-reports";
@import "components.header";

// The following files depend on the above "components.header" file
@import "components.header-home";
@import "components.header-section";
@import "components.header-article";

@import "components.image";
@import "components.indicator-icon";
@import "components.interactive-label";
@import "components.jump-box";
@import "components.label";
@import "components.login-subscribe-buttons";
@import "components.market-ticker";
@import "components.micro-text";
@import "components.modal-dialog";
@import "components.piano-overlay";
@import "components.placeline";
@import "components.primary-title";
@import "components.read-time";
@import "components.recipe";
@import "components.review";
@import "components.scroll-menu";
@import "components.search-box";
@import "components.search-pager";
@import "components.search-table";
@import "components.share-tools";
@import "components.skip-link";
@import "components.social-sharetool";
@import "components.spinner";
@import "components.sponsored-content";
@import "components.static-page";
@import "components.subtitles";
@import "components.text-resizer";
@import "components.timestamp";
@import "components.utility-body";
@import "components.video-player";
@import "components.modal-manager";
@import "components.financial-modal";

// Putting this ADV file out of alphabetical order so it
// overwrites the styles applied above if neccessary
@import "components.adv";

@import "trumps.bleed";
@import "trumps.clearfix";
@import "trumps.hidden";
@import "trumps.no-scroll";
@import "trumps.no-wrap";
@import "trumps.roofless";
@import "trumps.spaces";
@import "trumps.truncated";
@import "trumps.visually-hidden";
