/*

Theme Name: TwentyTwentyone Mobile

Author: Vancouver Web Dev - child theme dev

Author URI: https://jenweb/dev

Template: twentytwentyone

Version: 1.3

*/

/* =Theme customization starts here

-------------------------------------------------------------- */

@media all and (min-width:2000px)
{
	.single-location #page .page-banner img
	{
		min-width: 70%;
		float: right;
		width: 100%;
		max-width: unset !important;
		max-height: 50rem;
		object-fit: cover;
	}
	
	.grid-item,
	#page .entry-content .alignwide,
	#page .entry-content .location-content, .single-location #page .entry-content .donation-content,
	#page .site-content .entry-content.bios,
	#page .site-content .programs.landing,
	#page .site-content .entry-content .wp-block-columns.alignwide { max-width: 70%; }
	.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width,
	#page .site-content .entry-content.bios .board-members,
	#page .site-content .entry-content.bios h3 { max-width: 1400px; }
	
	#page .page-banner img
	{
		max-height: 50rem;
		object-fit: cover;
	}
	
	#page .entry-content .program { max-width: 100%; }
	
	#page .entry-content,
	#page .entry-content p,
	#page .site-content .entry-content .board-members .member p
	{
		font-size: 2rem;
		line-height: 1.65em;
	}
}

@media all and (max-width:1920px)
{
	#page .nav-container { max-width: 77%; }
}

@media all and (max-width:1840px)
{
	#page .nav-container { max-width: 76%; }
}

@media all and ( max-width:1550px )
{
	.page-template-template-reports #page .site-content .entry-content,
					#page .reports.entry-content
	{
		max-width: 85%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.programs-block,
					.grid-item
	{
		max-width: 85%;
		margin: 0 auto;
	}
	.home #page .site-content .wp-block-column h2 {
	font-size:3rem;
	}
}

@media all and (max-width:1450px)
{
	#page .entry-content .location-content,
	.single-location #page .entry-content .donation-content
	{
		max-width: calc(100% - 4rem);
		width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media all and (max-width:1350px)
{
	#page .site-branding
	{
		max-width: 30%;
		width: 100%;
	}
	
	#page .nav-container
	{
		float: right;
		text-align: right;
		max-width: unset;
		width: 69%;
	}

	.site-block .sites .urgent-item h3 {
	text-align:center;
	}

}

@media all and (max-width:1310px) {
#page .entry-content,
#page .entry-content .alignfull, #page .entry-content.alignfull {
max-width:100%;
padding-left: 2rem;
padding-right: 2rem;
}
#page .entry-content .alignwide, #page .entry-content.alignwide {
padding-left: 2rem;
padding-right: 2rem;
}
}

