@import url('https://use.fontawesome.com/releases/v5.7.1/css/all.css');
@import url('https://use.typekit.net/qrs5ame.css');
body {
	font-family: 'aller', sans-serif;
	font-weight: 400;
}
.header-utility a:hover {
	color: var(--secondary);
}
.portlet {
	margin-bottom: 0px !important;
}
p {
	margin-bottom: 1.5rem !important;
	line-height: 1.75 !important;
}
ul {
	list-style: none;
}
li {
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
}

h2 {
	margin-top: 36px;
}
h3 {
	margin-top: 24px;
}
h4 {
	margin-top: 16px;
}
.page-intro-text {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 10px;
}
.component-html li {
	padding-left: 8px;
	margin-top: 12px;
	text-indent: -6px;
	line-height: 1.75;
}
.component-html li:before {
	content: '\2022';
	color: var(--secondary);
	position: relative;
	left: -15px;
}
a {
	text-decoration: none;
	color: var(--primary);
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #6b6c7e;
	display: block;
	float: left;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 100%;
	content: '/';
	height: 0.6em;
	left: 0;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 0.8em;
}
section.hero-image .breadcrumb-item + .breadcrumb-item::before {
	color: white !important;
}
section.hero-image .breadcrumb-link:hover,
.breadcrumb-link.hover {
	color: white;
	text-decoration: underline;
}
section.hero-image .breadcrumb-item a {
	color: white;
	text-decoration: none;
}
.breadcrumb li {
	margin-left: 0;
	margin-bottom: 0;
}
li.nav-item {
	margin-left: 0;
	margin-bottom: 0;
}
a:hover {
	color: var(--secondary);
	text-decoration: none;
}
.cinline-alert {
	border: 2px solid #000;
	border-left-width: 20px;
	padding: 40px 55px 40px 30px;
	position: relative;
	border-color: var(--secondary);
}
.cinline-alert header {
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 30px;
}
.ui-link.mod-email:before {
	content: '\f0e0';
	margin-right: 6px;
	margin-left: 5px;
	font-family: Font Awesome\5 Free;
	font-weight: 900;
}
.mod-external:after {
	content: '\f35d';
	margin-left: 5px;
	font-family: Font Awesome\5 Free;
	font-weight: 900;
}
.ui-link.mod-download:before {
	content: '\f56d';
	margin-right: 6px;
	font-family: Font Awesome\5 Free;
	font-weight: 900;
}
a.ui-link.mod-download {
	margin-left: 10px;
}
.ui-link.mod-external:after {
	content: '\f35d';
	margin-left: 5px;
	font-weight: 900;
	font-family: Font Awesome\5 Free;
}
a.ui-link.mod-external {
	margin-left: 5px;
	display: inline;
}
.cinline-alert-btn {
	margin-top: 15px;
}
.c-freeform-text h3 {
	color: #232323;
	font-size: 18px;
	line-height: 26px;
	margin-top: 24px;
	margin-bottom: 4px;
}
.about-suppliers h2.h2--blue {
	font-size: 34px;
	line-height: 40px;
	color: var(--primary);
	margin-top: 40px;
	margin-bottom: 10px;
	letter-spacing: -0.2px;
	font-weight: 400;
}
.color-list-item li:before {
	content: '\2022';
	color: var(--secondary);
	position: relative;
	left: -15px;
}
a.tax-form-link:before {
	content: '\f56d';
	font-family: Font Awesome\5 Free;
	font-weight: 900;
	margin-right: 6px;
}
.tax-form-link:hover,
.tax-form-link:focus {
	color: #00a9e0;
	text-decoration: none;
}

/*  Vertical Nav Container  */
.verticalSideNav {
	font-family: inherit;
}

/* Top-level nav items */
.verticalSideNav .nav-pills .nav-link {
	border-radius: 0px;
	color: #495057;
	font-size: 0.9rem;
	font-weight: 500;
	padding: 0.5rem 0.85rem;
	background-color: white;
	transition:
		background-color 0.15s ease,
		color 0.15s ease;
}

.verticalSideNav .nav-pills .nav-link:hover {
	background-color: #e9ecef;
	color: #212529;
	text-decoration: none;
}

