@forward "../../components/ontario-textarea/ontario-textarea.scss";
@forward "../../components/ontario-task-list/ontario-task-list.scss";
@forward "../../components/ontario-task/ontario-task.scss";
@forward "../../components/ontario-table/ontario-table.scss";
@forward "../../components/ontario-step-indicator/ontario-step-indicator.scss";
@forward "../../components/ontario-search-box/ontario-search-box.scss";
@forward "../../components/ontario-radio-buttons/ontario-radio-buttons.scss";
@forward "../../components/ontario-page-alert/ontario-page-alert.scss";
@forward "../../components/ontario-loading-indicator/ontario-loading-indicator.scss";
@forward "../../components/ontario-language-toggle/ontario-language-toggle.scss";
@forward "../../components/ontario-input/ontario-input.scss";
@forward "../../components/ontario-icon/ontario-icon.scss";
@forward "../../components/ontario-hint-text/ontario-hint-text.scss";
@forward "../../components/ontario-hint-expander/ontario-hint-expander.scss";
@forward "../../components/ontario-header-overflow-menu/ontario-header-overflow-menu.scss";
@forward "../../components/ontario-header-menu-tabs/ontario-header-menu-tabs.scss";
@forward "../../components/ontario-header/service-ontario-header.scss";
@forward "../../components/ontario-header/ontario-header.scss";
@forward "../../components/ontario-header/ontario-application-header.scss";
@forward "../../components/ontario-form-container/ontario-form-container.scss";
@forward "../../components/ontario-footer/ontario-footer.scss";
@forward "../../components/ontario-fieldset/ontario-fieldset.scss";
@forward "../../components/ontario-date-input/ontario-date-input.scss";
@forward "../../components/ontario-dropdown-list/ontario-dropdown-list.scss";
@forward "../../components/ontario-critical-alert/ontario-critical-alert.scss";
@forward "../../components/ontario-checkbox/ontario-checkboxes.scss";
@forward "../../components/ontario-card-collection/ontario-card-collection.scss";
@forward "../../components/ontario-card/ontario-card.scss";
@forward "../../components/ontario-callout/ontario-callout.scss";
@forward "../../components/ontario-button/ontario-button.scss";
@forward "../../components/ontario-blockquote/ontario-blockquote.scss";
@forward "../../components/ontario-badge/ontario-badge.scss";
@forward "../../components/ontario-back-to-top/ontario-back-to-top.scss";
@forward "../../components/ontario-aside/ontario-aside.scss";
@forward "../../components/ontario-accordion/ontario-accordion.scss";

$asset-path: '../../..';

/**
    These styles are to fix issues with the missing assets/conflicting issues from the web component styles. 
**/
.ontario-dropdown {
	background-image: url(#{$asset-path + '/assets/ontario-material-dropdown-arrow-48px.svg'});
}

.ontario-footer--default:before {
	background-image: url(#{$asset-path + '/assets/footer-default-supergraphic-logo.svg'});
}

.ontario-footer__expanded-top-section:before {
	background-image: url(#{$asset-path + '/assets/footer-expanded-supergraphic-logo.svg'});
}

.ontario-application-subheader .ontario-header-button svg {
	width: 2rem;
	height: 2rem;
	margin-bottom: 0;
}

.ontario-application-subheader .ontario-header-button:last-of-type,
.ontario-navigation--open .ontario-application-subheader .ontario-header-button:first-of-type {
	display: none;
}

.ontario-navigation--open .ontario-application-subheader .ontario-header-button:last-of-type {
	display: flex;
}
