.sidebarA
{
	width: 18%;
	margin: 40px 0 20px 0;
	float: left;
	min-height: 400px;
}
	body.blog .sidebarA,
	body.single .sidebarA,
	body.archive .sidebarA
	{
		width: 25%;
		margin: 32px 0 20px 0;
		float: right;
	}
	/* OCT2020 local pages: */
	body#is-local-page .sidebarA
	{
		display: none;
	}
	
.sidebarB
{
	margin: 40px 0 20px 0;
	float: right;
	width: 22.5%;
	display: block; /* JAN2022 cFV34892t TEMP BODGE ONLY! */
}
@media screen and (max-width:1280px)
{
	body.home .sidebarB
	{
		width: 28%;
	}
}

.sidebarA img,
.sidebarB img
{
	display: block;
	margin: 0 0 13px 0;
	clear: both;
	float: left;
	width: 100%;
}
.sidebarA img
{
	margin-left: 12px;
}
.sidebarB img
{
	float: right;
}
.sidebarB a
{
	position: relative;
	display: block;
	clear: both; /* OCT2020: CRUCIAL BUG FIX! Banner links appeared incorrect without this */
}
.sidebarB a span
{
	display: block;
	position: absolute;
	bottom: 13px; /* must match .sidebarB img margin */
	left: 0;
	color: #fff;
	padding: 3% 0 3% 7%;
	box-sizing: border-box;
	line-height: 1.33em;
	font-weight: bold;
	font-size: 1.1em;
}
.sidebarB a.banner-type-1 span
{
	width: 100%;
	background-image: url(images/banner-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: 96% 75% !important;
	background-size: 12px 22px !important;
}
	.sidebarB a.banner-type-1 span.black-arrow
	{
		background-image: url(images/banner-arrow-black.png) !important;
	}
.sidebarB a.banner-type-2 span
{
	width: 52%;
	padding: 5% 0 5% 7%;
	bottom: auto;
	top: 10%;
	border-radius: 0 1em 1em 0;
	left: -1%;
}

.sidebarB a.banner-type-3 span
{
	width: 34.5%;
	bottom: 5.5%;
	top: auto;
	left: auto;
	right: 0;
	padding: 0;
	font-weight: normal;
}
.sidebarB a.banner-type-3 img
{
	width: 63%;
	float: left;
	border: #fff solid 1px;
	margin: 0;
}
.sidebarB a.banner-type-3
{
	padding: 3%;
	margin-bottom: 13px; /* must match .sidebarB img margin */
}
/* sidebars mobile:*/
@media screen and (max-width:1700px)
{
	.sidebarB a span
	{
		font-size: 1.05vw;
	}
}
@media screen and (max-width:1280px)
{
	.sidebarB a.banner-type-1 span,
	.sidebarB a.banner-type-1 span.black-arrow
	{
		background-image: none !important;
	}
	.sidebarB a span
	{
		font-size: 1.25vw;
	}
	.sidebarB a.banner-type-1 span,
	.sidebarB a.banner-type-2 span
	{
		padding-left: 5% !important; 
	}
	.sidebarB a.banner-type-2 span
	{
		top: 3%;
	}
	.sidebarB a.banner-type-3 span
	{
		font-size: 1.3vw;
	}
	.sidebarB a.banner-type-2 span
	{
		width: 57%;
	}
}
@media screen and (max-width:1010px)
{
	.sidebarA
	{
		display: block !important;
		width: 100%;
		margin: 0 0 8px 0; /* was 15px bottom */
		float: none;
		min-height: inherit;
	}
	.sidebarB
	{
		margin: 0;
		width: 100%;
		float: none;
		min-height: inherit;
	}
		body.home .sidebarB
		{
			margin: 0;
			width: 100%;
		}
	.sidebarA img,
	.sidebarB img
	{
		max-width: 360px !important;
		padding: 0 !important;
	}
	.sidebarB a
	{
		max-width: 360px !important;
	}
	.sidebarB a span
	{
		font-size: 1em !important;
	}
	.sidebarB a.banner-type-2 span
	{
		top: 20px !important;
	}
	.sidebarB a.banner-type-3
	{
		box-sizing: border-box;
		max-width: 360px !important;
		padding: 10px;
	}
	.sidebarB a.banner-type-1 span
	{
		background-image: url(images/banner-arrow.png) !important;
	}
	.sidebarB a.banner-type-1 span.black-arrow
	{
		background-image: url(images/banner-arrow-black.png) !important;		
	}
}
@media screen and (max-width:360px)
{
	.sidebarB a span
	{
		font-size: 0.85em !important;
	}
	.sidebarB a.banner-type-2 span
	{
		top: 15px !important;
	}
}
@media screen and (max-width:290px)
{
	.sidebarB a.banner-type-1 span
	{
		background-image: none !important;
	}
}