/*!
*	Theme: MHPS
* 	Stylesheet: mhps_mediaqueries.css
* 	Description: Responsive overrides
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# MIN SETTINGS
# MAX SETTINGS
# RANGE SETTINGS
# SPECIAL MEDIA QUERIES

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

/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/


/*** MIN SETTINGS ***/


/*X-Small devices (portrait phones, 0px and up)*/
@media (min-width: 0px) { 
	/* Also see utilities/main/modules file, as this would apply for all sizes */
	/* XS display properties for just this minium size, see below */
	.search_container {
		max-width: 90vw;
		margin: auto;
	}

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	

	.d-flex-sm {
		display: flex;
	}

	.d-block-sm {
		display: block;
	}

	.d-inline-sm {
		display: inline;
	}

	.d-inline-block-sm {
		display: inline;
	}

	.search_container {
		max-width: 80vw;
		margin: auto;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	

	.d-flex-md {
		display: flex;
	}

	.d-block-md {
		display: block;
	}

	.d-inline-md {
		display: inline;
	}

	.d-inline-block-md {
		display: inline;
	}

	.search_container {
		max-width: 66vw;
		margin: auto;
	}
}

/* Large devices (desktops, 992px and up)   THIS IS GENERAL DESKTOP */
@media (min-width: 992px) { 
	.hidden-desktop {
		display: none;
	}

	.d-flex-lg , .d-flex-desktop {
		display: flex;
	}

	.d-block-lg, .d-block-desktop {
		display: block;
	}

	.d-inline-lg, .d-inline-desktop {
		display: inline;
	}

	.d-inline-block-lg, .d-inline-block-desktop {
		display: inline;
	}

	.text-left-desktop {
		text-align: left;
	}

	.text-center-desktop {
		text-align: center;
	}

	.text-right-desktop {
		text-align: right;
	}

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}

	.search_container {
		max-width: 50vw;
		margin: auto;
	}

	
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.d-none-xl, .hidden-xl {
		display: none;
	}

	.d-flex-xl {
		display: flex;
	}

	.d-block-xl {
		display: block;
	}

	.d-inline-xl {
		display: inline;
	}

	.d-inline-block-xl {
		display: inline;
	}

	.search_container {
		max-width: 40vw;
		margin: auto;
	}
}

/* Huge devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	.d-none-hg, .hidden-hg {
		display: none;
	}

	.d-flex-hg {
		display: flex;
	}

	.d-block-hg {
		display: block;
	}

	.d-inline-hg {
		display: inline;
	}

	.d-inline-block-hg {
		display: inline;
	}

	.search_container {
		max-width: 33vw;
		margin: auto;
	}
}


/*** MAX SETTINGS ***/

/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 

}


/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	.d-none-lg, .hidden-lg {
		display: none;
	}

	/* Font Sizes */
	h1 {
		font-size: 3rem;
	}

	h1.ultra {
		font-size: 4.375rem;
	}

	h1.accent {
		font-size: 2.75rem;
	}

	h2 {
		font-size: 2.75rem;
	}

	h3 {
		font-size: 2.125rem;
	}

	h4 {
		font-size: 1.625rem;
	}

	h5, h5.semibold, h5.label {
		font-size: 1.375rem;
	}

	button.hero {
		font-size: 1.5rem;
	}

	p.large {
		/*font-size: 1.125rem;*/
		font-size: 1.375rem;
	}

	h6, p, blockquote, ol, ul, h6.navitem, .navitem, h6.cta, #primary-menu li, button.primary, .button_primary, button.secondary,	.button_secondary, button.tertiary, .button_tertiary,input,select,optgroup,textarea { 
		font-size: 1.0rem;
	}

	p.fine, button, #footer-menu-2 li {
		font-size: 0.875rem;
	}

	header.entry-header h1.entry-title, header.entry-header h2.entry-title, header.entry-header h5.entry-title  {
		width: auto;
		max-width: 96vw;
		margin: var(--spacer-md) 0;
	}

	header.entry-header .page-title-image h1.entry-title, header.entry-header .page-title-image h2.entry-title, header.entry-header .page-title-image h5.entry-title, header.entry-header div.entry-title  {
		width: 96vw;
		max-width: 96vw;
		margin: var(--spacer-md) var(--spacer-md);
	}

	.main-navigation ul#primary-menu>li a:after {
		margin-left: 0.25rem;
	}

	.modal, .modal_survey {
		margin: 8vh 15vw;
		width: 70vw;
		max-height: 84vh;
    	overflow: scroll;
	}

	

}



