/* NEW STYLES FOR A11Y HOME PAGE */

/* maroon		=>	#ac2f3c	*/
/* rich red	=>	#ed001e ... or #ea0029	*/
/* dk blue	=>	#00558C; 	*/
/* mauve		=>	#cacfe7	*/
/* green		=>	#00a42b	*/

/* content zone ... THIS IS NOT NECESSARILY A SITE-WIDE STYLE */





div#content.site-content.nhfront div.container {
	padding-left: 0px; padding-right: 0px;	
}

div.container header.site-header div.row {
	margin-bottom: 0px;
}




/* first HERO BLOCK */
div#content.site-content.nhfront div.container div main div.page-content div.h_csect.h_hero, 
div#content.site-content div.container div main div.page-content div.h_csect.h_hero {
	display: block;
	width: 99.9%;
	height: 450px;
	max-height: 450px; /*490px; 418px;*/
	background-color: #00558C;
	/*background-image: url('https://mymsaa.org/wp-content/uploads/2019/11/m_family_11a.jpg');*/
	/*background-image: url('../../../wp-content/uploads/2020/01/cathy_cooling_hero_01.jpg'); */
	background-image: url('https://mymsaa.org/wp-content/uploads/2024/04/d2-hero-A.jpg');
	background-size: 100%; 
	background-repeat: no-repeat;
	background-position: center top; 
	margin-top: 10px; /*50px;*/

}

div.site-content div.container div main div.page-content div.msam_h_hero {
	height: 370px !important;
	max-height: 370px!important;
}

div#content.site-content.nhfront div.container div main div.page-content div.h_csect.msam_h_hero, 
div#content.site-content div.container div main div.page-content div.h_csect.msam_h_hero, 
html body div#content div.content-inner div.container div.row div div#primary.content-area main div.page-content div.h_csect.h_hero.msamb_h_hero {
	background-image: url('../../../wp-content/uploads/2022/01/hero1-male.jpg') !important;
	/*https://mymsaa.org/wp-content/uploads/2020/02/cathy_50th_11_B_dsk.jpg*/
}

div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext, 
div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext {	
	box-sizing: content-box;
	display: block; /*inline-block;*/
	background-color: #00558C;
	width: 30%; 
	max-width: 400px; /*25vw; 32%;*/ 
	/*height: 36vw;*/
	height: 520px;
	position: relative;
	left: 60px; /*5vw; 7%;*/ 
	top: -26px;
	opacity: 1;
	margin: 0px; padding: 0px;
}	

/*
div.nhfront div.container div main div.page-content div.h_csect.h_hero .msam_h_text, 
div.site-content div.container div main div.page-content div.h_csect.h_hero .msam_h_text {
	width: 34%;
	max-width: 390px;
	height: 430px;
}	

div.nhfront div.container div main div.page-content div.h_csect.h_hero .msamb_h_text, 
div.site-content div.container div main div.page-content div.h_csect.h_hero .msamb_h_text {
	width: 45%;
	max-width: 450px;
}	

*/

div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2, 
div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext h2 {
	width: 100%;
	font-family: 'Nunito Sans', sans-serif; 
	font-weight: 500 !important;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 30px;
	color: white;
	line-height: 1.2em;
	font-size: 48px;  
	padding-top: 60px;
}

div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2 span.dropfix {
	white-space: nowrap;
}

/* SPECIAL MS AWARENESS STYLES HERE */

div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax {
	text-align: center;
	padding: 30px;
	padding-top: 40px;
	line-height: 1.1em;
	word-wrap: initial;
	word-break: initial;
	width: 100%;
	background-color: #00558C;
}


div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh {
	font-size: 30px;
	line-height: 1.2em;
	text-align: center;
	padding: 24px;
	color: white;
}

div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh2 {
	font-size: 20px;
	line-height: 1.2em;
	text-align: center;
	padding: 30px;
	color: white;
}

