/*** 850 - MENU SWITCH ***/

@media all and (max-width:850px) {
	#page .wp-block-columns:not(.contact) {
		flex-direction:row;
		}
	
	#page .wp-block-columns:not(.contact) .wp-block-column:first-child {
		max-width:calc(33% - 2rem);

		}
		
	#page .wp-block-columns:not(.contact) .wp-block-column:last-child {
		max-width:calc(66% - 2rem);

		}
	
	.site-header #site-branding img {
		height:10rem;
		width:auto;
		}
		
	.site-header.stuck #site-branding img {
		height:7rem;
		width:auto;
		}
	
	.primary-navigation-open.lock-scrolling {
		overflow-y:scroll;
		scroll-behavior: initial;
		position: fixed;
		width:100%;
		}
		
	.admin-bar.primary-navigation-open.lock-scrolling {
		top:0;
		}
	
	#page .site-header .header-main,
	#page .site-header.stuck .header-main {
		position: relative;
		align-items: flex-start;
		}
		
	.primary-navigation-open #page .site-header .menu-button-container,
	#page .site-header .menu-button-container {
		display: flex;
		background-color: transparent;
		position: absolute;
		top: 4rem;
		right: 0.5rem;
		width:50%;
		}
		
	#page .site-header.stuck .menu-button-container {
		top: 3.25rem;
		}
		

		
	.menu-button-container #primary-mobile-menu {
		padding:0.5rem;
		}
		
	.primary-navigation-open .menu-button-container #primary-mobile-menu .dropdown-icon.open, 
	.menu-button-container #primary-mobile-menu .dropdown-icon.close {
		display:none;	
		}
		
	.menu-button-container #primary-mobile-menu .dropdown-icon.open,	
	.primary-navigation-open .menu-button-container #primary-mobile-menu .dropdown-icon.close {
		display:flex;
		font-size:1.7rem;
		}
		
	.site-header.stuck .header-main {
		padding-top:0;
		}
		
	#page .site-header.stuck .menu-button-container {
		padding:0;
		}

		
	#page .site-navigation { 
		width: 100%; 
		}
	
	#page .primary-navigation {
		margin-left: 0;
		position: unset;
		width: 100%;
		background: none;
		}
		
	.primary-navigation .primary-menu-container {
		display:none;
		}
		
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		display:block;
		position: fixed;
		height: 100%;
		padding-bottom: 5rem;
		top:2.25rem;
		padding-top:3rem;
		overflow:auto;
		}
		
	.admin-bar.primary-navigation-open .primary-navigation > .primary-menu-container {
		top:12rem;
		overflow:hidden;
		}
		
	.primary-navigation #primary-menu-list {
		justify-content: left;
		flex-direction: column;
		flex-wrap:nowrap;
		padding-left: 0;
		max-width:100%;
		width: 100%;
		background: #fefefe;
		margin-left: 0;
		padding-bottom: 10rem;
		padding-top: 2rem;
		}
		
	.primary-navigation #primary-menu-list ::-webkit-scrollbar {
		width: 3px;
		height: 3px;
		border-left: 0;
		background: #fff;
		}	
		
	.primary-navigation #primary-menu-list ::-webkit-scrollbar-track { 
		background: none; 
		}

	.primary-navigation #primary-menu-list ::-webkit-scrollbar-thumb {
		background: #fff;
		border-radius: 0;
		}
		
	.admin-bar .primary-navigation #primary-menu-list {
		min-height:calc(100vh - 3.2rem);
		height:100%;
		overflow-y:scroll;
		}
		
	.primary-navigation li.menu-item {
		flex-direction:column;
		padding-left:2rem;
		padding-bottom:2rem;
		
		border-bottom:1px solid var(--global--color-darkgrey);
		}
		
	.primary-navigation-open .primary-navigation #primary-menu-list > li:not(:first-of-type),
	#page .primary-navigation > li.menu-item:not(:first-of-type) {
		margin-top:2rem;
		}
		
	#page .primary-navigation li > a {
		font-weight: 700;
		font-size: 1.8rem;
		max-width: fit-content;
		}
		
	#page #primary-mobile-menu .dropdown-icon.open img {
		width: 5rem;
		height: 2.7rem;
		}
		
	#page button#primary-mobile-menu .close img {
		width:2.5rem;
		height:2.5rem;
		}
	
	#page button#primary-mobile-menu:focus,
	#page .primary-navigation li > a:focus {
		outline:2px solid #aaa !important;
		outline-offset:0.15rem !important;
		}
			
	.primary-navigation #primary-menu-list li.menu-item-has-children a {
		margin-bottom:0;
		padding-bottom:0.5rem;
		}
		
	#page .primary-navigation li ul.sub-menu {
		margin-top: 1rem;
		padding-left: 0.5rem;
		margin-bottom:0;
		padding-bottom:0;
		background:unset;
		box-shadow:none;
		}
		

		
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		display: block;
		border: none;
		position: relative;
		background-color:unset;;
		color:#000;
		padding-left:0;
		}
	
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, 
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		display:none;
		}

	#page .primary-navigation li ul.sub-menu li > a {
		font-weight: 400;
		font-size: 1.8rem;
		color: #000;
		background: unset;
		padding-bottom: 0.5rem;
		max-width: fit-content;
		}
	
	.primary-navigation #primary-menu-list .sub-menu li a:hover, 
	.primary-navigation #primary-menu-list .sub-menu li a:focus {
		background: unset;
		color: #aaa;
		}
		
	.primary-navigation #primary-menu-list .sub-menu li a:focus {
		outline: 1px solid #aaa;
		outline-offset: 0;
		}

	.primary-navigation-open .site-header.stuck .menu-button-container,
	.site-header.stuck .menu-button-container { 
		top: 0.5rem; 
		}
		
	/***** MOBILE FIX FOR COMPUTERS *****/
	
	#page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle ~ ul,
	#page .primary-navigation li.menu-item-has-children a > .sub-menu {
		display: block;
		border: none;
		position: relative;
		padding-left: 2rem;
		top: 0;
		margin-top: -0.5rem;
		}
	
	#page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle { 
		display: none; 
		}
	
	.lock-scrolling { 
		overflow-y: hidden; 
		scroll-behavior:initial;
		position:fixed; 
		}
		
	/******** NON-NAV STUFF **********/
	
	#page .site-main {
		max-width:100%;
		}
	
	#page .entry-content .wp-block-columns:not(.book-preview) {
		flex-direction:column;	
		}
	
	#page .wp-block-columns.reverse {
		flex-direction:column-reverse;
		}

	#page .entry-content .wp-block-columns.book-preview {
		flex-direction:row;	
		}
	
	#page .entry-content .wp-block-columns:not(.book-preview) .wp-block-column:first-child,
	#page .entry-content .wp-block-columns:not(.book-preview) .wp-block-column:last-child {
		flex-basis:100% !important;
		width:100% !important;
		max-width:unset;
		}	
		
	#page .entry-content .wp-block-columns:not(.book-preview) .wp-block-column:first-child .wp-block-image  {
		max-width:60%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:2rem;
		}
}