/*`lg` applies to medium devices (tablets, less than 992px)  THIS IS GENERAL MOBILE*/
@media (max-width: 991.98px) { 
	

	/*** Display properties ***/

	.d-none-md, .hidden-md {
		display: none;
	}
	
	.d-none-mobile, .hidden-mobile {
		display: none;
	}

	.d-flex-mobile {
		display: flex;
	}

	.d-block-mobile {
		display: block;
	}

	.d-inline-mobile {
		display: inline;
	}

	.d-inline-block-mobile {
		display: inline-block;
	}

	.d-inline-flex-mobile {
		display: inline-flex;
	}

	.margin-mobile-none {
		margin: 0;
	}

	.margin-horizontal-mobile-none {
		margin-left: 0;
		margin-right: 0;
	}

	.margin-horizontal-mobile-sm {
		margin-left: var(--spacer-sm);
		margin-right: var(--spacer-sm);
	}

	.margin-vertical-mobile-none {
		margin-top: 0;
		margin-bottom: 0;
	}

	.padding-mobile-none {
		padding: 0;
	}

	.padding-mobile-md {
		padding: calc(var(--padding-multiplier) * var(--spacer-md));
	}

	.padding-mobile-sm {
		padding: calc(var(--padding-multiplier) * var(--spacer-sm));
	}

	.padding-horizontal-mobile-none {
		padding-left: 0;
		padding-right: 0;
	}

	.padding-horizontal-mobile-md {
		padding-left: calc(var(--padding-multiplier) * var(--spacer-md));
		padding-right: calc(var(--padding-multiplier) * var(--spacer-md));
	}

	.padding-horizontal-mobile-sm {
		padding-left: calc(var(--padding-multiplier) * var(--spacer-sm));
		padding-right: calc(var(--padding-multiplier) * var(--spacer-sm));
	}

	.padding-horizontal-mobile-xs {
		padding-left: calc(var(--padding-multiplier) * var(--spacer-xs));
		padding-right: calc(var(--padding-multiplier) * var(--spacer-xs));
	}

	.padding-vertical-mobile-none {
		padding-top: 0;
		padding-bottom: 0;
	}

	.text-left-mobile {
		text-align: left;
	}

	.text-center-mobile {
		text-align: center !important;
	}

	.text-right-mobile {
		text-align: right;
	}

	
	/*** Header, Footer, Nav ***/
	.menu-toggle {
		display: block;
	}

	body.admin-bar header#masthead {
		top: 0;
	}


	header#masthead {
		/*display: flex;
		position: fixed;*/
		/*top: 0;
		margin: 0;
		overflow-y: hidden;*/
	}

	body.admin-bar header#masthead {
		/*top: 0;
		padding-top: 48px;*/
	}

	body.admin-bar:has(header#masthead) {
		/*padding-top: 32px;*/
	}

	header#masthead:has(nav.toggled) {
		width: 100vw;
		height: 100vh;
		top: 0;
		bottom: 0;
		left: 0;
		align-content: flex-start;
		overflow-y: scroll;
		margin: 0;
		position: fixed;
		/*padding: var(--spacer-sm);*/
		/*transition: 5s;*/
	}

	body.admin-bar header#masthead:has(nav.toggled) {
		padding-top: 3rem;
		
	}

	body.admin-bar:has(header#masthead:has(nav.toggled)) {
	
		
	}

	.main-navigation ul {
		display: none;
	}

	nav.toggled {
		margin-top: var(--spacer-md);
		margin-bottom: 12rem;
	}

	nav.toggled.main-navigation ul {
		display: inline-flex;
		flex-direction: column;
	}

	nav.toggled.main-navigation ul ul {
		display: inline-flex;
		top: 0.5rem;
		width: 90vw;
	}

	.main-navigation ul ul {
		position: relative;
		width: 90vw;
		margin: 0 5vw;
		top: 0;
		margin-bottom: var(--spacer-lg);
		box-shadow: none;
		border-top: calc(0.5*var(--border-width)) solid var(--orange);
	}

	.main-navigation ul li a {
		padding: var(--spacer-md);		
	}

	.main-navigation ul ul li a {
		padding: var(--spacer-sm) var(--spacer-sm) var(--spacer-md) var(--spacer-sm);
		width: 100%;
	}

	


	form#search-form {
		flex: 0 0 100%;
		order: 2;
		display: flex;
		justify-content: flex-end;
		max-width: 100%;
		margin-left: 0;
	}

	form#search-form.toggled input#search-input {
		width: auto;
	}

	form#search-form.toggled input#search-submit {
		display: flex;
		margin-left: 0;
		margin-right: 0.5rem;
	}

	form#search-form.toggled label {
		margin-right: 0;
	}

	form#search-form > div {
		justify-content: space-between;
		flex-grow: 1;
	}

	form#search-form.toggled input#search-input {
		display: flex;
		margin-left: 0;
		margin-right: 0;		
	}

	form#search-form #search-input {
		flex: 0 0 94%;
		
	}

	form#search-form.toggled label {
		flex: 0 0 6%;
	}

	/*form#search-form #search-submit {
		flex: 0 0 6vw;
	}*/

	.gtranslate_wrapper, #header-donate {		
		display: flex;
		flex: 0 0 49.5%;
		justify-content: center;
		margin-left: 0;
		margin-right: 0;
	}



	.gt_selector {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	header.entry-header .page-title-image h1.entry-title, header.entry-header .page-title-image h2.entry-title, header.entry-header .page-title-image h5.entry-title, header.entry-header div.entry-title  {
		width: 96vw;
		max-width: 96vw;
		margin: var(--spacer-md) var(--spacer-sm);
	}

	header.entry-header h1.entry-title, header.entry-header h2.entry-title, header.entry-header h5.entry-title  {
		width: 96vw;
		max-width: 96vw;
		margin: var(--spacer-md) 0;
	}

	header.entry-header div.page-title-image {
		justify-content: center;
	}

	header.entry-header .page-title-container>.entry-title:last-child, header.entry-header .page-title-image>.entry-title:last-child {
		margin-bottom: var(--spacer-md);
	}

	

	


	.justify-content-left-mobile {
		justify-content: left;
	}

	.justify-content-right-mobile {
		justify-content: right;
	}

	.justify-content-center-mobile {
		justify-content: center;
	}

	.justify-content-space-around-mobile {
		justify-content: space-around;
	}

	.justify-content-space-between-mobile {
		justify-content: space-between;
	}

	.justify-content-space-evenly-mobile {
		justify-content: space-evenly;
	}
	
	#footer-nav-2, footer #site-copyright {
		display: flex;
		justify-content: center;
	}

	.gap-mobile-none {
		gap: 0;
	}



	footer #site-copyright p {
		text-align: center;
	}

	header.entry-header .donate-title, header.entry-header h1.donate-title {
		width: 100vw;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		max-width: 600px;
	}

	.donate-widget-container {
		width: auto;
		min-width: 240px;
		max-width: 600px;
	}

	.modal, .modal_survey {
		margin: 8vh 8vw;
		width: 84vw;
		max-height: 84vh;
    	overflow: scroll;
	}

	.carousel .carousel_slide .carousel_card, .callout .callout_item .callout_card {
		padding: var(--spacer-md);
	}
}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 

		.hidden-sm {
			display: none;
		}

		/*** Header Footer ***/

		header.entry-header h1.entry-title, header.entry-header h2.entry-title, header.entry-header h5.entry-title  {
			text-align: center;
		}			

		header.entry-header div.entry-title {
			justify-content: center;
		}


		header.entry-header div.page-title-image {
			align-items: center;
		}

		#footer-contact {
			text-align: center;
			margin-bottom: var(--spacer-lg);
		}

		.secondary-navigation ul#footer-menu {
			justify-content: space-around;
			margin-left: 0;
		}

		footer #footer-logo {
			display: inline-flex;
		}

		body.admin-bar header#masthead:has(nav.toggled) {
			padding-top: 3.85rem;
			
		}

		.modal, .modal_survey {
			margin: 4vh 2vw;
			width: 96vw;
			max-height: 92vh;
			overflow: scroll;
		}

		form#search-form #search-input {
			flex: 0 0 92%;			
		}

		form#search-form.toggled label {
			flex: 0 0 8%;
		}

		.sidebar-left {
			padding: var(--spacer-md);
			justify-content: center;
			text-align: center;
		}

		.text-center-mobile-md {
			text-align: center !important;
		}

		footer .footer-subscribe-form .gform_fields {
			display: flex !important;
			justify-content: center !important;
		}

		.post_container {
			margin: 0 var(--spacer-md);
			padding: 0;
		}

		.entry-meta {
			margin: var(--spacer-md) auto;
			text-align: center;
		}

		.gap-sm-none {
			gap: 0;
		}

		.text-center-mobile-md {
			text-align: center !important;
		}

		

		

		
}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	
	

	.d-none-xs, .hidden-xs {
		display: none;
	}

	.d-flex-xs {
		display: flex;
	}

	.d-block-xs {
		display: block;
	}

	.d-inline-xs {
		display: inline;
	}

	.d-inline-block-xs {
		display: inline;
	}

	.module_container {
		margin: var(--spacer-xs) var(--spacer-xs);
	}
	.text-inset {
		padding: var(--spacer-md);
	}

	.secondary-navigation ul#footer-menu {
		margin-left: 0;
		flex-direction: column;
		align-content: center;
	}

	#footer-contact, #footer-nav {
		text-align: center;
	}

	#footer-menu > .menu-item {
		margin-right: 0;
	}

	body.admin-bar header#masthead:has(nav.toggled) {
		padding-top: 3.85rem;
		
	}

	form#search-form #search-input {
		flex: 0 0 85%;			
	}

	form#search-form.toggled label {
		flex: 0 0 15%;
	}

	.post_container {
		margin: 0 var(--spacer-sm);
		padding: 0;
	}

	.entry-meta {
		margin: var(--spacer-sm) auto;
		text-align: center;
	}
	.gap-xs-none {
		gap: 0;
	}
}