.verticalSideNav .nav-pills .nav-link.active,
.verticalSideNav .nav-pills .nav-item.active > .nav-link {
	border-left: 4px solid var(--secondary);
	font-weight: 600;
	color: var(--dark);
	background-color: #fff;
}

.verticalSideNav .nav-pills .nav-link.active .toggle-icon {
	color: #fff;
}

/*  Parent items with children  */
.verticalSideNav .has-children > .nav-link {
	cursor: pointer;
}

/* Chevron icon  */
.verticalSideNav .nav-caret {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.verticalSideNav .has-children > .nav-link[aria-expanded='true'] .toggle-icon {
	transform: rotate(0deg);
}

.verticalSideNav .has-children > .nav-link[aria-expanded='false'] .toggle-icon {
	transform: rotate(0deg);
}

/*  Child nav  */
.verticalSideNav .child-nav {
	margin-left: 0.5rem;
}

.verticalSideNav .child-nav .nav-link {
	font-size: 0.85rem;
	font-weight: 400;
	color: #6c757d;
	padding: 0.35rem 0.75rem;
	border-radius: 0px;
}

.verticalSideNav .child-nav .nav-link:hover {
	background-color: #f8f9fa;
	color: #343a40;
}

.verticalSideNav .child-nav .nav-link.active {
	border-left: 4px solid var(--secondary);
	color: var(--dark);
	font-weight: 600;
}

/*  Collapse animation override  */
.verticalSideNav .child-nav-container {
	overflow: hidden;
}

/*  Collapse animation override  */
.verticalSideNav li.has-active-child > a > span {
	font-weight: 600;
}

.verticalSideNav li a.external-link:after {
	content: '\f35d';
	font-size: 0.8em;
	vertical-align: 0.1em;
	margin-left: 4px;
	opacity: 0.5;
	font-family: Font Awesome\5 Free;
	font-weight: 900;
}
.verticalSideNav .nav-item.active .child-menu.dropdown-menu {
	display: block;
	float: unset;
	position: relative;
	border: 0px;
	box-shadow: none;
}
.verticalSideNav ul.dropdown-menu:before,
.verticalSideNav span.lfr-nav-child-toggle {
	display: none;
}
.verticalSideNav .dropdown-menu li {
	border-bottom: 0;
	margin-bottom: 0px;
}
.verticalSideNav .dropdown-item.active {
	background-color: #fff;
	color: #272833;
	text-decoration: none;
}
.verticalSideNav .child-menu li.active a {
	font-weight: 700;
	color: #313131 !important;
}
.verticalSideNav .dropdown-menu li.active {
	border-left: 4px solid var(--secondary);
}
.verticalSideNav li.hover ul.child-menu.dropdown-menu {
	display: none;
}
.verticalSideNav .child-menu a {
	font-size: 0.85rem;
	font-weight: 400;
	color: #6c757d !important;
	padding: 0.35rem 0.75rem;
}
.verticalSideNav li.active:has(li.active) > a {
	border-left: 0px !important;
}
a.focus,
a:focus-visible,
.c-prefers-focus a:focus {
	box-shadow: unset;
	outline: 0;
}
.mod-facebook:before {
	content: '\f09a';
	margin-right: 6px;
	font-family: Font Awesome\5 Brands;
}
.mod-linkedin:before {
	content: '\f08c';
	margin-right: 6px;
	font-family: Font Awesome\5 Brands;
}
.mod-arrow:after {
	content: '\f30b';
	margin-left: 5px;
	font-family: Font Awesome\5 Free;
	font-weight: 900;
}
.mod-video:before {
	content: '\f03d';
	margin-right: 6px;
	font-family: Font Awesome\5 Free;
	font-weight: 900;
}
.terms-condition-page {
	width: 1000px;
}
@media only screen and (max-width: 1024px) {
	.c-fat-footer .content-area {
		margin: 0px 20px;
	}
}
@media (max-width: 992px) {
	.c-fat-footer__columns {
		flex-basis: 50% !important;
	}
	.c-columns {
		display: block !important;
	}
	.c-fat-footer__column-block li {
		font-size: 14px !important;
		line-height: 28px !important;
	}
	#footer-navigation a {
		font-size: 12px !important;
	}
	.c-footer__copy {
		font-size: 12px !important;
		text-align: left !important;
		margin-left: 0 !important;
		margin-top: 20px !important;
	}
	.c-fat-footer .content-area {
		padding: 0px 30px !important;
	}
	.c-fat-footer__column-block ul {
		margin-bottom: 25px !important;
	}
	.c-footer .content-area {
		display: block !important;
	}
	.header {
		font-size: 28px !important;
		line-height: 34px !important;
		max-width: 65% !important;
	}
	.hero_content {
		font-size: 18px !important;
		line-height: 26px !important;
		max-width: 50% !important;
	}
	.section--callouts,
	.mag-content .component-html,
	.mag-content .breadcrumb {
		margin: 20px;
	}
	.mag-content .col:first-child {
		order: 2;
		margin: 20px;
	}
	.mag-content .col {
		max-width: 100%;
		flex: unset;
	}
	.documentlist .col {
		margin: 0px !important;
	}
	.member-site-toast {
		width: 100% !important;
	}
	.section--callouts_flex-container {
		display: block !important;
	}
	.terms-condition-page {
		width: 100%;
	}
	.contant-us-page .col:first-child {
		order: 2;
		margin-top: 50px;
	}
	.contant-us-page {
		margin: 20px;
	}
	.contant-us-page .col {
		max-width: 100%;
		flex: unset;
	}
	.component-paragraph {
		margin: 20px;
	}
	.accred-certify-page .col {
		order: unset !important;
		margin-left: 20px !important;
		width: 40%;
		display: flex;
	}
	.mhc .c-footer__copy {
		display: block;
	}
	.page-intro-text p.ml-10 {
		margin-left: 0px !important;
	}
}
@media (max-width: 768px) {
	.svg-shape {
		width: 120px !important;
	}
	.section-mag-article.img-left .section-content-wrap {
		padding-left: 0px !important;
	}
	.section-mag-article.img-right .section-content-wrap {
		padding-right: 0 !important;
	}
	.section-mag-article .section-title h2 {
		font-size: 28px !important;
		margin-top: 0px;
	}
	.section-mag-article.p-5 {
		padding: 20px 0px !important;
	}
	.section-mag-article .section-content-wrap {
		padding-top: 0px;
	}
}
@media only screen and (max-width: 767px) {
	.mobile .d-flex.flex-column.min-vh-100 {
		flex-direction: row !important;
	}
	.custom-toast-wrapper .toast {
		padding: 20px 15px 20px 15px !important;
	}
	.custom-toast-wrapper .toast > div {
		flex-direction: row !important;
	}
	.toast-description {
		width: 85% !important;
	}
	.c-fat-footer .content-area {
		display: block !important;
		padding: 0px 15px !important;
	}
	.c-columns {
		display: block !important;
	}
	.c-fat-footer div.c-columns__item {
		margin-right: 0px !important;
		margin-bottom: 30px !important;
	}
	.header,
	.hero_content {
		max-width: 100% !important;
	}
	.banner-left-content {
		width: 90% !important;
		left: 20px !important;
	}
	.banner::before {
		clip-path: unset !important;
	}
	.svg-shape {
		display: none !important;
	}
	.section-4-card {
		padding: 0px 15px;
	}
	.member-site-toast {
		width: 90% !important;
	}
	.section-mag-guide .section-content-wrap {
		text-align: center;
	}
	#wrapper {
		overflow-x: hidden;
	}
	.mag-content .component-paragraph {
		margin: 20px;
	}
	.section-image-wrap,
	.section-content-wrap {
		margin: 20px;
	}
	.general-inquiries .px-4 {
		padding: 0px !important;
	}
	.info-box {
		padding: 10px;
		gap: 8px;
		margin: 0px 15px;
	}
	.section-mag-guide .col-12 {
		margin-left: 0px !important;
	}
	.section--callouts a,
	.c-freeform-text a,
	a {
		word-break: break-word;
	}
	.accred-certify-page .col {
		width: 100%;
	}
	.section--callouts .ui-link {
		display: unset;
	}
	.section--callouts li {
		padding-left: 5px;
	}
}