@media all and (max-width:1300px)
{
	#page .site-branding
	{
		max-width: 25%;
		width: 100%;
	}
	
	#page .site-logo img { max-width: 100%; }
	
	#page .nav-container
	{
		float: right;
		text-align: right;
		max-width: unset;
		width: 75%;
	}
	
	.urgent-item ul { padding-left: 2rem; }
	
	.primary-navigation .primary-menu-container
	{
		margin-left: 0;
		margin-right: 0;
	}
	
	.news-block.feature
	{
		background: linear-gradient(60deg, #fff 20%, #5e3895 20%, #5e3895 40%, #fff 40%);
		background-position: 0 0;
		padding: 0;
	}
	
	.news-block.feature h2
	{
		left: 54%;
		font-size: 2.6rem;
	}

}

@media all and (max-width:1250px)
{	
	
	.page:not(.home) #page .site-content .news-item img {
	max-height:20rem;
	margin-bottom:2rem;
	}

	.page-template-template-reports #page .site-content .entry-content,
					#page .reports.entry-content
	{
		max-width: calc(100% - 4rem);
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.urgent-item ul { max-width: 100%; }
	.urgent-item h3,
	.urgent-item h4 { text-align: center; }

	.urgent-item { position: relative; }
	.urgent-block .site-block { display: flex; }
	.urgent-block .title-block h2, .news-block .title-block h2 { position: relative; }
	
	.urgent-block .title-block h3 span
	{
		display: block;
		max-width: 70%;
	}
	
	.location-types { text-align: left; }
	
	.location-button
	{
		width: 49%;
		text-align: center;
	}
	

						.location-button-block h3,
						.news-block h3
	{
		font-size: 2.8rem;
		line-height: 1.4em;
	}
	
	.news-block h3 { text-align: left; }\
	

	
	.location-button-block h3
	{
		text-align: center;
		padding-left: unset;
	}
	

	
	#page .entry-content.wishlist .site
	{
		max-width: 100%;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.single-location #page .entry-content .location-content,
		.single-location #page .entry-content .donation-content,
		#page .entry-content .donation-content,
		#page .entry-content .location-content { max-width: 100%; }
	#page .site-footer > .site-info { max-width: 100%; }
	.theme-twentytwentyone #page .site-content .entry-content > .emagic:not(.alignwide, .alignfull) .ep-events-container:not(.alignwide, .alignfull), .theme-twentytwentyone #page .site-content .entry-content #ep-events-content-container:not(.alignwide, .alignfull), .theme-twentytwentyone #page .site-content .entry-content .ep-events:not(.alignwide, .alignfull), #page .site-content .entry-content #ep_event_calendar:not(.alignwide, .alignfull), #page .site-content .entry-content .fc-view-harness:not(.alignwide, .alignfull), #page .site-content .entry-content .fc-daygrid:not(.alignwide, .alignfull), #page .site-content .entry-content .fc-scrollgrid:not(.alignwide, .alignfull), #page .site-content .entry-content .fc-scroller-harness:not(.alignwide, .alignfull), #page .site-content .entry-content .fc-scroller:not(.alignwide, .alignfull), #page .site-content .entry-content .fc-daygrid-body:not(.alignwide, .alignfull), #page .site-content .entry-content .fc-scrollgrid-sync-table:not(.alignwide, .alignfull) { padding: 0; }
	
	.programs-block,
		.grid-item
	{
		max-width: calc(100% - 4rem);
		width: unset;
		margin: 0 2rem;
	}
	
	.programs-block .program-item
	{
		max-width: 100%;
		column-gap: 5%;
	}
	
	.programs-block .program-item .program-icon
	{
		width: 12%;
		padding-top: 0.5rem;
		text-align: left;
	}
	
	.programs-block .program-item .program-icon img { max-width: 70%; }
	
	.singular #page h1.entry-title, h1.entry-title
	{
		font-size: 3.6rem;
		line-height: 1.4em;
	}
	
	#page .entry-content .wp-block-group .wp-block-group
	{
		padding-left: 0;
		padding-right: 0;
	}
}

@media all and (max-width:1220px)
{
	.blog .excerpt-header, .archive .excerpt-header { padding-left: 0; }
	#page .primary-navigation li a { font-size: 1.6rem; }
	
	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle
	{
		width: 1.5rem;
		height: 0.75rem;
	}
	
	.site-branding
	{
		padding-top: 0;
		margin-top: 0;
	}
}

@media all and (max-width:1174px)
{
	.page-template-default #page .entry-content *:not(.alignwide, .alignfull, .alignleft, .alignright) { max-width: 100%; }
	
	.page-template-default #page .entry-content:not(.alignwide, .alignfull, .alignleft, .alignright)
	{
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#page .entry-content .wp-block-button a {
	font-size:1.8rem;
	}
	#page .entry-content h4#donations { margin-top: 0; }
	.page-template-default #page .entry-content .wp-block-columns { max-width: 100%; }
	
	.page-template-default #page .entry-content .wp-block-group
	{
		display: block;
		max-width: 100%;
		width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.page-template-default #page .entry-content .wp-block-group__inner-container .wp-block-group
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-template-default #page .entry-content .wp-block-group.contact-intro
	{
		padding-left: 0;
		padding-right: 0;
	}
}

@media all and (max-width:1164px)
{
	.singular #page .entry-header { max-width: 100%; }
}

@media all and (max-width:1150px)
{
	.single-program .program-content
	{
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.site-branding,
		#page .nav-container .header-bar { display: none; }
	
	.header-top.mobile,
		.header-top.mobile .site-branding
	{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	
	#page .site-header .site-branding.mobile { padding-top: 0.5rem; }
	#page .site-header { row-gap: 1rem; }
	.primary-navigation-open #page .page-banner, #page .page-banner { margin-top: 1rem; }
	
	.primary-navigation-open .primary-navigation > .primary-menu-container
	{
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	
	#page .primary-navigation,
		#page .nav-container
	{
		float: none;
		text-align: center;
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 0.5rem;
	}
		#page .site-content .entry-content .board-members .member
	{
		position: relative;
		width: calc(33% - 1.5rem);
		margin: 0;
	}
		#page .site-content .entry-content .board-members .member.director .member-image
	{
		width: calc(33% - 1.5rem);
	}
	#page .site-content .entry-content .board-members .member.director .member-bio {
	width:66%;
	}
}

@media all and (max-width:1120px)
{
	#page .entry-content .contact-intro .wp-block-columns,
		#page .entry-content .wp-block-columns.contact-sites
	{
		flex-wrap: wrap !important;
		row-gap: 1rem;
	}
	
	#page .entry-content .contact-intro .wp-block-columns .wp-block-column { flex-basis: calc(50% - 2rem); }
	#page .entry-content .wp-block-columns.contact-sites .wp-block-column { flex-basis: 100% !important; }
	
	.single-program .program-content
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.single-program #page h1.entry-title { margin-bottom: 3rem; }
	.single-program #page .entry-content { margin-top: 1rem; }
	.single-program #page .entry-content h3 { font-size: 2.4rem; }
}

@media all and (max-width:1080px)
{
.home #page .site-content .home-content .home-columns {
flex-wrap:wrap !important;
}
.home #page .site-content .home-columns .wp-block-column.latest-news {
min-width:100%;
margin-top:4rem;
}

}

@media all and (max-width:1050px)
{
	.page-template-template-jobs #page .entry-content, .page-template-template-faq #page .entry-content
	{
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.page-template-default #page .entry-content .wp-block-columns
	{
		column-gap: 4rem;
		max-width: 100%;
	}
	
	.page-template-default #page .entry-content .wp-block-column
	{
		vertical-align: top;
		width: 49%;
		margin: 0 auto;
	}
	
	#page .site-content .entry-content .wp-block-columns.career-icons .wp-block-columns .wp-block-column { width: 100%; }
	.page-template-default #page .entry-content .wp-block-column: last-of-type { width: 100%; }
	
	#page .entry-content.programs.landing .program
	{
		width: calc(100% - 5rem);
		margin-left: 3rem;
		margin-right: 2rem;
	}
	
	.blog .entry-content p, .archive .entry-content p
	{
		font-size: 1.7rem;
		line-height: 1.4em;
	}
	
	.blog #page article.post .entry-content h3.excerpt-title, .category #page article.post .entry-content h3.excerpt-title { line-height: 1.2em; }
	.blog #page article.post .entry-content h3.excerpt-title a, .category #page article.post .entry-content h3.excerpt-title a { line-height: 1em; }
	
	.home #page .site-content .entry-content .wp-block-columns.alignfull.home-lines {
	flex-wrap:wrap !important;
	row-gap:4rem;
	}
	.home #page .site-content .entry-content .wp-block-columns.alignfull.home-lines .wp-block-column {
	flex-basis:calc(50% - 3rem);
	}
}

@media all and (max-width:1020px)
{
	.home article .entry-content
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.programs-block .program-item .program-left img { max-width: 100%; }
	
	#page .site-content #ep_event_calendar.fc .fc-day-thu .fc-daygrid-event .ep_event_detail_popup,
		#page .site-content #ep_event_calendar.fc .fc-day-fri .fc-daygrid-event .ep_event_detail_popup,
		#page .site-content #ep_event_calendar.fc .fc-day-sat .fc-daygrid-event .ep_event_detail_popup
	{
		right: 0;
		left: auto;
	}
	
	#page .site-content #ep_event_calendar.fc .fc-day-thu .fc-daygrid-event .ep_event_detail_popup:before, 
			#page .site-content #ep_event_calendar.fc .fc-day-thu .fc-daygrid-event .ep_event_detail_popup:after,
			#page .site-content #ep_event_calendar.fc .fc-day-fri .fc-daygrid-event .ep_event_detail_popup:before, 
			#page .site-content #ep_event_calendar.fc .fc-day-fri .fc-daygrid-event .ep_event_detail_popup:after,
			#page .site-content #ep_event_calendar.fc .fc-day-sat .fc-daygrid-event .ep_event_detail_popup:before, 
			#page .site-content #ep_event_calendar.fc .fc-day-sat .fc-daygrid-event .ep_event_detail_popup:after
	{
		right: 30px;
		left: auto;
	}
	
	#page .site-content #ep_event_calendar.fc .fc-day-wed .fc-daygrid-event .ep_event_detail_popup { left: -9rem; }
	#page .site-content #ep_event_calendar.fc .fc-day-wed .fc-daygrid-event .ep_event_detail_popup:before, 
			#page .site-content #ep_event_calendar.fc .fc-day-wed .fc-daygrid-event .ep_event_detail_popup:after { left: 50%; }
	#page .entry-content .donation-content { flex-direction: column; }
	.single-location #page .entry-content .location-block.details { flex-wrap: wrap; }
	.single-location #page .entry-content .location-block.details .location-left, 
			.single-location #page .entry-content .location-block.details .location-middle, 
			.single-location #page .entry-content .location-block.donation .location-left,
			.single-location #page .entry-content .location-block.details .location-right, 
			.single-location #page .entry-content .location-block.donation .location-right,
			.donation-content .location-left,
			.donation-content .location-right { width: 100%; }
	#page .entry-content .item-lists ul { column-count: 3; }
	#page .entry-content .item-lists ul li { align-items: baseline; }
	.single-location #page .entry-content .location-block.details .location-left.three,
	.single-location #page .entry-content .location-block.details .location-right.three,
	.single-location #page .entry-content .location-block.details .location-middle { width: 50%; }
	

}

@media all and (max-width:960px)
{
	#page .site-header
	{
		max-width: 100%;
		padding: 0 2rem;
		height: 12rem;
	}
	
	#page .site-header input[type="search"].search-field, #page .site-header input[type="search"].search-field.empty, .header-bar .search-form .search-field
	{
		max-width: 17rem;
		font-size: 1.5rem;
	}
	
	#page .header-bar a.slanted
	{
		font-size: 1.5rem;
		margin-left: 1rem;
	}
	
	#page .site-branding { max-width: 35%; }
	
	#page .nav-container
	{
		position: unset;
		max-width: 50%;
	}
	
	#page .page-banner { margin-top: 0.5rem; }
	#page .header-bar.mobile { right: 1rem; }
	
	.programs-block .program-item
	{
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.page-template-template-team .entry-content
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	#page .entry-content h2, #page .entry-content h2.wp-block-heading
	{
		font-size: 2.6rem;
		line-height: 1.4em;
	}
	
	#page .entry-content h2, #page .entry-content h2.wp-block-heading:first-of-type { margin-top: 0; }
	#page #primary.content-area { position: relative; }
	#page .sidebar { display: none; }
	#page .site-header { position: relative; }
	.blog #page .blog-content .entry-header, .archive #page .blog-content .entry-header { padding-top: 0; }
	
	#page .primary-navigation > div > .menu-wrapper
	{
		background-color: #fff;
		z-index: 999;
	}
	
	#page .primary-navigation > div > .menu-wrapper
	{
		background-color: #fff;
		z-index: 999;
	}
	
	.menu-button-container #primary-mobile-menu .dropdown-icon,
		.menu-button-container #primary-mobile-menu:hover,
		.menu-button-container #primary-mobile-menu:active,
		.primary-navigation-open .menu-button-container #primary-mobile-menu:hover,
		.primary-navigation-open .menu-button-container #primary-mobile-menu:active
	{
		outline: none;
		border: none;
		font-style: normal;
	}
	
	.primary-navigation-open .menu-button-container #primary-mobile-menu.button:focus,
		.menu-button-container #primary-mobile-menu:focus { outline: 2px solid #aaa; }
	#page .primary-navigation > .primary-menu-container { display: none; }
	.primary-navigation-open #page .primary-navigation > .primary-menu-container { display: block; }
	.primary-navigation-open .menu-button-container { background-color: unset; }
	.primary-navigation-open .primary-menu-container { top: 12.5rem; }
	
	#page .site-header .primary-navigation,
		.primary-navigation-open #page .site-header .primary-navigation
	{
		margin-top: 0;
		display: block;
		left: 0;
		z-index: 900;
	}
	
	.home .menu-button-container,
		#page .menu-button-container
	{
		top: 7rem;
		padding: 0;
		font-style: normal;
		font-size: 1.8rem;
		line-height: 1.4em;
		background: transparent;
		width: 30%;
		outline: none;
		right: 0;
	}
	
	.singular #page h1.entry-title, h1.entry-title
	{
		font-size: 3.3rem;
		line-height: 1.1em;
	}
	
	#page .primary-navigation > .primary-menu-container { display: none; }
	.menu-button-container { display: block; }
	
	.menu-button-container #primary-mobile-menu
	{
		color: #000;
		font-size: 1.8rem;
	}
	
	/*Container for menu button  */
	.primary-navigation-open #page .primary-navigation > .primary-menu-container
	{
		position: relative;
		display: block;
		margin-right: 0;
		margin-left: 0;
		top: 13rem;
		max-width: 100%;
		width: 100%;
		border-top: 1px solid #000;
	}
	
	#page .primary-navigation > div > .menu-wrapper
	{
		display: block;
		justify-content: unset;
		flex-wrap: unset;
		list-style: none;
		margin: 0;
		position: relative;
		flex-direction: column;
		padding-top: 0;
		background-color: #fff;
		max-width: 100%;
		width: 100%;
	}
	
	#primary-menu-list .sub-menu-toggle .icon-plus { display: flex; }
	#primary-menu-list .sub-menu-toggle[aria-expanded="true"] .icon-plus,
		#primary-menu-list .sub-menu-toggle .icon-minus { display: none; }
	#primary-menu-list .sub-menu-toggle[aria-expanded="true"] .icon-minus { display: flex; }
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { outline: 2px solid #aaa; }
	
	.primary-navigation .primary-menu-container > ul > .menu-item
	{
		display: block;
		position: relative;
	}
	
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu
	{
		background: transparent;
		margin-left: 0;
		position: relative;
	}
	
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu:last-child { margin-bottom: 1.5rem; }
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
		#page .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { display: none; }
	
	.primary-navigation
	{
		position: absolute;
		z-index: 9;
		right: 0;
	}
	
	.primary-navigation > .primary-menu-container
	{
		transform: none;
		transition: none;
	}
	
	.menu-button-container #primary-mobile-menu:focus
	{
		outline: 2px solid #aaa;
		background: transparent;
	}
	
	.primary-navigation .menu-item
	{
		border-bottom: 1px solid #aaa;
		margin-bottom: 0.8rem;
		margin-top: 0.3rem;
		padding-left: 2rem;
		padding-right: 0;
	}
	
	#page .primary-navigation .primary-menu-container > ul > .menu-item > a,
		#page .primary-navigation .menu-item a
	{
		font-size: 1.8rem;
		padding-top: 1rem;
		margin-left: 0;
		margin-right: 4rem;
	}
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu li a:focus {
	outline-offset:-0.25rem;
	}
	.primary-navigation .sub-menu
	{
		border: none;
		overflow: hidden;
		padding-top: 0.5rem;
		margin-bottom: 1.5rem;
	}
	
	#page .primary-navigation li
	{
		margin: 0;
		max-width: 100%;
		padding-right: 2rem;
	}
	
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu li
	{
		padding-left: 2rem;
		background: transparent;
		margin-bottom: 0.5rem;
		border: none;
		display: block;
	}
	
	#page .primary-navigation .primary-menu-container > ul > .menu-item.current-menu-item a,
		#page .primary-navigation .primary-menu-container > ul > .menu-item a:hover,
		.site .primary-navigation .primary-menu-container > ul > .menu-item > a:hover, 
		.site .primary-navigation .primary-menu-container > ul > .current-menu-item > a:first-child, 
		.site .primary-navigation .primary-menu-container > ul > .current_page_item > a:first-child, 
		.site .primary-navigation .primary-menu-container > ul > .current_page_parent > a { border-bottom: none; }
	
	.primary-navigation-open .primary-navigation > .primary-menu-container
	{
		font-size: 1.8rem;
		line-height: 1.4em;
		background-color: #fdfdfd;
		text-align: left;
	}
	
	#primary-menu-list ul.sub-menu ul.sub-menu li a,
		#primary-menu-list ul.sub-menu ul.sub-menu li a:hover,
		#page .primary-navigation .primary-menu-container li.menu-item ul.sub-menu li.menu-item a,
		#page .primary-navigation .primary-menu-container li.menu-item ul.sub-menu li.menu-item a:hover
	{
		padding-bottom: 0;
		border-bottom: none;
		font-size: 1.8rem;
		padding-top: 0.25rem;
	}
	
	#page button.sub-menu-toggle
	{
		display: flex;
		align-items: center;
		top: 2rem;
		right: 2rem;
		position: absolute;
	}
	#page button.sub-menu-toggle:focus {
	outline-offset:0.75rem;
	}
	
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { display: flex; }
	.entry-content h2 { display: block; }
	
	#page .entry-header
	{
		display: block;
		width: 100%;
		text-align: left;
	}
	
	#page .site-header { padding: 0; }
	
	#page .entry-header
	{
		padding: 1.5rem 0 0 0;
		margin: 0 auto;
		position: relative;
	}
	
	.menu-button-container #primary-mobile-menu { padding: 1rem; }
	
	.menu-button-container #primary-mobile-menu .dropdown-icon.open,
		.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close
	{
		background-image: url(images/menu.png);
		background-size: 100% 35%;
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 4rem;
		text-transform: uppercase;
		align-items: self-end;
	}
	
	#page .primary-navigation .primary-menu-container > ul > .menu-item.menu-item-has-children > a[aria-expanded="true"] { padding-bottom: 0; }
	.menu-button-container #primary-mobile-menu:focus-within { outline-offset: -0.8rem; }
	
	#page .entry-header img
	{
		width: 100%;
		max-height: unset;
		min-width: 100%:;
	}
	
	#page .entry-content .wp-block-columns.drop-in,
		#page .entry-content .wp-block-columns.shelter
	{
		flex-direction: column;
		row-gap: 1rem;
	}
	
	#page .entry-content .wp-block-columns.drop-in .wp-block-column,
		#page .entry-content .wp-block-columns.shelter .wp-block-column { width: 100%; }
	.admin-bar #page #site-navigation { top: 0; }
	
	.home .site-block .sites
	{
		padding-left: 0;
		padding-right: 0;
		row-gap: 0;
		margin-top:1rem;
	}
	
	.home .site-block .urgent-item
	{
		width: 100%;
		justify-content: left;
		padding: 2rem;
		margin: 0;
		place-items:unset;
	}
	
	.home .site-block .sites .urgent-item:nth-child(even) { background: #f4f4f4; }
	
	.home .site-block .urgent-item h3,
		.home .site-block .urgent-item h4,
		.home .site-block .urgent-item ul
	{
		text-align: left;
		justify-content: left;
	}
		#page .entry-content .partner-block .item { width: calc(25% - 2.8rem); }
	
	.home .site-block .urgent-item h3 { padding-left: 0; }
	
	/*************************
				    
				    Mobile fix for Computers
				    
				    ************************/
	
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul
	{
		display: flex;
		flex-direction: column;
	}
	
	.primary-navigation > .primary-menu-container ul > li:not(.menu-item-has-children):not(.sub-menu .menu-item) { padding-bottom: 0.5rem; }
	#page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle { display: none; }
	#page .primary-navigation li ul.sub-menu { margin-bottom: 2rem; }
	#page .primary-navigation .primary-menu-container > ul > .menu-item.menu-item-has-children > a[aria-expanded="false"] { padding-bottom: 0; }
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: block; }
	#page .primary-navigation li ul.sub-menu li ul.sub-menu { margin-bottom: 0; margin-top:0.25rem; }
	
	body.lock-scrolling
	{
		overflow-y: hidden;
		scroll-behavior: initial;
		position: fixed;
	}
	
	.primary-navigation-open #page .primary-navigation > .primary-menu-container
	{
		overflow-y: auto;
		position: fixed;
		height: calc(100% - 16rem);
		padding-bottom: 5rem;
		max-width: 100%;
		padding-top: 1rem;
		padding-left: 0;
		padding-right: 0;
	}
	
	.primary-navigation-open .menu-button-container
	{
		top: 1rem;
		right: 2rem;
	}
	
	.site-header .primary-navigation > div > .menu-wrapper
	{
		overflow-y: auto;
		height: calc(100vh - 16rem);
		z-index: 9999;
	}
}

@media (hover: none) and (max-width:480px)
{
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul,
					#page .primary-navigation li.menu-item-has-children a > .sub-menu { display: none; }
	#page .primary-navigation .primary-menu-container > ul > .menu-item.menu-item-has-children > a[aria-expanded="false"] { padding-bottom: 1rem; }
	
	#page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle
	{
		display: flex !important;
		align-self: self-start;
	}
	
	.site-header .primary-navigation > div > .menu-wrapper
	{
		height: unset;
		overflow-y: unset;
	}
	
	.primary-navigation-open #page .primary-navigation > .primary-menu-container { height: 100vh; }
	#page .primary-navigation li ul.sub-menu li:first-child, 
		#page .primary-navigation li ul.sub-menu li:first-child > a,
		#page .primary-navigation li ul.sub-menu li:last-child, 
		#page .primary-navigation li ul.sub-menu li:last-child > a { border-radius: unset; }
}

@media all and (max-width:900px)
{
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { display: none; }
	.job-category { flex-direction: column; }
	#page .site-content .entry-content .jobitem { width: 100%; }
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu:last-child { margin-bottom: 1rem; }
	#page .alignwide { max-width: 100%; }
	.footer-left, .footer-middle, .footer-right { width: 32%; }
	#page .primary-navigation { max-width: 100%; }
	
	.single-location #page .entry-content .location-block.donation .location-left,
		.single-location #page .entry-content .location-block.donation .location-right
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.singular #page h1.entry-title, h1.entry-title
	{
		font-size: 2.8rem;
		line-height: 1.1em;
	}
	
	.page-template-default #page .entry-content .wp-block-columns, 
		.page-template-default #page .entry-content .wp-block-group, 
		#page .entry-content .faq-block
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-template-default #page .entry-content .wp-block-group.contact-intro h3,
	.page-template-default #page .entry-content .wp-block-group.contact-intro p
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-template-default #page .entry-content .wp-block-columns.contact-sites .wp-block-column .wp-block-group:last-child,
						.page-template-default #page .entry-content .wp-block-group.contact-intro,
		.page-template-default #page .entry-content .wp-block-columns.contact-directory,
				  .page-template-default #page .entry-content .contact-sites .wp-block-group
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.single-job_opening #page .entry-content,
		.page-template-default .entry-content
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.single-job_opening #page h1.entry-title
	{
		margin-bottom: 2rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.singular.single-post #page .entry-header .post-thumbnail, 
		.singular.single-post #page .post-thumbnail
	{
		padding: 0;
		margin: 0;
		width: 100%;
	}
	
	.singular.single-post #page .entry-header,
		.singular.single-post #page .entry-content,
		#page .nav-single
	{
		max-width: 100%;
		margin: 0 auto;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.single-post #page .entry-content .wp-caption,
		.single-post #page .entry-content .wp-caption img { max-width: 100%; }
	
	.single-post #page .entry-content img
	{
		max-width: 100%;
		margin: 0 auto 1rem auto;
	}
	
	.single-post #page .entry-content .post-thumbnail img { margin-bottom: 2rem; }
	
	#page .entry-content img.alignleft
	{
		padding-left: 0;
		padding-right: 0;
		margin-right: 2rem;
	}
	
	#page .entry-content img.alignright
	{
		padding-left: 0;
		padding-right: 0;
		margin-left: 2rem;
	}
	
	#page .site-content .page-banner .tsh_breadcrumbs,
		.single-post #page .site-content .top-spacer { padding-left: 1rem; }
	
	#page .entry-content .home-stats
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	#page .nav-single { max-width: 900px; }
	
	#page .primary-navigation
	{
		width: 100%;
		margin: 0 auto;
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle
	{
		width: 1.5rem;
		height: 0.75rem;
	}
	
	#page .primary-navigation li { margin: 0; }
	#page .primary-navigation li a { font-size: 1.8rem; }
	#page .page-banner { margin-top: 1rem; }
	
	.single-post #page .wp-block-gallery.has-nested-images figure.wp-block-image img {
		margin-bottom:0;
		padding:0.25rem;
		}
}

@media all and (max-width:890px)
{
	.location-button-block .title-block, 
		.news-block .title-block,
		.location-button-block .list-block, 
		.news-block .list-block,
		.news-block,
		.programs-block,
		.news-block.feature,
		.news-row .news-block,
		.news-row
	{
		width: 100%;
		background: unset;
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	.news-row .news-block {
	padding-bottom:2rem;
	}
	.news-block.feature h2
	{
		left: 0;
		font-size: var(--heading--font-size-h2);
	}
	
	.news-block.feature .list-block
	{
		padding-left: 0;
		margin-top: 0;
	}
	
	#page .site-content .news-item img
	{
		max-height: 20rem;
		margin-bottom: 1rem;
	}
	
	.news-block,
		.urgent-block,
		.programs-block { padding-bottom: 3rem; }
	
	.programs-block .program-section
	{
		width: calc(100% - 4rem);
		margin: 0 2rem 2rem 2rem;
	}
	
	.news-block .list-block
	{
		padding-left: 0;
		margin-top: 3rem;
	}
	.home #page .site-content .wp-block-columns.home-columns {
	flex-direction:column;
	}
	.home #page .site-content .wp-block-columns.home-columns .wp-block-column {
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom:5rem;
	}


	.home #page .site-content .feature-block .feature-link a {
	position:relative;
	}


	
	.news-block .title-block
	{
		width: 100%;
		left: unset;
		right: unset;
	}
	
	.title-block
	{
		position: relative;
		top: 0;
		transform: none;
	}
	
	.urgent-block .title-block h3,
		.news-block .title-block h3
	{
		position: relative;
		transform: unset;
		top: unset;
		width: 100%;
	}
	
	.urgent-block,
		.programs-block,
		.news-block
	{
		max-width: 100%;
		width: 100%;
		margin: 0;
		padding-left: 0;
		background: unset;
	}
	
	.programs-block h2
	{
		position: relative;
		padding: 4rem 2rem;
		background: linear-gradient(45deg, #048087 70%, rgba(255,255,255,0) 70%);
		margin-bottom: 3rem;
		border-bottom: 1px solid #048087;
		border-top: 1px solid #048087;
		color: #fff;
		text-align: left;
		transform: unset;
		top: unset;
		width: 100%;
		border-radius:unset;
	}
	.home .program-section.basic-needs {
	border-radius:2.5rem;
	}
	
	.news-block h2
	{
		position: relative;
		padding: 4rem 2rem;
		background: linear-gradient(45deg, #b9395d 70%, rgba(255,255,255,0) 70%);
		border-bottom: 1px solid #b9395d;
		border-top: 1px solid #b9395d;
		color: #fff;
		text-align: left;
		transform: unset;
		top: unset;
		width: 100%;
	}
	
	.news-block.feature h2
	{
		position: relative;
		padding: 4rem 2rem;
		background: linear-gradient(45deg, #5e3895 70%, rgba(255,255,255,0) 70%);
		border-bottom: 1px solid #5e3895;
		border-top: 1px solid #5e3895;
		color: #fff;
		text-align: left;
		transform: unset;
		top: unset;
		width: 100%;
	}
	.home #page .site-content .home-columns .wp-block-column.latest-news {
	margin-top:0;
	}
	.home #page .site-content .spotlight-content {
	padding-bottom:0;
	}
.home #page .site-content .news-block .news-item .spotlight-content {
margin-top:0;
}
	.programs-block .program-item
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.urgent-item .more-link { margin-bottom: 0; }
	.grid-item { column-gap: 1rem; }
	.blog .excerpt-header, .archive .excerpt-header { width: 32%; }
	.blog #page article.post .entry-content, .archive #page article.post .entry-content { width: 68%; }
	
	.blog #page article.post .entry-content h3.excerpt-title, 
		.category #page article.post .entry-content h3.excerpt-title
	{
		margin-bottom: 8px;
		padding-top: 8px;
		margin-top: 0;
	}
	
	#page .site-content .entry-content .board-members .member
	{
		position: relative;
		width: calc(50% - 1.5rem);
		margin: 0;
	}
			#page .site-content .entry-content .board-members .member.director .member-image
	{
		width: calc(50% - 1.5rem);
	}
	#page .site-content .entry-content .board-members .member.director .member-bio {
	width:50%;
	}
}

@media all and (max-width:850px)
{
	.loc-icon { display: none; }
	.loc-info { width: 100%; }
	
	#page .entry-content .two
	{
		column-count: 1;
		column-width: 100%;
	}
	
	.footer-sections
	{
		flex-wrap: wrap;
		row-gap: 5rem;
	}
	
	.footer-left, .footer-middle, .footer-right { width: 45%; }
	
	.footer-left
	{
		display: flex;
		justify-content: left;
	}
	

}

@media all and (max-width:830px)
{
	/*	.grid-sizer, .grid-item { width: 47%; } */
	.page-template-template-reports #page .site-content .entry-content,
						.page-template-template-reports #page .entry-content,
						.page-template-template-reports h1.entry-title
	{
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.doc-block .item
	{
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	
	#page .entry-content div.IATS_PaymentItemDiv,
						#page .entry-content .IATS_AmountItemDiv { width: 100%; }
	#page .entry-content #IATS_PaymentItemDiv_Address { width: 100%; }
	#page .entry-content .IATS_PaymentItemDiv select, 
						#page .entry-content .IATS_PaymentItemDiv input { width: 100%; }
	#page .entry-content #IATS_PaymentItemInput_Address { width: 100%; }
	#page .entry-content #IATS_Payment_PaymentAccountInputDiv .IATS_PaymentItemDiv { width: 100%; }
	
	#page .entry-content #IATS_Payment_ExpiryDateDiv select,
						#page .entry-content .IATS_CVV2Field.IATS_InputRequired
	{
		width: 15rem;
		margin-right: 1rem;
	}
	
	.wp-block-column.is-vertically-aligned-bottom { align-self: unset; }
	

}

@media all and (max-width:800px)
{
	.home #page .entry-content h1
	{
		font-size: 3.2rem;
		line-height: 1.4em;
	}
	
	.single-location #page .page-banner h1.entry-title, 
						.singular #page h1.entry-title, h1.entry-title
	{
		font-size: 2.8rem;
		line-height: 1.4em;
	}
	
	.single-location #page .page-banner h1.entry-title { background: #2d4b92; }
	
	#page .site-content .entry-content .alignright,
	#page .site-content .entry-content .alignleft {
	float:none;
	margin:2rem 0;
	width:100%;
	max-width:unset;
	}
}

@media all and (max-width:782px)
{
	#page .entry-content .wp-block-column h3:first-of-type { margin-top: 0; }
	.wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; }
	.page-template-default #page .entry-content .wp-block-column p:first-child { padding-top: 0 !important; }
	#page .site-content #ep_event_calendar.fc .fc-day-wed .fc-daygrid-event .ep_event_detail_popup { left: -10.5rem; }
	
	.page-template-default #page .entry-content .wp-block-columns.reverse
	{
		flex-direction: column-reverse;
		width: 100%;
		row-gap: 2rem;
	}
	
	.page-template-default #page .entry-content .wp-block-columns
	{
		flex-direction: column;
		width: 100%;
		row-gap: 2rem;
	}
	#page .site-content .entry-content h4 + .wp-block-columns.list-columns {
		margin-top:1rem;
	}
	#page .entry-content .wp-block-columns.list-columns {
		row-gap:0;
	}
	#page .entry-content .wp-block-columns.list-columns ul {
	margin-top:0;
	}
	#page .entry-content .wp-block-columns.site-intro { row-gap: 1rem; }
	
	#page .site-content .entry-content .wp-block-columns.alignwide.home-lines
	{
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	#page .site-content .entry-content .wp-block-columns.alignwide.home-lines .wp-block-column
	{
		max-width: calc(50% - 2rem);
		margin-top: 0;
	}
	
	.wp-block-image figcaption { margin-bottom: 0; }
	
	.page-template-template-faq #page .site-content .entry-content .wp-block-columns.donate-icons
	{
		flex-direction: row;
		flex-wrap: wrap;
		row-gap: 0;
		align-content: baseline;
		flex-basis: unset;
	}
	
	.page-template-template-faq #page .site-content .entry-content .donate-icons .wp-block-column
	{
		width: calc(50% - 1rem);
		flex-basis: 40% !important;
		align-self: self-end;
	}
	
	.page-template-default #page .entry-content .wp-block-column { width: 100%; }
	
	#page .entry-content .home-stats
	{
		display: flex;
		flex-direction: row;
		padding: 3rem 3% 3rem 5%;
		border: 1px solid #2d4b92;
		margin-bottom: 6rem;
		margin-top: 4rem;
		border-radius: 4rem;
		background: #f6f6f6;
		box-shadow: 2px 2px 10px rgba(40,40,40,0.2);
		flex-wrap: nowrap !important;
	}
	
	#page .entry-content .home-stats .wp-block-column
	{
		display: inline-flex;
		align-content: stretch;
		margin-bottom: 0;
		width: 40%;
	}
	
	.programs-block .program-category h3 { font-size: 2.4rem; }
	
	.programs-block .program-item
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.programs-block .program-item
	{
		flex-direction: column;
		row-gap: 2rem;
	}
	
	.programs-block .program-item .program-left,
		.programs-block .program-item .program-right { width: 100%; }
	.program-category { width: 40%; }
	
	.programs-block .program-list
	{
		padding-right: 0;
		width: 60%;
	}
	
	.page-template-default #page .entry-content .contact-directory .wp-block-column img { display: none; }
	
	.page-template-default #page .entry-content .wp-block-columns.contact-directory,
		.page-template-default #page .entry-content .wp-block-columns.contact-directory .wp-block-columns,
		.page-template-default #page .entry-content .contact-directory .wp-block-column
	{
		row-gap: 0;
		margin-bottom: 0;
		margin-top: 0;
		column-gap: 0.5rem;
	}
	
	.single-program #page .program-content .right .entry-content .wp-block-columns.is-layout-flex
	{
		padding: 0;
		row-gap: 0;
		margin-top: 0;
		gap: 0 !important;
	}
	.home #page .site-content .entry-content .wp-block-columns.alignfull.home-lines {
	padding:0;
	}
		.home #page .site-content .entry-content .wp-block-columns.alignfull.home-lines .wp-block-column {
	flex-basis:calc(50% - 3rem) !important;
	margin-top:0 !important;
	}
	.home #page .site-content .entry-content .wp-block-columns.alignfull.home-lines .wp-block-column img {
	max-width:80% !important;
	}
	#page .site-content .entry-content .counter-container p, #page .site-content .entry-content .home-line, #page .site-content .entry-content .home-line p {
	font-size:2.2rem;
	}
}