/*** RANGE SETTINGS ***/



/*XS to SM (portrait phones, 0px - 575.98px)*/
@media (min-width: 0px) and (max-width: 575.98px) { 
    	/* Font Sizes */
	h1 {
		font-size: 2rem;
	}

	h1.ultra, h1.hero {
		font-size: 2.5rem;
	}

	h1.accent {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 1.7rem;
	}

	h3 {
		font-size: 1.6rem;
	}

	h4 {
		font-size: 1.4rem;
	}

	h5, h5.semibold, h5.label {
		font-size: 1.3rem;
	}

	button.hero {
		font-size: 1.3rem;
	}

	p.large {
		/*font-size: 1.125rem;*/
		font-size: 1.1rem;
	}

	h6, p, blockquote, ol, ul, h6.navitem, .navitem, h6.cta, #primary-menu li, button.primary, .button_primary, button.secondary,	.button_secondary, button.tertiary, .button_tertiary,input,select,optgroup,textarea { 
		font-size: 1.0rem;
	}

	p.fine, button, #footer-menu-2 li {
		font-size: 0.875rem;
	}
}

/* SM to MD (landscape phones, 576px - 767.98px)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	/* Font Sizes */
	h1 {
		font-size: 2.5rem;
	}

	h1.ultra, h1.hero {
		font-size: 3rem;
	}

	h1.accent {
		font-size: 2rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	h5, h5.semibold, h5.label {
		font-size: 1.3rem;
	}

	button.hero {
		font-size: 1.5rem;
	}

	p.large {
		/*font-size: 1.125rem;*/
		font-size: 1.1rem;
	}

	h6, p, blockquote, ol, ul, h6.navitem, .navitem, h6.cta, #primary-menu li, button.primary, .button_primary, button.secondary,	.button_secondary, button.tertiary, .button_tertiary,input,select,optgroup,textarea { 
		font-size: 1.0rem;
	}

	p.fine, button, #footer-menu-2 li {
		font-size: 0.875rem;
	}

	.module_container {
		margin: var(--spacer-xs) 0;
	}
	.text-inset {
		padding: var(--spacer-lg);
	}
}

