.search-bar
	{						
		width: var(--content-width);
		padding: var(--content-padding);
		margin: auto;
	}
	.search-bar > div
	{			
		width: 100%;
		height: 100%;
		display: flex;
		gap: 24px;
		flex-direction: column;
		align-items: center;
	}
	@media (min-width: 1025px)
	{
		.search-bar > div
		{
			flex-direction: row;
		}
	}		
	
	/* LHS */			
	.search-bar > div .image
	{			
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0px;
		width: 100%;			
	}
	
	/* LHS - title */
	.search-bar > div .image p,		
	.search-bar > div .image h1,
	.search-bar > div .image h2
	{
		font-style: normal;
		font-weight: 600;
		text-align: center;
		color: #454545;	
		font-size: 24px;			
		line-height: 28px;			
		text-wrap: balance;			
	}
	.search-bar > div .image h1,
	.search-bar > div .image h2
	{
		font-size: 28px;			
		line-height: 30px;
		color: #1F2937;	
		
	}
	@media (min-width:577px)
	{
		.search-bar > div .image p
		{
			font-size: 28px;			
			line-height: 34px;
		}
		.search-bar > div .image h1,
		.search-bar > div .image h2
		{
			font-size: 36px;			
			line-height: 38px;				
		}
	}	
	@media (min-width:769px)
	{
		.search-bar > div .image p
		{
			font-size: 32px;			
			line-height: 34px;
		}
		.search-bar > div .image h1,
		.search-bar > div .image h2
		{
			font-size: 40px;			
			line-height: 44px;				
		}
	}				
	.search-bar > div .image strong
	{
		font-size: inherit;			
		line-height: inherit;				
		color: var(--colour-main);		
	}
	
	/* main image */
	.search-bar > div .image picture
	{
		margin-top: 16px;
		width: 100%;
		display: flex;
		justify-content: center;			
	}
	.search-bar > div .image picture img
	{
		max-width: 100%;
	}
	
	/* RHS / form */
	.search-bar > div form
	{
		width: 100%;
		max-width: 564px;			
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: stretch;
		padding: 24px;
		gap: 24px;
		border: 1px solid #E0E0E0;
		background: #FFFFFF;
	}
	@media (min-width:769px)
	{
		.search-bar > div form
		{
			max-width: 508px;
		}
	}
	@media (min-width:1025px)
	{
		.search-bar > div form
		{
			max-width: 400px;
		}
	}
	
	/* form title */
	@keyframes searchBarSlide 
	{			
		0%, 14.6% { transform: translateX(0); opacity: 1; }		
		16.6%, 31.2% { transform: translateX(-100%); opacity: 1; }	
		33.2%, 47.8% { transform: translateX(-200%); opacity: 1; }
		49.8%, 64.4% { transform: translateX(-300%); opacity: 1; }
		66.4%, 81% { transform: translateX(-400%); opacity: 1; }
		83%, 98% { transform: translateX(-500%); opacity: 1; }
		100% { transform: translateX(-600%); opacity: 1; }
	}		
	.search-bar > div form h2
	{
		font-size: 20px;
		text-wrap-style: balance;
		text-align: center;
		line-height: 26px;
		color: var(--colour-secondary-text);
	}
	.search-bar > div form h2 div.mask
	{
		width: 100%;
		overflow: hidden;
		display: block;
		white-space: nowrap;
		position: relative;
		height: 26px;
	}
	.search-bar > div form h2 div.mask div
	{
		position: absolute;
		animation: searchBarSlide 23s infinite ease-in-out;
		display: flex;
		width: 100%;			
	}
	.search-bar > div form h2 div.mask div span
	{
		font-size: 20px;
		color: var(--colour-main-text);
		font-weight: var(--font-weight-bold);
		line-height: 26px;
		flex: 0 0 100%;
		width: 100%;
		display: block;
	}
	
	@media print
	{
		.search-bar
		{
			display: none;
		}
	}