.no-padding {
	padding: 0 !important;
}

div.error input[type=text], div.error input[type=number] {
	  margin-bottom: 1rem !important;
}
 
/*
--------------------------------------------
CSS to correct accessibility related issues:
--------------------------------------------
*/

.skip-link {
	position: absolute;
	top: -45px;
	left: 0;
	background-color: #DF0024;
	color: white;
	padding: 8px;
	z-index: 100;
	text-decoration: none;
}

.skip-link:focus {
	/*top: 2px;*/
	/*left: 2px;*/
	color: white;
	outline: none;
}

#page-content {
	scroll-margin-top: 200px;
	/* adjust based on header height */
}

.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
	white-space: nowrap !important;
}

.visually-hidden {
	position: absolute !important;
	clip-path: inset(50%) !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.breadcrumbs>* a {
    color: #666666;
}

.email-note {
	font-size: 0.875rem;
	color:#666666;
}

input[type=checkbox] {
    font-size: 0.625rem;
}

h2, .h2 {
    font-size: 2.375rem;
}

@media only screen and (min-width: 48.063em) {
    h2, .h2 {
        font-size: 3rem;
    }
}

.nav-toggle {
    font-size: 1.5rem;
}

.email-note-superapp {
	transform:translateY(-1rem);
	font-size: 0.875rem;
	color:#666666;
}
/* End of accessibility related CSS */