/* BEGIN HERO BLUE BLOCK + TEXT STYLES, INCLUDING MS AWARENESS */

	@media only screen and (max-width : 1181px) 
	{
		div#content.site-content.nhfront div.container div main div.page-content div.h_csect.h_hero 
		{}
		
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext, 
		div.sit-content div.container div main div.page-content div.h_csect.h_hero .h_htext
		{ width: 35%; }
		
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext h2 
		{ font-size: 44px; }
	}


	@media only screen and (max-width : 991px) 
	{
		div#content.site-content.nhfront div.container div main div.page-content div.h_csect.h_hero, 
		div#content.site-content div.container div main div.page-content div.h_csect.h_hero 
		{
			height: 590px;
			max-height: 590px;
			background-image: url('https://mymsaa.org/wp-content/uploads/2024/04/diet-hero-B.jpg');
			background-size: 125%; /*190%;*/
			background-position: 60% 0%; /*center top; 80% top;*/
		}
		
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext
		{
			display: block;
			background-color: #00558C;
			width: 100%; 
			max-width: 100%; 
			height: 310px;
			max-height: 310px;
			position: relative;
			left: 0vw; 
			top: 580px; /*380px;*/
			opacity: 1;
			margin: 0px; padding: 0px 0px 0px 0px;

			text-align: center;
		}
		
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext h2 
		{
			display: inline-block;
			width: 99%;
			text-align: center !important;
			margin: 0px;
			padding: 0px;
			line-height: 1.1em;
			font-size: 32px;  
			padding-top: 0px;
			margin-top: -40px; /* was 20 */
			
		}

		div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax {
			padding: 0px;
			padding-top: 10px; 
			position: relative; top: 22px;
		}	
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh {
			font-size: 24px;
			position: relative; top: 22px;
		}
		
		/* 8/15/22 treatment for positioning... might be a use-case for tablet-only/mobile-only Divi template to reorder the tagging (and offset the need for relative positioning?) */
		div#content div.container div#primary main div.page-content .h_trio {
			display: block;
			position: relative;
			top: 290px;
			margin-bottom: 0px;
			/*opacity: 70%;
			border: solid red 1px;*/
		}
		
		div#content div.container div#primary main div.page-content .whatisms {
			position: relative;
			top: 300px; /*220px;*/
			/*border: solid black 3px;*/
			padding-top: 20px;
			border-top: solid #bfccd6 1px;
			background-position: center 50px;
		}
		
		div#content div.container div#primary main div.page-content #annivben {
			border: none;
			position: relative; 
			top: 300px;
			height: 470px;
			/*margin-bottom: 560px;  PUSHES OPEN SPACE !!! */
			margin-bottom: 600px;
		}
		
		div#content div.container div#primary main div.page-content #annivben .h_htext#bluewhiteinv {
			border: none;
			max-width: 100%;
			width: 100%;
			top: 300px; /*470px;*/
			margin-left: 0px; margin-right: 0px;
			font-size: 135%;
		}
		
		div#content div.container div#primary main div.page-content .h_makediff {
			margin-bottom: 0px;
		}

		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -55px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ 
			div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, 
			div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh 
			{ position: relative; top: -30px; } 
		}

	}


	@media screen and (max-width: 896px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -45px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -50px; } }		
	}

	@media screen and (max-width: 769px) 
	{
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax {
			padding: 0px; /*10px;*/
			padding-top: 20px; 
			font-size: 38px;
			margin-top: 0px;
			position: relative; top: 20px;
		}	
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh {
			padding-top: 0px;
			font-size: 26px;
			position: relative; top: 20px;
		}

		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -40px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -30px; } }
	}


	@media screen and (max-width: 736px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -37px; } }

		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -30px; } }
	}


	@media screen and (max-width: 667px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -37px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -30px; } }	
	}


	@media screen and (max-width: 601px) 
	{
	
		div#content.site-content.nhfront div.container div main div.page-content div.h_csect.h_hero, 
		div#content.site-content div.container div main div.page-content div.h_csect.h_hero 
		{
			height: 570px;
			max-height: 570px;
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext
		{
			height: 190px;
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext h2 
		{
			line-height: 1.1em;
			font-size: 36px;  
			padding: 6px;
			padding-top: 0px;
			margin-top: 20px;
		}
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax {
			padding: 10px;
			padding-top: 0px; 
			font-size: 34px;
			margin-top: 0px; /*-30px;*/
			position: relative; top: 10px;
		}	
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh {
			padding-top: 0px;
			font-size: 24px;
			position: relative; top: 10px;
		}
		
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -18px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -30px; } }
	}


	@media only screen and (max-width : 568px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -18px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -50px; } }
		
	}


	@media only screen and (max-width : 421px) 
	{
		div#content.site-content.nhfront div.container div main div.page-content div.h_csect.h_hero, 
		div#content.site-content div.container div main div.page-content div.h_csect.h_hero 
		{
			/*height: 570px;
			max-height: 570px;*/
			height: 380px;
			max-height: 350px;
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext
		{
			height: 250px;
			top: 350px;
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext h2 
		{
			line-height: 1.1em;
			font-size: 28px;  
			padding: 6px;
			padding-top: 0px;
			margin-top: 0px;
		}

		div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax {
			padding: 10px;
			padding-top: 20px; 
			font-size: 30px;
			margin-top: 0px; /*-30px;*/
			position: relative; top: 1px;
		}	
		
		div#content div.container div#primary main div.page-content div.h_trio {
			top: 240px; /*250px;*/
		}
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh {
			padding-top: 0px;
			font-size: 18px;
			position: relative; top: 1px;
		}

		/*414*/
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -17px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -30px; } }
				
	}


	@media only screen and (max-width : 376px) 
	{
		div#content.site-content.nhfront div.container div main div.page-content div.h_csect.h_hero, 
		div#content.site-content div.container div main div.page-content div.h_csect.h_hero 
		{
			height: 480px;
			max-height: 480px;
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext
		{
			top: 270px; /*350px;*/
			height: 170px; /*190px;*/
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext h2 
		{
			line-height: 1.1em;
			font-size: 30px;  
			padding: 6px;
			padding-top: 0px;
			margin-top: 0px;
		}
		
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax {
			padding: 10px;
			padding-top: 0px; 
			font-size: 26px;
			margin-top: 0px; /*-30px;*/
			position: relative; top: 20px;
		}	
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh {
			padding-top: 0px;
			font-size: 18px;
			position: relative; top: 20px;
		}
		
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -27px; } }
		
		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -20px; } }
		
	}


	@media only screen and (max-width : 321px) 
	{
		div#content.site-content.nhfront div.container div main div.page-content div.h_csect.h_hero, 
		div#content.site-content div.container div main div.page-content div.h_csect.h_hero 
		{
			height: 460px;
			max-height: 460px;
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext
		{
			top: 260px;
			height: 160px;
		}
		div.nhfront div.container div main div.page-content div.h_csect.h_hero .h_htext h2, 
		div.site-content div.container div main div.page-content div.h_csect.h_hero .h_htext h2
		{
			line-height: 1.1em;
			font-size: 28px;  
			padding: 6px;
			padding-top: 0px;
			margin-top: 0px;
		}

		div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax {
			padding: 10px;
			padding-top: 0px; 
			font-size: 26px;
			margin-top: 0px; /*-30px;*/
		}	
		
		div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh {
			padding-top: 0px;
			font-size: 18px;
		}

		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh  { position: relative; top: -25px; } }

		/* chrome-only treatment */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext h2.msax, div#content div.container div#primary main div.page-content div.h_hero div.h_htext p.msax_sh { position: relative; top: -20px; } }		
		
	}
	


