/* 960-1280 
html {background-color: #f8e8c8; }
*/

#siteSearch 
{
    top: 				2px;
	width: 				38px;
    background-color: 	transparent;
	border-radius: 		5px;
	cursor: 			pointer;
}
#siteSearch:focus-within 
{
	top: 				-3px;
	padding: 			0 12px;
    border: 			1px solid var(--button-background-color);
	width: 				30rem;
	height: 			50px;
}

#siteSearch #siteSearchInput 
{
	display:			none;
}
#siteSearch:focus-within #siteSearchInput 
{
	display:			inline;
	height:				45px;
	background-color:	var(--input-background-color);
}

#siteSearch button[type="submit"]
{
	right: 				5px;
	min-width: 			35px;
	max-width: 			35px;
	margin: 			3px 2px;
	background-color:	transparent;
}
#siteSearch:focus-within button[type="submit"]
{
	position: 			absolute;
	top: 				5px;
}