#off-canvas {
	box-shadow: inset 0 0 0 0 hsla(0,0,0,0);
	background-color: #0C3451;	
	padding-top: 2rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
#off-canvas .search-form input.search-field {
	border-bottom: solid 2px #fff;
	margin-bottom: 0.75rem;
}
#off-canvas .search-form {
	background-image: url(../images/icon-search-header-mobile.png);
	padding: 0 20px 0 0;
}
#offcanvas-nav > li {
	margin-bottom: 0.25rem;
}
#offcanvas-nav > li:not(.button) > a {
	color: #fff;
	text-transform: uppercase;
	padding: 1.25rem 0.75rem 1.25rem 0.75rem;
}
#offcanvas-nav > li:not(.button) > a:hover,
#offcanvas-nav > li:not(.button) > ul li a:hover {
	background-color: #3A5365;
}
#offcanvas-nav > li > ul li {
	margin-bottom: 0.25rem;
}
#offcanvas-nav > li > ul li a {
	color: #fff;
	padding: 1.25rem 0.75rem 1.25rem 0.75rem;
}
#off-canvas .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	display: block;
	width: 23px;
	height: 14px;
	border: 0px none;
    border-bottom-width: 0px;
	content: "";
	border-bottom-width: 0;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 1rem;
	background: transparent url(../images/mobile-dropdown-sprite.png) no-repeat 0 0;
}
button.submenu-toggle {
	background: transparent url(../images/mobile-dropdown-icon.png) no-repeat 0 0;
	width: 40px;
	height: 40px;
	background-position: 50% 70%;
	transition: all 0.25s;
}
button.submenu-toggle[aria-expanded="true"] {
	transform: rotate(180deg);
	background-position: 50% 40%;
}
.submenu-toggle[aria-expanded="true"]::after {
	background: none;
	border: none;
}
#offcanvas-nav > li > ul li {
	padding-left: 0.5rem;
}
#offcanvas-nav > li > ul > li > ul > li a {
	font-size: 14px;
}
#off-canvas .accordion-menu .is-accordion-submenu-parent > a {
	padding: 1.25rem 2.5rem 1.25rem 0.75rem;
}
#off-canvas .button > a {
	color: #fff;
	margin-bottom: 0rem;
	padding: 1.25rem;
}
#off-canvas .button {
	padding: 0;
	margin-bottom: 0.5rem;
}
#off-canvas .button:hover {
	background-color: #3A5365 !important;
}
#off-canvas p.smalltext {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 1rem;
}
#off-canvas p.social {
	color: #fff;
	text-align: center;
}
.translinks > li {
	display: block;
	width: 100%;
}
.translinks > li > a {
	padding: 1.25rem 0.75rem 1.25rem 0.75rem;
	color: #fff;
	display: block;
	margin-bottom: 0.5rem;
}
.translinks > li > a:hover {
	background-color: #3A5365;
}
#off-canvas .social img {
    width: 32px;
}
#off-canvas .social a {
	padding: 0 10px;
}
.mobileheader .button {
	font-size: 12px;
	padding: 0.75rem 0.25rem;
	white-space:nowrap;
	text-align: center;
	margin-top: 1rem;
	width: 100%;
}
.mobileheader.togglemenu {
	text-align: right;
}
.mobileheader.togglemenu .menu {
	display: block;
}
.mobileheader.noleftpadding {
	padding-left: 0;
}
.mobileheader.norightpadding {
	padding-right: 0;
}