@media all and (max-width:755px)
{
	#page .entry-content .IATS_AmountSectionTitle, #page .entry-content .IATS_PaymentSectionTitle { margin-bottom: 1rem; }
	
	#page .entry-content .IATS_AmountItemDiv
	{
		width: 100%;
		padding-top: 1rem;
	}
	
	#page .entry-content .IATS_AmountItemDiv tr,
					#page .entry-content .IATS_AmountItemDiv tr td { padding-bottom: 0; }
	#page .entry-content .IATS_OtherAmount { margin-top: -0.4rem; }
	
	.home #page .page-banner img
	{
		height: 20rem;
		object-fit: cover;
	}
	
	.blog .excerpt-header, .archive .excerpt-header { width: 35%; }
	.blog #page article.post .entry-content, .archive #page article.post .entry-content { width: 65%; }
	
	.urgent-item ul
	{
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.urgent-item h5 { text-align: left; }
	
	#page .entry-content .partner-block
	{
		justify-content: left;
		column-gap: 2rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	#page .entry-content .partner-block .item { width: calc(33% - 1.3rem); }
}

@media all and (max-width:735px)
{
	.header-bar .widget_search { display: none; }
	
	#page .site-branding
	{
		max-width: 45%;
		margin: 0;
	}
	
	#page .page-banner h1.entry-title
	{
		position: relative;
		max-width: 100%;
		width: 100%;
		top: unset;
		transform: unset;
		text-align: center;
		padding-top: 0.7rem;
		padding-bottom: 0.5rem;
		margin-bottom: 0;
		font-size:2.6rem;
	}
	
	#page .banner-overlay { display: none; }
	
	#page .page-banner img
	{
		max-width: 100%;
		width: 100%;
	}
	
	#page .blue .page-banner { background-color: #2d4b92; }
	#page .purple .page-banner { background-color: #5e3895; }
	#page .pink .page-banner { background-color: #b9395d; }
	#page .teal .page-banner { background-color: #048087; }
	
	#page .entry-content .wp-block-columns
	{
		max-width: 100%;
		padding: 0 2rem;
	}
	
	#page .entry-content .home-stats { padding: 2rem; }
	#page .entry-content .home-stats h2 { font-size: 2.6rem; }
	#page .entry-content .home-stats .wp-block-column ul li { font-size: 2rem; }
	.singular.single-post #page .entry-header h1.entry-title { font-size: 3rem; }
	.wp-block-image figcaption { margin-top: 0; }
	
	#page .entry-content blockquote p
	{
		font-size: 1.8rem;
		line-height: 1.5em;
	}
	
	.single-post #page .entry-content p { line-height: 1.6em; }
	
	.single-post #page .entry-content .wp-block-columns
	{
		padding: 0;
		row-gap: 0;
	}
	
	.page-template-template-faq #page .entry-content .wp-block-columns { padding: 0; }
	.page-template-default #page .entry-content *:not(.alignwide, .alignfull) { max-width: 100%; }
	
	.location-slide .image-container
	{
		max-width: 100%;
		width: 100%;
		float: none;
	}
	
	.location-block.donation .location-right .item-lists { column-gap: 1em; }
	#page .entry-content ul.item-lists { column-gap: 1rem; }
	
	.page-template-default #page .entry-content .wp-block-column *
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-template-default #page .entry-content .wp-block-column blockquote { padding-left: 1.5rem; }
	#page .site-content .entry-content ul.contact-list { margin-left: 0; }
	
	#page .entry-content h3.alignfull,
		#page .entry-content p.alignfull
	{
		padding-left: 0;
		padding-right: 0;
	}
		#page .site-content .entry-content .counter-container p, #page .site-content .entry-content .home-line, #page .site-content .entry-content .home-line p {
	font-size:2.1rem;
		padding-left:0;
	padding-right:0;
	}
}

@media all and (max-width:720px)
{
	#page .entry-content #IATS_PaymentSectionDiv .IATS_PaymentItemDiv { width: 100%; }
	
	#page .entry-content #IATS_PaymentItemDiv_Item4,
					#page .entry-content #IATS_PaymentItemDiv_Item9
	{
		border-top: none;
		border-bottom: none;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
	
	#page .entry-content #IATS_PaymentItemDiv_Item2 { margin-top: 0; }
	#page .entry-content .item-lists ul { column-count: 2; }
	.program-category img { max-width: 10rem; }
}

@media all and (max-width:675px)
{
	.footer-left p
	{
		max-width: unset;
		margin-bottom: 2.5rem;
	}
	
	#page .nav-container { max-width: 40%; }
	
	.urgent-block h3, .location-button-block h3, .programs-block h3, .news-block h3
	{
		font-size: 2.4rem;
		line-height: 1.3em;
	}
	
	.page-template-template-reports #page .site-content .entry-content,
						.page-template-template-reports #page .entry-content, 
						#page .entry-content .alignwide,
						#page .entry-content.alignwide,
						#page .entry-content .alignfull, 
						#page .entry-content.alignfull
	{
		max-width: 100%;
		width: 100%;
	}
	
	#page .entry-content .wp-block-separator.alignwide { width: unset; }
	#page .entry-content .wp-block-button a { font-size: 1.8rem; }
	#page .entry-content .blockquote { max-width: 80%; }
	
	.single-post #page .entry-content .wp-block-image .alignleft,
					.wp-block-image .alignleft>figcaption,
					.single-post #page .entry-content .wp-block-image .alignright,
					.wp-block-image .alignright>figcaption
	{
		display: flex;
		width: 100%;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}
	
	.wp-block-group__inner-container .wp-block-group__inner-container
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	#page .entry-content .faq-item h5
	{
		font-size: 1.9rem;
		line-height: 1.4em;
	}
	
	#page .entry-content .faq-item .expand
	{
		font-size: 1.7rem;
		line-height: 1.3em;
	}
	
	.single-location #page .nav-single
	{
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.single-post #page .entry-content .wp-caption,
					.single-post #page .entry-content .wp-caption img,
					.single-post #page .entry-content .alignleft,
					.single-post #page .entry-content .alignright
	{
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		display: block;
		clear: both;
		float: none;
	}
	
	.single-location #page .entry-content .location-block.details .location-left.three,
	.single-location #page .entry-content .location-block.details .location-right.three,
	.single-location #page .entry-content .location-block.details .location-middle { width: 100%; }
	
	 #page .site-content .entry-content .wp-block-buttons.is-layout-flex {
	 flex-wrap:wrap;
	 row-gap:3rem;
	 }
}

@media all and (max-width:650px)
{
	#page .site-content #ep_event_calendar.fc .fc-day-wed .fc-daygrid-event .ep_event_detail_popup { left: -11.5rem; }
}

.home #page .entry-content h1 { font-size: 3rem; }

@media all and (max-width:640px)
{
	#page .entry-content.programs.landing .program
	{
		flex-direction: column;
		row-gap: 2rem;
		margin-bottom: 5rem;
	}
	
	#page .site-content .programs.landing .program-category,
	#page .site-content .programs.landing .links { width: 100%; }
	
	#page .site-content .programs.landing .program-category
	{
		text-align: center;
		position: relative;
		padding-right: 3rem;
		padding-left: 3rem;
		margin-left: 0;
	}
	
	#page .site-content .programs.landing .program-category img
	{
		position: absolute;
		top: -6rem;
		left: -3rem;
		z-index: 99;
	}
	
	#page .entry-content.programs.landing .program:nth-child(2) .program-category img,
	#page .entry-content.programs.landing .program:nth-child(4) .program-category img
	{
		position: absolute;
		top: -6rem;
		left: auto;
		right: -3rem;
		z-index: 99;
	}
	
	.single-program #page .entry-content h3 { font-size: 2.2rem; }
}

@media all and (max-width:630px)
{
	.excerpt-header .post-thumbnail { max-width: 100%; }
	.blog .excerpt-header, .archive .excerpt-header { width: 40%; }
	.blog #page article.post .entry-content, .archive #page article.post .entry-content { width: 60%; }
	
	.home .location-button
	{
		display: block;
		clear: both;
		margin: 0 auto 4rem auto;
	}
	
	#page .entry-content .is-layout-flex .is-layout-flow.wp-block-column
	{
		display: block;
		max-width: 100%;
		width: 100%;
		vertical-align: top;
	}
	
	#page .entry-content .is-layout-flex .is-layout-flow.wp-block-column:not(:first-child) { margin-top: 2rem; }
	#page .site-content .entry-content .wp-block-columns.career-icons .wp-block-column:not(:first-child),
			#page .site-content .entry-content .wp-block-columns.career-icons .wp-block-columns .wp-block-column:not(:first-child) { margin-top: 0; }
	
	#page .entry-content .location-left,
						#page .entry-content .location-middle,
						#page .entry-content .location-right
	{
		width: 100%;
		display: block;
	}
	
	#page .site-content .entry-content .wp-block-gallery {
display:flex;
flex-wrap:wrap;
}
#page .site-content .entry-content .wp-block-gallery.columns-3 .wp-block-image {
max-width:calc(50% - 2rem);
}
	#page .entry-content .location-left,
						#page .entry-content .location-middle { margin-bottom: 3rem; }
	
	.location-block.donation .location-right .item-lists,
			#page .entry-content ul.item-lists
	{
		column-count: 1;
		column-gap: unset;
		display: block;
	}
	
	#page .site-content .item-lists h4,
		.page-template-template-wishlist #page .site-content .item-lists h4 { margin-bottom: 1rem; }
	
	.single-location #page .entry-content .location-block.donation .location-right h4
	{
		-webkit-column-span: unset;
		column-span: unset;
		display: block;
	}
	
	.blog #page article.post .excerpt-header, .archive #page article.post .excerpt-header
	{
		text-align: center;
		padding-right: 0;
	}
	
	.blog #page article.post .entry-content, .archive #page article.post .entry-content
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.blog #page article.post .entry-content h3.excerpt-title, .category #page article.post .entry-content h3.excerpt-title { margin-top: 0; }
	.programs-block .program-section { flex-direction: column; }
	.programs-block .program-category img { display: none; }
	
	.programs-block .program-category,
		.programs-block .program-list
	{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border-left: 0;
	}
	
	.programs-block .program-item
	{
		flex-direction: row;
		flex-wrap: nowrap;
	}
	
	.programs-block .program-item .program-left { width: 30%; }
	.programs-block .program-item .program-right { width: 70%; }
	#page .site-content .entry-content .home-stats.is-layout-flex .wp-block-column.is-layout-flow:not(:first-child),
			#page .entry-content .home-stats .wp-block-column ul { margin-top: 0; }
	

	
	.page-template-default #page .entry-content .wp-block-columns.contact-sites h3
	{
		margin-top: 2rem;
		margin-bottom: 2rem;
		font-size: 2.3rem;
	}
	
	.page-template-default #page .entry-content .wp-block-group.contact-intro,
	.page-template-default #page .entry-content .wp-block-columns.contact-directory { padding-left: 1rem; }
	
	.page-template-default #page .entry-content .wp-block-columns.contact-directory,
		.page-template-default #page .entry-content .wp-block-columns.contact-directory .wp-block-columns,
		.page-template-default #page .entry-content .contact-directory .is-layout-flex .is-layout-flow.wp-block-column,
	.page-template-default #page .entry-content .contact-directory.is-layout-flow:not(:first-child)
	{
		row-gap: 0;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.page-template-default #page .entry-content .wp-block-columns.drop-in,
	.page-template-default #page .entry-content .wp-block-columns.shelter { row-gap: 0; }
	.page-template-default #page .entry-content .wp-block-columns.drop-in .wp-block-column,
	.page-template-default #page .entry-content .wp-block-columns.shelter .wp-block-column { margin-top: 0; }
	#page .entry-content .partner-block {
	align-items:stretch;
	}
		#page .entry-content .partner-block .item { width: calc(50% - 1rem); }
}