/****************************************
		Touchscreen Devices	- 
*****************************************/

/*** 850 - TOUCH ***/

@media (hover: none) and (max-width:850px) {
	#page .site-header .menu-button-container {
		display: flex;
		background-color: transparent;
		position: absolute;
		top: 5rem;
		right:1rem;
		padding:0;
		}
		
	.primary-navigation-open #page .site-header .menu-button-container {
		top:5rem;
		right:1rem;
		}
		
	#page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle ~ ul,
	#page .primary-navigation li.menu-item-has-children a > .sub-menu { 
		display: none; 
		}
		
	#page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle { 
		display: flex;
		margin-top:0; 
		right:4rem;
		}
		
	.sub-menu-toggle span {
		background-position:50% 50%;
		width:2.4rem;
		}

	.primary-navigation #primary-menu-list li.menu-item-has-children a {
		padding-bottom:0;
		}
		
	.primary-navigation #primary-menu-list li.menu-item-has-children a[aria-expanded="true"] {
		padding-bottom:1rem;
		}
		
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
		display:block;
		width:4rem;
		right:2rem;
		position:absolute;
		}
	
	#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;
		}
	
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, 
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
		width: 2.2rem;
		height: 2.2rem;
		margin-top: 0;
		}
		
	.primary-navigation-open .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
		outline: 2px solid #fff;
		background: unset;
		}
		
	.primary-navigation-open #page .primary-navigation .sub-menu-toggle[aria-expanded="true"] + .sub-menu {
		display: block;
		border: none;
		position: relative;
		padding-left: 2rem;
		top: 0;
		margin-top:0.75rem;
		}
		
	.primary-navigation-open .primary-navigation #primary-menu-list .sub-menu li a:hover, 
	.primary-navigation-open .primary-navigation #primary-menu-list .sub-menu li a:focus  {
		color:var(--global--color-blue);
		outline:1px solid var(--global--color-blue);
		}
}
/**************** END TOUCHSCREENS *****************/

		
/*** 781 ***/