/* MD to LG (intermediate, 768px - 991.98px)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	/* Font Sizes */
	h1 {
		font-size: 2.5rem;
	}

	h1.ultra, h1.hero {
		font-size: 3rem;
	}

	h1.accent {
		font-size: 2rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	h5, h5.semibold, h5.label {
		font-size: 1.3rem;
	}

	button.hero {
		font-size: 1.5rem;
	}

	p.large {
		/*font-size: 1.125rem;*/
		font-size: 1.1rem;
	}

	h6, p, blockquote, ol, ul, h6.navitem, .navitem, h6.cta, #primary-menu li, button.primary, .button_primary, button.secondary,	.button_secondary, button.tertiary, .button_tertiary,input,select,optgroup,textarea { 
		font-size: 1.0rem;
	}

	p.fine, button, #footer-menu-2 li {
		font-size: 0.875rem;
	}
}

/* LG to XL (desktops, 992px - 1199.98px)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 

}

/* XL to HG (large desktops, 1200px - 1499.98px)*/
@media (min-width: 1200px) and (max-width: 1399.98px) { 

}


/*** SPECIAL MEDIA QUERIES ***/

/* subscribe form */
@media (max-width: 639.98px) {
	.subscribe_email_field {
		margin-right: 1rem !important;
	}
}

@media (max-width: 479.98px) {
	.subscribe_email_field {
		margin-right: 0!important;

	}

	 footer .footer-subscribe-form .gform_fields {
	 	flex-direction: column;
	 	align-items: center;
	 }
}