@media all and (max-width:600px)
{
	.grid-item
	{
		flex-direction: column;
		margin-bottom: 3rem;
		border-top: 1px solid #777;
	}
	
	.blog .excerpt-header, .archive .excerpt-header { width: 100%; }
	.blog #page article.post .entry-content, .archive #page article.post .entry-content { width: 100%; }
}

@media all and (max-width:580px)
{
	#page .entry-content .faq-item h5
	{
		font-size: 1.8rem;
		line-height: 1.3em;
	}
	
	#page .site-content .entry-content .board-members .member h4 { font-size: 1.8rem; }
	#page .site-header { height: 12rem; }
	
	#page .entry-content .faq-item .expand
	{
		font-size: 1.6rem;
		line-height: 1.4em;
	}
	
	#page .site-branding { max-width: 45%; }
	
	#page .header-bar a.slanted
	{
		font-size: 1.5rem;
		margin-left: 1rem;
	}
	
	#page .header-bar a.slanted:first-child { margin-left: 0; }
	
	.home .menu-button-container, #page .menu-button-container
	{
		margin-top: 0;
		padding-top: 0;
		top: 6rem;
	}
	
	.primary-navigation-open #page .primary-navigation > .primary-menu-container { top: 11rem; }
	
	.blog #page .site-main > article .top-spacer, 
						.archive #page .site-main > article .top-spacer, 
						.single-job_opening .site-content, 
						.single-program .site-content, 
						.page-template-default #page .site-content .top-spacer, 
						.single-post #page .site-content, 
						.page-template-template-reports .site-content .top-spacer
	{
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 0;
	}
	
	.home #page .page-banner,
						#page .page-banner { margin-top: 0; }
	
	.home .site-block .sites,
						.home .site-block.drop-in-centre .urgent-item, 
						.home .site-block .urgent-item
	{
		flex-direction: column;
		position: relative;
		text-align: left;
		justify-content: left;
	}
	
	.home .site-block.overnight-shelter h2,
			.home .site-block h2 { margin-top: 2rem; }
	
	.home .site-block h3,
		.home .site-block h4
	{
		text-align: left;
		padding-left: 0;
		max-width: unset;
	}
	
	.urgent-item ul
	{
		padding-left: 2rem;
		padding-right: 0;
		justify-content: left;
		margin-bottom: 0;
	}
	
	.home .site-block.drop-in-centre .urgent-item, .home .site-block .urgent-item
	{
		padding-top: 1rem;
		margin-bottom: 0;
		text-align: left;
	}
	
	.urgent-item .more-link
	{
		display: flex;
		position: unset;
		margin: 0.5rem 0 0 0;
	}
	
	#page .site-header { row-gap: 0; }
	#page .entry-content .home-stats.wp-block-columns { column-gap: 1rem; }
	#page .entry-content .item-lists ul { column-count: 1; }
	
	.single-program .program-content
	{
		row-gap: 2rem;
		flex-direction: column;
	}
	
	.single-program .program-content .left,
	.single-program .program-content .right { width: 100%; }
	
	.single-program .program-content .left
	{
		text-align: center;
		margin-bottom: 2rem;
	}
	
	.single-program .program-content .left img { max-width: 20rem; }
}