@media all and (max-width:781px) {

#page .entry-content .wp-block-columns {
	column-gap:2rem;
	}
	
#page .entry-content .wp-block-columns.book-preview .wp-block-column:first-child {
	max-width:calc(40% - 1rem);
	}	
	
#page .entry-content .wp-block-columns.book-preview .wp-block-column:last-child {
	max-width:calc(60% - 1rem);
	}

	

}


/*** 650 ***/




/*** 600 ***/

@media all and (max-width:600px) {
	#page h1, 
	#page h1.entry-title {
		font-size:3rem;
		line-height:1.4em;
		}
		
	#page h2 {
		font-size:2.6rem;
		}
		

}


/*** 481 ***/

@media all and (max-width:481px) {
	.site-header #site-branding img {
		height:8rem;
		}
		
	.site-header.stuck #site-branding img {
		height:6rem;
		}
		
	#page .site-header .menu-button-container,
	.primary-navigation-open #page .site-header .menu-button-container,
	#page .site-header.stuck .menu-button-container {
		top:4rem;
		}
		
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		top: 3.25rem;
        padding-top: 2rem;
		}

	#page header.entry-header {
		margin-top:1rem;
		margin-bottom:3.5rem;
		}
		
	#page .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle {
		right:1rem;
		align-self: end;
		}
		
	.primary-navigation-open #page .primary-navigation .sub-menu-toggle[aria-expanded="true"] + .sub-menu {
		margin-left:0;
		}
		
	#page .primary-navigation li.menu-item {
		padding-left:0;
		}

	#page .entry-content .wp-block-columns {
		flex-direction:column;
		margin-bottom:0;
		margin-top:0;
		}
	
	#page .entry-content .wp-block-columns:not(.book-preview) .wp-block-column:first-child .wp-block-image,
	#page .entry-content .wp-block-columns.book-preview .wp-block-column:first-child,
	#page .entry-content .wp-block-columns .wp-block-column:first-child .wp-block-image,
	#page .entry-content .wp-block-columns.book-preview .wp-block-column:first-child .wp-block-image {
		max-width:100%;
		}
		
	#page .entry-content .wp-block-columns.book-preview .wp-block-column:last-child,
	#page .entry-content .wp-block-columns .wp-block-column:last-child {
		max-width:100%;
		width:100%;
		}
		
	#page .entry-content .wp-block-columns .wp-block-column:first-child .wp-block-image  {
		max-width:100%;
		}
}

@media all and (max-width: 330px) {
	#page .site-content {
		margin-top:9rem;
		}
		
	.site-header #site-branding img {
		height:6rem;
		}
		
	#page .site-header .menu-button-container,
	.primary-navigation-open #page .site-header .menu-button-container,
	#page .site-header.stuck .menu-button-container {
		top:2.5rem;
		}

	
	}