html {
  scroll-behavior: smooth;
}

#Homepage{
		background:#fff !important;
}

/* HERO SECTION */
#Hero{

		.wp-element-button:hover, .wp-block-button__link:hover {
    background-color: #000;
    color: #fff !important;
				
}
		
						h2 {
						text-wrap: balance;
				}
		
		#HeroText{
				margin-inline:auto;
				text-align:center;
		}
}

/* ABOUT SECTION */
#About {
		margin-block:0rem;
		padding-block:0;
		
	h2{
		color:hsla(208.3 55.4% 25.5% / 1);
		margin-block:0;
		margin-inline:0;
		padding-block:0 .8rem;
		padding-inline:0;
		word-spacing:.4rem;
		text-transform:uppercase;
		font-weight:bold;
		text-indent: 0rem;
		}
		
	h3{
		color:hsla(208.3 55.4% 25.5% / 1);
		margin-block:0;
		margin-inline:0;
		padding-block:1.6rem .8rem;
		padding-inline:0;
		font-weight:bold;
		text-indent: 0rem;
		/*text decoration */
		text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: hsla(208.3 55.4% 25.5% / .6);
		text-underline-offset: 6px;
		text-decoration-style: dashed; 
		}
		
	p{
		color:hsla(0 0% 0% /.75);
		line-height:1.8;
		margin-block:0;
		margin-inline:0;
		padding-block:0;
		padding-inline:0;
		Font-size:1.1rem;
		word-spacing:.2rem;
				
	strong{
				font-weight:normal;
				color:hsla(0 0% 0% /1);
				}
			a{
						text-decoration:none;
						color:red;
						font-weight:bold;
						
						&:hover{
							color:tomato;
						}
				}
		}
		
		#RemedyHall{
		}
#Mission{
		}
		
#Services {
		
		}
#Services {
		}

#Hours {
		}
}



 
		
/* DONATION SECTION */
#Donate{
	h2{
		margin-block:0;
		margin-inline:0;
		padding-block:0 .8rem;
		padding-inline:0;
		word-spacing:.4rem;
		text-transform:uppercase;
		font-weight:bold;
		text-indent: 0rem;
		/*text emphasis 
		text-emphasis-position: over;
		text-emphasis-color: hsla(208.3 55.4% 25.5% / .4);
		text-emphasis-style: double-circle filled;*/
		}
		
	h3{
		margin-block:0;
		margin-inline:0;
		padding-block:1rem .8rem;
		padding-inline:0;
		font-weight:bold;
		text-indent: 0rem;
		/*text decoration */
		text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: hsla(0 0% 100% / 1);
		text-underline-offset: 5px;
		text-decoration-style: dashed; 
		}
		
	p{
		line-height:1.8;
		margin-block:0;
		margin-inline:0;
		padding-block:0;
		padding-inline:0;
		Font-size:1.1rem;
		word-spacing:.2rem;
		color:rgba(255 252 252 / .75) !important;
		
& + P {
			padding-top:1rem;
		}
		
	strong{
				font-weight:normal;
				color:rgba(255 252 252 / 1) !important;
				}
		}
		
	
	ul li {
  		line-height: 1.2;
			font-size:1.1rem;
			color:rgba(255 252 252 / .75) !important;
			
				strong{
				font-weight:800 !important;
				color:rgba(255 252 252 / 1) !important;
				}
				a{
						color:hsl(76, 91%, 61%);
						text-decoration:none;
						&:hover{
							color:tomato;
						}
				}
			&:last-child {
			margin-bottom:1rem;
		}
		}
		
 #InKind{
		}
#Furniture{
		}
		
#Cash{
		}
}