@media all and (max-width:540px)
{
	#page .gallery-columns-3 .gallery-item { max-width: 100%; }
	#page .site-branding { max-width: 45%; }
	#page .header-bar a.slanted { font-size: 1.4rem; }
	#page .nav-container { max-width: 35%; }
	
	.footer-left,
						.footer-middle,
						.footer-right
	{
		width: 100%;
		margin: 0 0 30px 0;
		text-align: center;
	}
	
	.location-button-block .title-block.mobile { background: linear-gradient(45deg, #2d4b92 82%, rgba(255,255,255,0) 82%); }
	.urgent-block h2 { background: linear-gradient(45deg, #5e3895 75%, #fff 75%); }
	.programs-block h2 { background: linear-gradient(45deg, #048087 75%, rgba(255,255,255,0) 75%); }
	.news-block h2 { background: linear-gradient(45deg, #b9395d 75%, rgba(255,255,255,0) 75%); }
	.programs-block h2,
		.urgent-block h2,
		.news-block h2 { font-size: 3rem; }
	
	.location-urgent
	{
		width: 100%;
		margin-left: 0;
	}
	
	.home .location-button
	{
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}
	
	.home .location-types:last-of-type .location-button:last-of-type { border-bottom: none; }
	.location-button .locbutton:before { display: none; }
	
	.location-button .locbutton
	{
		max-width: 100%;
		color: #000;
		text-align: left;
		width: 100%;
	}
	
	#page .entry-content .mc-field-group
	{
		display: block;
		width: 100%;
	}
	
	#page .entry-content #mc_embed_signup
	{
		width: 100%;
		padding: 1rem 1rem 2rem 1rem;
	}
	
	.doc-block .item { width: 100%; }
	
	#page .nav-single .nav-previous
	{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 4rem;
	}
	
	#page .nav-single .nav-next
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.footer-sections
	{
		flex-wrap: wrap;
		row-gap: 1rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.footer-left, .footer-middle, .footer-right
	{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	#page .entry-content .IATS_Div
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	#page .entry-content .IATS_AmountItemDiv tr,
						#page .entry-content .IATS_AmountItemDiv tr td,
						#page .entry-content .IATS_AmountItemDiv tr td label,
						#page .entry-content label.IATS_RadioAmtLabel, 
						#page .entry-content .IATS_RadioPaymentLabel { padding-left: 0; }
	#page .entry-content input[type="radio"].IATS_RadioPaymentButton,
						#page .entry-content #IATS_AmountListItemDiv_Other0 { margin-left: 0; }
	#page .entry-content .IATS_PaymentItemDiv select, 
						#page .entry-content .IATS_PaymentItemDiv input,
						#page .entry-content #IATS_PaymentItemInput_Address { width: 100%; }
	#page .entry-content .IATS_PaymentFrequencyItemDiv input[type="radio"].IATS_RadioPaymentButton,
						#page .entry-content .IATS_PaymentTypeItemDiv input[type="radio"].IATS_RadioPaymentButton { margin-left: 2rem; }
	#page .entry-content .IATS_PaymentFrequencyItemDiv label.IATS_RadioPaymentLabel,
						#page .entry-content .IATS_PaymentTypeItemDiv label.IATS_RadioPaymentLabel { margin-left: 0.8rem; }
	
	#page .entry-content .home-stats
	{
		flex-wrap: wrap !important;
		row-gap: 1rem;
	}
	
	#page .entry-content .home-stats ul { margin-left: 1.2rem; }
	.program-category img { max-width: 8rem; }
	
	#page .site-content .entry-content .wp-block-columns.alignwide.home-lines
	{
		column-gap: 2rem;
		row-gap: 2rem;
		padding: 0;
		margin-top: 3.5rem;
	}
	
	#page .site-content .entry-content .wp-block-columns.alignwide.home-lines .wp-block-column p { font-size: 2rem; }
	#page .site-content .entry-content .wp-block-columns.alignwide.home-lines .wp-block-column { max-width: calc(50% - 1rem); }
	
	
	#page .site-content .entry-content .wp-block-columns.alignwide.home-lines .counter-container
	{
		font-size: 3.6rem;
		margin-bottom: 0.5rem;
	}
	#page .site-content .entry-content .board-members .member.director {
	flex-direction:column;
	}
			#page .site-content .entry-content .board-members .member.director .member-image
	{
		width: 100%;
	}
	#page .site-content .entry-content .board-members .member,
	#page .site-content .entry-content .board-members .member.director .member-bio {
	width:100%;
	}
		.page-template-template-board #page .site-content .entry-content .board-members .member
	{
		position: relative;
		width: 100%;
		margin: 0;
	}

}

@media all and (max-width:481px)
{
	.admin-bar .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo
	{
		padding-top: 0;
		top: 0.6rem;
	}
	
	#page .site-header
	{
		height: unset;
		margin-bottom: 0.75rem;
	}
	
	#page .site-header .header-top.mobile
	{
		display: flex;
		flex-direction: column;
		row-gap: 2.5rem;
	}
	.blog #primary.content-area, .archive #primary.content-area {
	margin-top:0;
	}
	#page .site-header .site-branding.mobile
	{
		padding-top: 0;
		max-width: 60%;
	}
	.single-program #page .site-content .site-main article .breadcrumbs, .single-job_opening #page .site-content .site-main article .breadcrumbs, .single-post #page .site-content .site-main article p#breadcrumbs {
	margin-bottom:4rem;
	}
	#page .site-header .site-logo { padding-top: 0.5rem; }
	.home .menu-button-container, #page .menu-button-container { top: 2.5rem; }
	
	#page .header-bar.mobile
	{
		position: relative;
		display: flex;
		justify-content: center;
		top: unset;
		right: unset;
	}
	
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { position: relative; }
	#page .site-header { row-gap: 0; }
	
	.primary-navigation-open #page .primary-navigation > .primary-menu-container
	{
		top: 0;
		z-index: 99;
		padding-top: 7rem;
		border-top: none;
		padding-left: 0;
		padding-right: 0;
	}
	
	.primary-navigation .sub-menu
	{
		padding-top: 0;
		padding-bottom: 1rem;
		margin-top: 1rem;
	}
	
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu:last-child { margin-top: 1rem; }
	
	.primary-navigation .sub-menu .sub-menu
	{
		margin-bottom: 0;
		padding-bottom: 0;
		padding-top: 0.5rem;
	}
	
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu li:last-child
	{
		margin-bottom: 0.5rem;
		padding-bottom: 0;
	}
	
	#page .site-content .entry-content .board-members .member.director { flex-direction: column; }
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu li a { font-size: 1.7rem; }
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu li { padding-left: 1rem; }
	#page .primary-navigation > div > .menu-wrapper > li > .sub-menu li { padding-bottom: 0.5rem; }
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul { display: none; }
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="true"] ~ ul { display: block; }
	
	.home.primary-navigation-open .menu-button-container, 
					.primary-navigation-open #page .menu-button-container
	{
		top: 2rem;
		right: 1rem;
	}
	
	#page .entry-content .IATS_Div .IATS_InnerDiv
	{
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	
	#page .entry-content .IATS_PaymentFrequencyItemDiv, 
					#page .entry-content div.IATS_PaymentTypeItemDiv
	{
		width: 100%;
		text-align: left;
	}
	
	#page .entry-content .IATS_PaymentItemDiv { margin: 0.5rem 0 1rem 0; }
	
	#page .entry-content div.IATS_PaymentFrequencyItemDiv:before
	{
		margin-top: 0;
		padding-top: 4rem;
		margin-bottom: 2rem;
	}
	
	#page .entry-content #IATS_PaymentItemDiv_Item3
	{
		padding-top: 2rem !important;
		margin-top: 2rem;
	}
	
	#page .entry-content .IATS_AmountDiv,
					#page .entry-content #IATS_PaymentItemDiv_Item10
	{
		padding-bottom: 2rem !important;
		margin-bottom: 2rem;
	}
	
	#page .entry-content .IATS_AmountSectionTitle { margin-top: 3rem; }
	#page .entry-content .IATS_PaymentFrequencyItemDiv input[type="radio"].IATS_RadioPaymentButton,
						#page .entry-content .IATS_PaymentTypeItemDiv input[type="radio"].IATS_RadioPaymentButton { margin-left: 0; }
	#page .site-main > article .top-spacer, 
						.page-template-template-reports #page .site-main .top-spacer { margin-bottom: 0; }
	#page .entry-content .alignright { margin-left: 0; }
	#page .entry-content .partner-block .item { width: calc(50% - 1.3rem); }
		#page .site-content .entry-content .counter-container p, #page .site-content .entry-content .home-line, #page .site-content .entry-content .home-line p {
	font-size:2rem;
	padding-left:0;
	padding-right:0;
	}
}

@media all and (max-width:460px)
{
	#page .entry-content .IATS_OtherAmount
	{
		display: flex;
		width: 50%;
		margin-left: 3.5rem;
	}
	
	#page .header-bar a.slanted { font-size: 1.5rem; }
	
	.programs-block .program-item
	{
		flex-direction: column;
		flex-wrap: wrap;
	}
		.single-location #page .page-banner h1.entry-title {
		padding-top:0;
		padding-bottom:0.5rem;
		font-size:2.4rem;
		line-height:1.3em;
		}
		.single-location #page .page-banner h1.entry-title span.locname {
		font-size:1.8rem;
		}
	.programs-block .program-item .program-left { width: 100%; }
	.programs-block .program-item .program-right { width: 100%; }

	.singular.single-post #page .entry-header h1.entry-title { font-size: 2.6rem; }
	.singular.single-post #page h2 { font-size: 2.4rem; }
	#page .entry-content h3, #page .entry-content h3 a, #page .entry-content h3.wp-block-heading { font-size: 2.2rem; }
	#page .entry-content h4, #page .entry-content h4 a, #page .entry-content h4.wp-block-heading { font-size: 2rem; }
	#page .entry-content h5, #page .entry-content h5 a, #page .entry-content h5.wp-block-heading { font-size: 1.8rem; }
	#page .entry-content .IATS_PaymentFrequencyItemDiv label.IATS_RadioPaymentLabel, 
					#page .entry-content .IATS_PaymentTypeItemDiv label.IATS_RadioPaymentLabel { width: 90%; }
	.urgent-block h3, .location-button-block h3, .programs-block h3, .news-block h3 { font-size: 2.2rem; }
	#page .site-content .urgent-block .location-urgent h4 { font-size: 1.8rem; }
	#page .site-content .news-block .news-item h4,
					.programs-block .program-item h4 { font-size: 2rem; }
	.location-urgent ul li,
					.programs-block .program-item p,
					#page .news-block .news-item p { font-size: 1.6rem; }
	#page .primary-navigation li.top-button { width: 49%; }
	.programs-block .program-item .program-icon { display: none; }
	.programs-block .program-item .program-content { max-width: 100%; }
	#page .site-content #ep_event_calendar.fc .fc-day-wed .fc-daygrid-event .ep_event_detail_popup { left: -12.5rem; }
	#page .site-content #ep_event_calendar.fc .fc-day-thu .fc-daygrid-event .ep_event_detail_popup { right: -5rem; }
	#page .site-content #ep_event_calendar.fc .fc-day-thu .fc-daygrid-event .ep_event_detail_popup:before, 
			#page .site-content #ep_event_calendar.fc .fc-day-thu .fc-daygrid-event .ep_event_detail_popup:after { right: 65px; }
	#page .site-content #ep_event_calendar.fc .fc-day-tue .fc-daygrid-event .ep_event_detail_popup { left: -5rem; }
	#page .site-content #ep_event_calendar.fc .fc-day-tue .fc-daygrid-event .ep_event_detail_popup:before, 
			#page .site-content #ep_event_calendar.fc .fc-day-tue .fc-daygrid-event .ep_event_detail_popup:after { left: 65px; }
	#page .site-content #ep_event_calendar.fc .fc-dayGridDay-view .fc-day-wed .fc-daygrid-block-event .ep_event_detail_popup,
				#page .site-content #ep_event_calendar.fc .fc-dayGridDay-view .fc-day-tue .fc-daygrid-block-event .ep_event_detail_popup,
				#page .site-content #ep_event_calendar.fc .fc-dayGridDay-view .fc-day-thu .fc-daygrid-block-event .ep_event_detail_popup,
				#page .site-content #ep_event_calendar.fc .fc-dayGridDay-view .fc-day-fri .fc-daygrid-block-event .ep_event_detail_popup,
				#page .site-content #ep_event_calendar.fc .fc-dayGridDay-view .fc-day-sat .fc-daygrid-block-event .ep_event_detail_popup { left: -1rem; }
}

@media all and (max-width:430px)
{
	#page .entry-content.programs.landing .program
	{
		margin-left: 2rem;
		margin-right: 2rem;
	}
	
	#page .site-content .programs.landing .program-category img { left: -1rem; }
	
	#page .site-content .programs.landing .cultural-programming .program-category
	{
		padding-left: 5.5rem;
		padding-right: 5.5rem;
	}
	
	#page .site-content .entry-content .board-members .member
	{
		position: relative;
		width: 100%;
		margin: 0;
	}
	
	.home #page .entry-content h1 { font-size: 2.8rem; }
	.urgent-item ul { column-count: 2; }
}

@media all and (max-width:370px)
{
	.home .menu-button-container, #page .menu-button-container { right: 1rem; }
	#page .primary-navigation .primary-menu-container > ul > .menu-item.top-button > a { margin: 0 auto; }
	#page .primary-navigation li { padding-left: 1rem; }
}

.home #page .site-content .entry-content
{
	padding-left: 1rem;
	padding-right: 1rem;
}