/* END HERO BLUE BLOCK + TEXT STYLES, INCLUDING MS AWARENESS ADDENDUMS */


/* BUTTONS AT BOTTOM OF HERO */

div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list {
	padding: 0px;
	width: max-content;
	margin-left: auto; margin-right: auto;
	margin-top: 24px;
	-moz-column-count: 2;
	-moz-column-gap: 6px;
	-webkit-column-count: 2;
	-webkit-column-gap: 6px;
	column-count: 2;
	column-gap: 6px;
	list-style-type: none;
	/*width: 100%;
	background-color: #00558C;*/
}

div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li {
	text-align: center;
}

div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.hdona {
	/*display: none;*/
}

/* MS AWARENESS SPECIAL */

div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.msax_hlist {
	margin-top: 0px;
	position: relative; top: 30px;
}

div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.msax_hlist a {
	padding-top: 16px; padding-bottom: 16px;
}

	/* THIS ADJUSTS THE UL TAG FOR DESKTOP */
	@media only screen and (min-width : 992px) 
	{
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list {
		padding: 0px;
		width: max-content;
		margin-left: auto; margin-right: auto;
		margin-top: 24px;
		-moz-column-count: 1; -moz-column-gap: 0px;
		-webkit-column-count: 1; -webkit-column-gap: 0px;
		column-count: 1; column-gap: 0px;
		list-style-type: none;
		/*width: 100%; background-color: #00558C;*/
		}
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.hdona {
			display: none; /*initial;*/
		}
	}
		
	@media only screen and (max-width : 991px) 
	{
		/* 3/29/23 changed column count commands to '1' (from 2) */
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list {
			margin-top: 0px;
			-moz-column-count: 1; /*2;*/
			-moz-column-gap: 24px;
			-webkit-column-count: 1; /*2;*/
			-webkit-column-gap: 24px;
			column-count: 1; /*2;*/
			column-gap: 24px;
			width: max-content;
			position: relative; top: 30px;
		}

		/* 3/29/23 - changed to 'none' to kill donate button */
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.hdona {
			display: /*block;*/ none; /*initial;*/
		}

		/* HOPEFUL OVERRIDE !!! */
		/* 3/29/23 - changed column count to 1 to kill donate button */
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list {
			-moz-column-count: 1 !important;
			-moz-column-gap: 6px !important;
			-webkit-column-count: 1 !important;
			-webkit-column-gap: 6px !important;
			column-count: 1 !important;
			column-gap: 6px !important;
			width: 100% !iimportant; /* max-content;*/
			position: relative; top: 30px;
			margin: 0px !important;
			display: inline-block !important;
			overflow-wrap: none !important;
		}
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.hmore {
			width: 100% !important;
			overflow-wrap: none !important;
			word-wrap: none !important;
		}
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.msax_hlist {
			margin-top: 0px;
			position: relative; top: 30px;
		}

		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.msax_hlist a {
			padding-top: 7px; padding-bottom: 7px;
		}

		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -45px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -10px; } }

	}


	@media only screen and (max-width : 896px)
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -45px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -50px; } }
	}


	@media only screen and (max-width : 796px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -40px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -10px; } }
	}


	@media only screen and (max-width : 769px) 
	{
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list.msax_hlist 
		{
			position: relative; top: 20px;
		}
		
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -40px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -20px; } }
		
	}


	@media only screen and (max-width : 736px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -37px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -20px; } }
	}


	@media only screen and (max-width : 667px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -37px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -20px; } }
	}


	@media only screen and (max-width : 568px) 
	{
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -18px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -50px; } }
	}


	@media only screen and (max-width : 421px) 
	{
		/* 3/29/23 - changed column count to 1 to kill donate button */
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list 
		{
			margin-top: 0px;
			-moz-column-count: 1;
			-moz-column-gap: 8px;
			-webkit-column-count: 1;
			-webkit-column-gap: 8px;
			column-count: 1;
			column-gap: 8px;
			width: max-content;
		}
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list.msax_hlist 
		{
			position: relative; top: 0px;
		}
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list.msax_hlist li a {
			padding: 7px;
			padding-left: 40px; padding-right: 40px;
		}
		
		/*414*/
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -17px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -40px; } }
	}


	@media only screen and (max-width : 376px) 
	{
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list.msax_hlist 
		{
			position: relative; top: 20px;
		}
		
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -27px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -20px; } }
	}


	@media only screen and (max-width : 361px) 
	{
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list {
			margin-top: 0px;
		}
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -10px; } }
	}


	@media only screen and (max-width : 321px) 
	{
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list.msax_hlist 
		{
			position: relative; top: 15px;
		}
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list.msax_hlist li a {
			padding: 6px;
			padding-left: 20px; padding-right: 20px;
		}
		
		@-moz-document url-prefix() { div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -25px; } }
		
		/* chrome-only treatment for low buttons - need to be 40px higher */
		@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) 
		{ div#content div.container div#primary main div.page-content div.h_hero div.h_htext ul.msax_hlist { position: relative; top: -15px; } }
	}