/* GETHELP SECTION */
#GetHelp{
		
	h2{
		color:hsla(208.3 55.4% 25.5% / 1);
		margin-block:0;
		margin-inline:0;
		padding-block:0 .8rem;
		padding-inline:0;
		word-spacing:.4rem;
		text-transform:uppercase;
		font-weight:bold;
		text-indent: 0rem;
		}
		
	h3{
		color:hsla(208.3 55.4% 25.5% / 1);
		margin-block:0;
		margin-inline:0;
		padding-block:1.6rem .8rem;
		padding-inline:0;
		font-weight:bold;
		text-indent: 0rem;
		/*text decoration */
		text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: hsla(208.3 55.4% 25.5% / .6);
		text-underline-offset: 6px;
		text-decoration-style: dashed; 
		}
		
	p{
		color:hsla(0 0% 0% /.75);
		line-height:1.8;
		margin-block:0;
		margin-inline:0;
		padding-block:0;
		padding-inline:0;
		Font-size:1.1rem;
		word-spacing:.2rem;
				
							strong{
										font-weight:normal;
										color:hsla(0 0% 0% /1);
										}
										a{
												text-decoration:none;
												color:red;
												font-weight:bold;

												&:hover{
													color:tomato;
										}
			}
		
		}
			ul li {
  		line-height: 1.6;
			font-size:1.1rem;
			color:hsla(0 0% 0% /.75);
			
				strong{
				font-weight:normal;
				color:hsla(0 0% 0% /1);
				}
					
			a{
						text-decoration:none;
						color:red;
						font-weight:bolder;
						
						&:hover{
							color:tomato;
						}
		}
	}
}


#Satelitte{
}

#Appointment{
}


	



/*Media Page*/
#Media{
		h2{
		margin-block:0;
		margin-inline:0;
		padding-block:0 .8rem;
		padding-inline:0;
		word-spacing:.4rem;
		text-transform:uppercase;
		font-weight:bold;
		text-indent: 0rem;
		/*text emphasis 
		text-emphasis-position: over;
		text-emphasis-color: hsla(208.3 55.4% 25.5% / .4);
		text-emphasis-style: double-circle filled;*/
		}
		
	h3{
		margin-block:0;
		margin-inline:0;
		padding-block:1rem .8rem;
		padding-inline:0;
		font-weight:bold;
		text-indent: 0rem;
		/*text decoration */
		text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: hsla(0 0% 100% / 1);
		text-underline-offset: 5px;
		text-decoration-style: dashed; 
		}
		
	p{
		line-height:1.8;
		margin-block:0;
		margin-inline:0;
		padding-block:0;
		padding-inline:0;
		Font-size:1.1rem;
		word-spacing:.2rem;
		
& + P {
			padding-top:1rem;
		}
		
	strong{
				font-weight:normal;
				}
		}
		
	
	ul li {
  		line-height: 1.8;
			font-size:1.2rem;
			padding-block-end:1rem;
			
			
				strong{
				font-weight:normal;
				
				}
				a{
						text-decoration:none;
						color:red;
						font-weight:bold;
						
						&:hover{
							color:tomato;
						}
				}
			&:last-child {
			margin-bottom:1rem;
		}
		}
		
}

/* Meet Our Team */
#Team{
}

/*Contact Us */
 
#GetInTouch{
				h2{
		margin-block:0;
		margin-inline:0;
		padding-block:0 .8rem;
		padding-inline:0;
		word-spacing:.4rem;
		text-transform:uppercase;
		font-weight:bold;
		text-indent: 0rem;
		/*text emphasis 
		text-emphasis-position: over;
		text-emphasis-color: hsla(208.3 55.4% 25.5% / .4);
		text-emphasis-style: double-circle filled;*/
		}
		
	h3{
		margin-block:0;
		margin-inline:0;
		padding-block:1rem .8rem;
		padding-inline:0;
		font-weight:bold;
		text-indent: 0rem;
		/*text decoration */
		text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: inherit;
		text-underline-offset: 5px;
		text-decoration-style: dashed; 
		}
		
	p{
		line-height:1.8;
		margin-block:0;
		margin-inline:0;
		padding-block:0;
		padding-inline:0;
		Font-size:1.1rem;
		word-spacing:.2rem;
		
& + P {
			padding-top:1rem;
		}
		
	strong{
				font-weight:normal;
				}
		}
						a{
						text-decoration:none; 
						color:hsl(76, 91%, 61%);
						font-weight:bolder;
						
						&:hover{
							color:tomato;
						}
	
	ul li{
			
				strong{
				font-weight:normal;
				
				}

				}
			&:last-child {
			margin-bottom:1rem;
		}
			
	
		
}
}
		
				div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
					color:hsl(0, 100%, 99%) !important;
			}