@media all and ( max-width: 39.9375em) {
	header.topnav a {
		font-size: 12px;
		padding: 0 8px;
		height: 24px;
	}
	.search-contact > a.last {
		display: none;
	}
	button.menu-icon {
		background: transparent url(../images/mobile-menu-icon.png) no-repeat 50% 50%;
		background-size: 60px 36px;
		transition: all 0.25s;
		width: 60px;
		height: 36px;
		border: 0;
	}
	button.menu-icon:hover {
		transform: rotate(90deg);
	}
	button.menu-icon:after {
		display: none;
	}
	.show-for-small-only .menu {
		justify-content: flex-end;
	}
	header.header {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	header.home-banner-top {
		border-top: 4px solid #2990C5;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	header.home-banner-top a {
		text-transform: uppercase;
	}
	.home-banner {
		height: 360px;
		margin-bottom: 20px;
		background-image: url(../images/banner-home.jpg);
		background-size: cover;
		padding-top: 1.5rem;
		padding-left: 0.75rem;
		overflow: hidden;
		background-position: right;
		position: relative;
	}
	.front-headline {
		width: auto;
		position: absolute;
		bottom: 2rem;
		left: 0.625rem;
	}
	.home-banner .front-headline h1 a {
		color: #fff;
	}
	.home .front-headline {
		left: 1.5rem;
	}
	.home-banner .front-headline h1 {
		font-size: 26px !important;
		color: #fff;
		line-height: 1.1;
		text-transform: none;
		text-align: left;
		padding-left: 1rem;
	}
	.home-banner .front-headline .text-container p {
		font-size: 16px !important;
	}
	.home-banner .front-headline .text-container {
		padding: 0.5rem;
	}
	.home-banner .front-headline .button {
		padding: 0.5rem 1rem;
		font-size: 14px !important;
	}
	section.help p {
		font-size: 18px;
		text-align: left;
		padding: 1rem 1rem 1rem 1rem;
		margin-bottom: 0;
		text-align: center;
		line-height: 1.3;
	}
	section.help a.button {
		float: none;
		display: block;
		width: auto;
		margin-top: 1rem;
		width: 120px;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px !important;
		padding: 0.5rem 0.75rem;
	}
	section.who p {
		font-size: 20px;
		padding: 3rem 1rem;
	}
	.home section h2 {
		margin-bottom: 1.5rem;
		font-size: 26px;
	}
	.cta-container	{
		margin-right: 0;
		width: 100%;
		max-width: 100%;
		height: 240px;
		padding: 3rem 2rem 1rem 2rem;
		margin-bottom: 2rem;
		text-align: center;
		position: relative;
	}
	.cta-container h3 {
		bottom: 2rem;
	}
	.front-page-ctas .cta-container {
		width: 32%;
		margin-right: 2%;
		height: 200px;
		padding-top: 2rem;
	}
	.front-page-ctas .cta-container img {
		height: 50px;
	}
	.front-page-ctas .cta-container h3 {
		font-size: 22px;
		bottom: 1.5rem;
	}
	.front-page-ctas a:last-child .cta-container {
		margin-right: 0;
	}
	.sidebar .cta-container.noimg h3 {
		bottom: 3.5rem;
	}
	.front-page-map .medium-8 {
		height: 240px;
	}
	.front-page-map .medium-4 {
		padding-top: 0;
	}
	.front-page-map .cta.compass {
		height: 120px;
		margin-bottom: 0;
		padding: 1.5rem 1.5rem 1rem 1.5rem;
	}
	.front-page-map .cta.compass .cta-image {
		width: 25%;
		float: left;
		height: 100px;
		position: static;
	}
	.front-page-map .cta.compass .cta-image img {
		height: 70px;
	}
	.front-page-map .cta.compass h3 {
		color: #ffffff;
		width: 75%;
		float: right;
		text-align: left;
		margin: 0;
		height: 100px;
		position: static;
		font-size: 22px;
		padding-left: 2rem;
		font-weight: 500;
	}
	#how-we-help .cta-container {
		width: 100%;
		max-width: 100%;
		margin-bottom: 1rem;
		height: 240px;
	}
	#how-we-help .cta-container .cta-image {
		height: 0;
		margin: 0;
	}
	#how-we-help .cta-container img {
		display; 0;
	}
	#how-we-help .cta-container h3 {
		margin-bottom: 0;
	}
	.headline-link {
		font-size: 22px;
		display: inline-block;
		white-space: nowrap;
		padding: 0.5rem 0 0.5rem 1.5rem;
		background: transparent url(../images/headline-right-arrow.png) no-repeat left 50%;
		background-size: 10px 16px;
		color: #0C334F;
		float: right;
		font-weight: 600;
		margin: 0rem 0 2rem;
	}
	.home .quoteblock .image {
		height: 280px;
		position: absolute;
		top: 0;
	}
	.home .quoteblock .text {
		padding-top: 280px;
	}
	.home .quoteblock .text .quote-inner {
		padding: 2rem 1rem 2rem 1rem;
	}
	.home .quoteblock .text .quote-inner .quote-text-container {
		position: static;
	}
	.home .quoteblock .smalltext {
		padding-right: 0rem;
	}
	.home .quoteblock .text .smalltext p {
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
	}
	.home .quoteblock .text .bigtext p {
		color: #fff;
		font-size: 21px;
		font-weight: 600;
		line-height: 1.2;
	}
	.home .quoteblock .quote-attribute {
		position: static;
	}
	.home .quoteblock .quote-attribute p {
		font-size: 14px;
		margin-bottom: 0;
	}
	.home .quoteblock > .grid-x {
		position: relative;
	}
	.grid-padding-x > .news-teaser,
	#latest-news .grid-container	{
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}
	.news-teaser h3,
	.list-item h3	{
		font-size: 26px;
		margin-bottom: 1.25rem;
	}
	.news-img, .list-img {
		margin-bottom: 1.25rem;
	}
	.list-item .list-img > img {
		width: 100%;
	}
	p {
		font-size: 16px;
	}
	.news-teaser .excerpt p,
	.list-item .excerpt p	{
		line-height: 1.3;
	}
	.news-teaser-inner, .list-item {
		height: auto;
		min-height: 0;
		border-bottom: 10px solid #E2E0D2;
		padding-bottom: 3rem;
		margin-bottom: 3rem;
	}
	.footer {
		margin-top: 40px;
	}
	footer#topfooter {
		padding: 3rem 0;
	}
	#topfooter h3 {
		font-size: 30px;
		font-weight: 500;
	}
	#topfooter p {
		line-height: 1.3;
	}
	#topfooter .grid-container {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}
	.mc4wp-form .input-fields input {
		width: 100%;
		margin-right: 0%;
		display: block;
		border-radius: 5px;
	}
	.footer .social img {
		width: 32px;
	}
	#bottomfooter p {
		font-size: 22px;
	}
	#subfooter p, #subfooter a {
		font-size: 16px;
	}
	#subfooter .menu li {
		width: 46%;
		margin-right: 4%;
		text-align: left;
	}
	#subfooter .menu li a {
		text-align: left;
		padding-left: 0;
	}
	#subfooter .menu {
		margin-bottom: 1rem;
	}
	#subfooter .button.blue.floatleft {
		float: left;
		color: white;
		background-color: #2990C5;
		padding: 1rem 0.75rem;
		font-size: 18px;
		margin-top: 1rem;
	}
	#subfooter .grid-container {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}
	footer#subfooter {
		padding: 1rem 0 3rem 0;
	}
	.footer .button.orange {
		padding: 1rem 0.75rem;
		font-size: 18px;
	}
	.search-contact .search-form {
		margin: 0.5rem 0 0 0rem;
	}
	#titlebar h1, #titlebar h2.section-title {
		font-size: 36px;
	}
	#titlebar {
		padding-bottom: 2rem;
		padding-top: 0.25rem;
		margin-bottom: 1rem;
	}
	.intro p {
		font-size: 24px;
		line-height: 28px;
		font-weight: 600;
	}
	.intro {
		margin-bottom: 1rem;
	}
	.wc-block-components-sort-select__select {
		width: 100%;
	}
	.search-contact .search-form {
	  width: 120px;
	  margin: 0.5rem auto 0 1rem;
	}

	.search-form input.search-field {
	  width: 100px;
	}
	.cn-buttons-container {
		text-align: left;
		float: left;
	}
	#cookie-notice .button.blue {
		padding: .5em 0.75em;
		margin-top: 1rem;
		margin-right: 1rem;
		margin-left: 0;
	}
	.cta-container, .cta-container.noimg {
		max-width: 100%;
	}
	.cta-container .cta-plain-headline h3 {
		font-size: 24px;
	}
	.feat-story-img > img {
		width: 100%;
	}
	.wp-block-column > h4,
	.wp-block-column > h3	{
		margin-top: 1rem;
	}
	.chaplain-details span {
		display: block;
		width: 100%;
		margin-bottom: 0.1rem;
	}
	.filter-distance input {
		width: 100% !important;
	}
	input.wpv-reset-trigger {
		width: 100% !important;
		position: static !important;
	}
}

@media (max-width: 600px) and (min-width: 481px) {
	.wc-block-grid.has-3-columns .wc-block-grid__product {
		flex: 1 0 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 0 24px;
	}
}