div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li a {
	background-color: white;
	color: #00558C;
	font-weight: 700;
	text-decoration: none;
	padding: 8px;
	padding-left: 58px; padding-right: 58px;
	font-size: 28px;
	line-height: 30px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	border-radius: 40px;
	display: block;
}



div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li.hdona a {
	color: white !important;
	background-color: #e4002b;
}

div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li a:hover {
	color: #00558C !important;
}

	@media only screen and (max-width: 415px)
	{
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li a 
		{
			font-size: 16px;
		}
	}


/*	@media only screen and (max-width : 991px) 
	{
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list {
			position: relative; top: -50px;
		}
		
		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li {
			
		}

		div.page-content div.h_csect.h_hero div.h_htext ul.hero_b_list li a {
			display: block;
			padding: 7px;
			padding-left: 18px; padding-right: 18px;
			font-size: 18px;
			line-height: 20px;
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			-khtml-border-radius: 20px;
			border-radius: 20px;
			text-align: center;
		}
		
	}

div.container div.content-area main div.page-content div.h_csect.h_hero div.h_htext div.herolowspace {
	height: 36px;
}*/

	/*@media only screen and (max-width : 991px) 
	{
		div.container div.content-area main div.page-content div.h_csect.h_hero div.h_htext div.herolowspace {
	height: 1px;  }			
	}*/




/* three buttons below hero block */

.h_trio {
margin: 0px; padding: 0px;
margin-top: 68px;
margin-bottom: 50px;
}

	@media only screen and (max-width : 991px) 
	{
		.h_trio { margin-top: 16px; /* 136px;*/ }
	}
	
.h_trio ol {
width: 65%;
list-style-type: none;
margin: 0px; padding: 0px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 9%;
-webkit-column-gap: 9%;
column-gap: 9%;
margin-left: auto; margin-right: auto;
}