#wpforms-submit-187{
background: #5A7999;
		
		&:hover{
				background: #C6F641;
				color: #5A7999;;
		}
}

/* --- Holiday Announcement --- */
#Holiday{

h2 {
  /* ... other styles (margins, padding, etc.) ... */
  word-spacing: 0.2rem;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: 0rem;
	font-size: 2.4rem;
	
		  -webkit-text-stroke-width: 1px; /* Adjust the width as needed */
			-webkit-text-stroke-color: #EFD363; /* Set the outline color */
			-webkit-text-fill-color: black; /* Set the text fill color */

  /* Fallback color if background-clip doesn't work (useful for accessibility) */
  color: #f32170; 

  /* Apply the gradient background image */
  background-image: linear-gradient(
		 to bottom, 
    #F53339, #f32170, #FEE13D, #4CE6FB, #32B295, #EFD363
   
  );
  
  /* Increase the background size so the gradient can move across the text */
  background-size: 100% auto;
  
  /* Clip the background to the text content (order matters: background needs to be defined BEFORE clip) */
  -webkit-background-clip: text; 
  background-clip: text; /* Standard property */
  
  /* Make the actual text color transparent */
  -webkit-text-fill-color: transparent; 
  color: transparent; /* Standard property for non-webkit browsers like Firefox */



}

	h3{
		margin-block:0;
		margin-inline:0;
		padding-block:1rem .8rem;
		padding-inline:0;
		font-weight:bold;
		text-indent: 0rem;
		/*text decoration */
		text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: hsla(0 0% 100% / 1);
		text-underline-offset: 5px;
		text-decoration-style: dashed; 
		}
		
	p{
		line-height:1.8;
		margin-block:0;
		margin-inline:0;
		padding-block:0;
		padding-inline:0;
		Font-size:1.1rem;
		word-spacing:.2rem;
		color:rgba(255 252 252 / .75) !important;
		
& + P {
			padding-top:1rem;
		}
		
	strong{
				font-weight:normal;
				color:rgba(255 252 252 / 1) !important;
				}
		}
		
	
	ul li {
  		line-height: 2;
			font-size:1.3rem;
			color:rgba(255 252 252 / .75) !important;
			
				strong{
				font-weight:800 !important;
				color:rgba(255 252 252 / 1) !important;
				}
				a{
						color:hsl(76, 91%, 61%);
						text-decoration:none;
						&:hover{
							color:tomato;
						}
				}
			&:last-child {
			margin-bottom:1rem;
		}
			

		}
		
		p em{
				color:#EFD363;
				text-transform:uppercase;
				font-size: 2rem;
				font-weight: bolder;
				font-style: normal !important;
		}
}


/* Mobile View */

@media screen and (max-width: 600px) {
		
    #About, #Donate, #GetHelp {
     /* padding-inline: 1rem !important; */
	
					ul li {
  		line-height: 2;
								}
    												}
				
		h2, h3{
			text-align:left;
			text-indent: 0rem;
			line-height: 2;
				}
		
		.wp-element-button strong, .wp-block-button__link strong{
    																													font-size:1rem !important;
																														}
		
		#Hero{
					#HeroText{
														margin-inline:auto;
														text-align:center;
							
										}
}
		#Holiday h2{
				text-align:center !important;
				font-size: 1.25rem !important;
				word-spacing: 0rem;
								}
				
			#Holiday p em {
										font-size: 1.3rem !important;
										text-align:center !important;
										display:block !important;
								}

}