.h_trio ol li {
	border: solid white 1px;
	margin: 0px;	
}

	@media only screen and (min-width : 1300px) {	}
	@media only screen and (min-width : 1191px) and (max-width : 1299px){	}
	@media only screen and (min-width : 1091px) and (max-width : 1190px){	}
	@media only screen and (min-width : 992px) and (max-width : 1090px){	}
	@media only screen and (max-width : 991px) {	
		.h_trio ol {
		width: 75%;
		list-style-type: none;
		margin: 0px; padding: 0px;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 1%;
		-webkit-column-gap: 1%;
		column-gap: 1%;
		margin-left: auto; margin-right: auto;
		}	
		
		.h_trio ol li { margin-top: 36px;  }
	}


.h_trio ol li a {
/*font-family: 'Red Hat Text', 'Muli', sans-serif;*/
text-align: center;
margin: 1px;
background-color: white;
color: #00558C;
display: block;
/*width: 25vw; 
max-width: 320px;*/
font-weight: 400;
font-size: 2.3em;
line-height: 1.1em;
text-decoration: none;
margin-left: auto; margin-right: auto;
/*vertical-align: middle;*/
padding-top: 124px; /*142px;*/
/*box-shadow: 0px 0px 5px #eaeaea;*/
background-repeat: no-repeat;
background-size: 112px;
background-position: center top;
	border: solid white 1px;
}

	@media only screen and (max-width : 991px) {
		.h_trio ol li a { font-size: 2.2em; }
	}
		
		
		
.h_trio ol li a#tare {
background-image: url('../../../wp-content/uploads/2019/11/trio_logos_rev_04a-1.png');
}

.h_trio ol li a#trdo {
background-image: url('../../../wp-content/uploads/2019/11/trio_logos_rev_04b-1.png');
}

.h_trio ol li a#tych {
background-image: url('../../../wp-content/uploads/2019/11/trio_logos_rev_04c-1.png');
}

/* special ghost spaces and ghost line breaks */

	@media only screen and (max-width : 991px) {
		div.container div.content-area main div.page-content div.h_csect.h_trio ol li a span.ghostspace 
		{ display: inline; }

		div.container div.content-area main div.page-content div.h_csect.h_trio ol li a span.ghostbreak 
		{ display: none; }
	}


div.nhfront div.container div.content-area main div.page-content div.homethinline, 
div.nhfront div.container div.content-area main div.widgetizedArea div.textwidget.custom-html-widget div.homethinline {
	height: 0px; 
	background-color: #bfccd6;
	/*border-bottom: solid #bfccd6 1px;*/
	margin-bottom: 16px;
	width: 96%; 
	margin-left: auto; margin-right: auto;
}

	@media only screen and (max-width : 991px) {
		div.nhfront div.container div.content-area main div.page-content div.homethinline, 
		div.nhfront div.container div.content-area main div.widgetizedArea div.textwidget.custom-html-widget div.homethinline {
			height: 1px;
			/*border-bottom: solid #bfccd6 1px;*/
			margin-bottom: 24px;
		}
	}


/* CSECT section boxes with background 'line' */
div.nhfront div.container div.content-area main div.page-content div.whatisms, 
div.nhfront div.container div.content-area main div.page-content div.h_makediff, 
div.nhfront div.container div.content-area main div.page-content div.h_gtu
{
	margin: 0px;
	background-image: url('../../../wp-content/uploads/2020/01/bkg_sect_bluebit_3px.png');
    background-repeat: repeat-x;
    background-position: center 30px;
    margin-bottom: 30px;
}

	@media only screen and (max-width : 991px) {
		div.nhfront div.container div.content-area main div.page-content div.whatisms, 
		div.nhfront div.container div.content-area main div.page-content div.h_makediff {
			/*background-image: none;*/
		}
	}

/*div#content.site-content div.container div main div.page-content div.whatisms h3, */
div#content.site-content div.container div.content-area main div.page-content div.whatisms h3, 
div#content.site-content div.container div.content-area main div.page-content div.h_makediff h3, 
div#content.site-content div.container div.content-area main div.page-content div.h_gtu h3
{
	font-family: 'Nunito Sans', sans-serif; 
	text-align: center;
	margin: 0px; padding: 0px;
	width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
	width: max-content;
	background-color: white;
	margin-left: auto; margin-right: auto;
	font-size: 48px;
/*letter-spacing: -0.75px;*/
	color: #00558C;
}

	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.whatisms h3, 
		div#content.site-content div.container div.content-area main div.page-content div.h_makediff h3, 
		div#content.site-content div.container div.content-area main div.page-content div.h_gtu h3 {
			font-size: 26px;
			padding-top: 16px;
		}
	}


div#content.site-content div.container div.content-area main div.page-content div.whatisms h3 a, 
div#content.site-content div.container div.content-area main div.page-content div.h_makediff h3 a {
	color: #00558C;
	text-decoration: none;
}

div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.whatisms p {
	width: 70%;
	font-size: 26px;
	margin-left: auto; margin-right: auto;
	margin-top: 24px;
}

	@media only screen and (max-width : 991px) {
		div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.whatisms p {
			width: 90%;
			font-size: 17px;
			line-height: 1.5em;
			margin-top: 12px;
			font-weight: 500;
		}		
	}

/* strange list stylings for what is ms */
div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.whatisms ul.wimsbullets {
	width: 80%;
	margin-top: 18px;
	margin-left:15%; margin-right: 5%;
	color: #00558C;
	font-size: 2.4vw;
	-moz-column-count: 2;
	-moz-column-gap: 8px;
	-webkit-column-count: 2;
	-webkit-column-gap: 8px;
	column-count: 2;
	column-gap: 8px;	
}

	@media only screen and (min-width : 1200px) {
		div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.whatisms ul.wimsbullets { font-size: 30px; }
	}

	@media only screen and (max-width : 991px) {
		div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.whatisms ul.wimsbullets 
		{
			margin-left: 5%;
			-moz-column-count: 1;
			-moz-column-gap: 1px;
			-webkit-column-count: 1;
			-webkit-column-gap: 1px;
			column-count: 1;
			column-gap: 1px;
			font-size: 18px;
		}
	}


/*div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.whatisms ul.wimsbullets li.finalitem {
	position: relative;
	width: 100%; font-weight: 700;
} */

div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.whatisms ul.wimsbullets a {
	color: #00558C;
	text-decoration: none;
}

/* UPCOMING EVENTS - SPECIAL LAYOUT DOESN'T USE THE REGULAR H3, ETC. */

/* div#content.site-content.nhfront */

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming {
padding-top: 0px;
width: 99.9%;
height: 40vw; 
max-height: 505px; 
background-color: #00558C;
	background-image: url('https://mymsaa.org/wp-content/uploads/2024/09/upcoming-916.jpg');
background-size: 100%; 
background-repeat: no-repeat;
background-position: left top; 
margin-top: 0px;
margin-bottom: 80px;
	/*cursor: pointer;*/
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming {
			background-color: #00558C;
			height: 200vw;
			max-height: 610px; /*580px;*/
			background-size: 170%;
			margin-bottom: 28px;
		}
	}

div.container div.content-area main div.page-content div#annivben div#hitmenlinkbox {
	border: solid transparent 1px;
	width: 57%; height: 98%;
	float: left;
}

div.container div.content-area main div.page-content div#annivben div#hitmenlinkbox:hover {
	cursor: pointer;
}

/*div.container div.content-area main div.page-content div#annivben div#hitmenlinkbox a {
	display: inline-block;
	width: 90%;
	height: 90%;
	border: solid green 1px;
	float: left;
}*/

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext {
padding: 40px;
padding-bottom: 20px;
background-color: #00558C;
width: 45%;	
max-width: 440px;
position: relative;
left: 58%;
top: -24px;
opacity: 1;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext {
			width: 99.5%;
			left: 0%;
			top: 47.5%;
			opacity: 1;
			padding: 20px;
		}
	}


div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h3 {
font-family: 'Nunito Sans', sans-serif; 
	margin: 0px; padding: 0px;
background-color: #00558C;
font-size: 44px; /*3.2em;*/ 
/*line-height: 1.0em;*/
max-width: 380px;
text-align: left;
width: 90%;
font-weight: 500;
	color: white;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h3 {
			font-size: 23px; 
			
		}
	}


div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h3 a { color: white !important;
text-decoration: none; }

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h3 a:hover { color: white !important; }


div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h4 {
font-family: 'Nunito Sans', sans-serif; 
	margin: 0px; padding: 0px;
color: white;
font-size: 24px;
line-height: 1.2em;
font-weight: 500;
}

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h4 a, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h4 a:hover {
	color: white !important;}

	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h4 {
			font-size: 17px; 
			
		}
		
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h4 span { display: none; }
		
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext hr { 
			margin-top: 14px; margin-bottom: 14px;
		}
		
	}


div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h5 {
font-family: 'Nunito Sans', sans-serif; 
	margin: 0px; padding: 0px;
margin-top: 26px;
color: white;
font-size: 1.25em;
line-height: 1.6em;
font-weight: 500;
}

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h5 a, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h5 a:hover { color: white !important; }

	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext h5 {
			margin-top: 20px;
			font-size: 1em;
		}
	}

		
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext div {
margin-top: 51px;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext div {
			margin-top: 20px;
		}
	}


div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext div p.learnmore /*a*/  {
	margin: 0px; padding: 0px;
text-align: center; 
background-color: white;
color: #00558C;
padding: 14px;
padding-left: 34px; padding-right: 34px;
font-size: 24px;
-moz-border-radius: 29px;
-webkit-border-radius: 29px;
-khtml-border-radius: 29px;
border-radius: 29px;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.5px;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext div p.learnmore { 
		margin: 0px; padding: 0px;
		text-align: center; 
		}
	}

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext div p.learnmore a, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext div p.learnmore a:hover {
	color: #00558C !important;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_upcoming .h_htext div p.learnmore a  {
			font-size: 1.2em;
			padding: 9px;
			padding-left: 24px; padding-right: 24px;
		}
	}


/* MAKE A DIFFERENCE QUOTE BLOCK */


div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff {
	padding-bottom: 24px;
}




div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext {
width: 99%;
/*max-width: 984px; */
margin: 0px;
margin-left: auto; margin-right: auto;
margin-top: 53px;
	margin-bottom: 24px;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext {
			margin-top: 16px;
		}
	}


div#content.site-content div.container div.content-area main div.page-content div.h_csect.h_makediff div.h_htext blockquote, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote {
margin: 0px;
padding: 0px;
padding-top: 13px;
	background-color: white;
background-image: url('https://mymsaa.org/wp-content/uploads/2019/11/quote_left_01.png');
background-repeat: no-repeat;
	border: none;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_csect.h_makediff div.h_htext blockquote, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote {
			padding-top: 0px;
			background-image: none;
		}
}




/* FIX FOR DESIGNWALL'S INCOMPETENCE */

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote::before { content: ""; }

div#content.site-content div.container div.content-area main div.page-content div.h_csect.h_makediff div.h_htext blockquote p, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote p {
	font-family: 'Nunito Sans', sans-serif; 
font-size: 28px;
font-weight: 600;
letter-spacing: 0.4px;
line-height: 1.3em;
margin: 0px;
background-image: url('https://mymsaa.org/wp-content/uploads/2019/11/quote_right_01.png');
background-repeat: no-repeat;
	width: 98%;
margin-left: auto;
margin-right: auto;
}

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote p.rightquote01 {
	margin: 0px; padding: 0px;
background-position: 100% 80%;
	padding-left: 10%;
	padding-right: 10%;
}

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div#testimonial_block.h_htext blockquote footer::before, 
html body.home.page-template.page-template-template-full-width.page-template-template-full-width-php.page.page-id-16706.logged-in.admin-bar.customize-support div#page.hfeed.site div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div#testimonial_block.h_htext blockquote footer {
	content: '\2014 \00A0';
	font-size: 100% !important;
	font-weight: 700 !important;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote p.rightquote01 {
			font-size: 18px;
			font-weight: 700;
			letter-spacing: 0.4px;
			line-height: 1.3em;
				padding-left: 15%;
	padding-right: 10%;
			background-image: none;
		}
	}
		
		
	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_csect.h_makediff div.h_htext blockquote p:before, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote p:before {
			content: '“';
		}
		
		div#content.site-content div.container div.content-area main div.page-content div.h_csect.h_makediff div.h_htext blockquote p:after, 
div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote p:after {
			content: '”';
		}		
	}

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote footer {
	font-family: 'Nunito Sans', sans-serif; 
	margin-top: 25px;
	text-align: right;
}

div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote footer cite {
	font-size: 28px;
padding-right: 75px;
font-style: normal;
	font-weight: 600;
}


	@media only screen and (max-width : 991px) {
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote footer {
			text-align: center;
		}		
		
		div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_makediff div.h_htext blockquote footer cite {
			font-size: 1.1em;
			padding-right: 0px;
			text-align: center;
			font-weight: 500;
		}	
	}

		
/* THE INFAMOUS 'DONATE NOW' MEGA-FORM!!!!!! */


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp {
	background-color: #eeeeee;
	/* background-image: url('../../../wp-content/uploads/2020/01/hych_101.jpg');*/
	background-image: url('../../../wp-content/uploads/2022/01/hych_22.jpg'); 
	background-size: 100%;
background-repeat: no-repeat;
background-position: top center;
height: 40vw;
	max-height: 480px;
	margin-bottom: 70px;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp {
			width: auto;
			height: 200vw;
			max-height: 640px;
			background-color: white;
			background-position: 100% 0%;
			background-size: 192%;
			margin-bottom: 10px;
		}
	}

		
div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox {
width: 582px; 
background-color: white;
border: solid #e4002b 3px; /*#ac2f3c 3px;*/
position: relative;
top: -22px;
left: 30px;
opacity: 1;
padding-bottom: 30px;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox {
			left: 0px;
			top: 290px;
			opacity: 1;
			width: 92%;
			margin-left: auto; margin-right: auto;
			border: solid #e4002b 2px;
		}
	}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox h3 {
	font-family: 'Nunito Sans', sans-serif; 
margin: 0px;
width: 460px; 
margin-left: auto; margin-right: auto;
font-size: 2.6em; 
padding-top: 39px;
line-height: 1em;
	text-align: center;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox h3 {
			width: auto;
			font-size: 1.8em;
			padding-top: 18px;
			line-height: 1em;
		}
	}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox h3 sub {
font-size: 0.65em;
}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox h3 a {
color: black;
text-decoration: none;
	font-weight: 500 !important;
}

/* pill buttons */

div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills {
margin: 0px; padding: 0px;
list-style-type: none;
border: none;
margin-top: 40px;
width: 480px; 
margin-left: auto; margin-right: auto;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills {
			margin-top: 20px;
			width: auto;
			margin-left: 5%; margin-right: 5%;
		}
	}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li {
margin: 0px;
}

div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist {
margin: 0px; padding: 0px;
list-style-type: none;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 10%;
-webkit-column-gap: 10%;
column-gap: 10%;
margin-bottom: 34px;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist {
			-moz-column-count: 2;
			-webkit-column-count: 2;
			column-count: 2;
			-moz-column-gap: 5%;
			-webkit-column-gap: 5%;
			column-gap: 5%;
			margin-bottom: 16px;
		}
	}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li:hover {
	cursor: pointer;
}

div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li.def {
margin: 1px; padding: 9px 18px; 
text-align: center;
display: block;
border: solid #e4002b 1px; /*#ac2f3c 1px;*/
-moz-border-radius: 36px;
-webkit-border-radius: 36px;
-khtml-border-radius: 36px;
border-radius: 36px;
font-size: 1.9em; 
font-weight: 600;
color: #00558C;
	background-color: white;
}


/*div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li.def label, 
#hych04 label {
	display: inline !important;
}*/

html body div#content div div div div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li#hych04 label { display: block; }

label { display: block; margin-bottom: 0px; }
/*inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}*/


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li.tog {
margin: 1px; padding: 9px 18px; 
text-align: center;
display: block;
border: solid #e4002b 1px;
-moz-border-radius: 36px;
-webkit-border-radius: 36px;
-khtml-border-radius: 36px;
border-radius: 36px;
font-size: 1.9em; 
font-weight: 600;
color: white;
	background-color: #e4002b;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li.def, 
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li.tog {
			padding: 5px 9px;
			font-size: 1.3em;
		}
	}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.bamd {
margin: 0px; padding: 0px;
margin-top: 18px;
font-size: 28px;
	line-height: 30px;
font-weight: 500;
text-align: center;
color: #00558C;
	vertical-align: middle;
}

div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.bamd span.h_checkbox {
	width: 30px;
color: #e4002b;
display: inline-block;
cursor: pointer;
	/*font-size: 160%;*/
	border: solid #e4002b 2px;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.bamd {
			font-size: 1.2em;
		}
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.bamd span.h_checkbox {
			font-size: 110%;
		}
		
	}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.donatenow {
text-align: center;
width: 50%;
margin-left: auto; margin-right: auto;
margin-top: 48px;
margin-bottom: 0px;
}


	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.donatenow {
				width: 85%;
			}
		}


div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.donatenow a {
	padding: 16px 24px; 
font-size: 1.9em;
font-weight: 600;
	color: white !important;
		background-color: #e4002b;
-moz-border-radius: 36px;
-webkit-border-radius: 36px;
-khtml-border-radius: 36px;
border-radius: 36px;
}

div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.donatenow a:hover { color: white !important; }

	@media only screen and (max-width : 991px) {
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.donatenow {
			margin-top: 25px;
		}
		div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox p.donatenow a {
			font-size: 1.2em;
		}
		
	}



/* special css for the form functionality */

div#content.site-content div.container div.content-area main div.page-content div.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li#hych04.def input#hychother 
{ 
	border: none;
	background-color: #ac2f3c;
	color: white;
	display: none; 
	font-size: 1em;
	font-weight: 700;
	padding: 0px;
}

/*
html body.home.page-template.page-template-template-full-width.page-template-template-full-width-php.page.page-id-16638.logged-in.admin-bar.customize-support div#content.site-content.nhfront div.container div#primary.content-area main#main.site-main div.page-content div.h_csect.h_howhelp div.contentbox ul.donatepills li ul.dpsublist li#hych04.def input#hychother*/