.thumbnail-image {
	margin: 10px;	
}

.thumbnail-float-left {
	float: left;
}

.thumbnail-float-right {
	float: right;
}

.ffcard {
	float: right;
	margin: 8px;
	border: 5px groove #ffffff;
	border-radius: 16px;
	margin-bottom: 16px
}

figcaption {
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

table.HGBTopTable {
	color: black;
	border-collapse: collapse;
	width: 50%;
	margin-bottom: 0px;
}

table.HGBTopTable td{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 4px;
}

table.HGBTopTable th{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 4px;
}


table.HGBTable {
	margin-top: 0px;
	border-collapse: collapse;
	overflow: visible;
	width: 100%;
	font-size: 80%
}

table.HGBTable thead tr{
	background: linear-gradient(to right,rgb(0, 168, 225), rgb(0, 0, 0));
	border: 1px solid rgb(0, 0, 0);
	color: white
	
}

thead.HGBTableDescription tr th{
	background: white;
	border: 1px solid rgb(0, 0, 0);
	color:black;
	text-align: left;
	
}


table.HGBTable  th{
	color: white;
	
}

table.HGBTable tbody th{
	color:black;
	padding-left: 4px;
}


table.HGBTable th {
	border: 1px solid rgb(0, 0, 0);
	padding-left: 4px;	
}

table.HGBTable td {
	border: 1px solid rgb(0, 0, 0);
	border-collapse: collapse;
	text-align: center
}


table.HGBTable tbody tr:nth-child(odd) {
	background-color: #c5e8fa;
	color: #000;
}

table.HGBTable tbody tr:nth-child(even) {
	background-color: #ffffff;
	color: #000;
}

table.FloatRight {
	float: right;
	width: 35%;
}

.HGBTitleRow {
	font-weight: bold;
		border: 1px solid;
	text-align: center;	
}

#site-footer {
	margin-top: 20px;

}

h1 {
	text-transform: uppercase;
	font-size: 300%
}



h2 {
	text-transform: uppercase;
	font-size: 200%;
	background:url(../img/header-detail.svg);
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 10px;
}

html[data-theme="dark"] h2 {
	text-transform: uppercase;
	font-size: 200%;
	background:url(../img/header-detail-white.svg);
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	padding-top: 4px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.callout-table {

}

.callout-image {
margin-left: 1em;
margin-right: 0em;
padding-left: .5em;
padding-right: .5em;
}

.callout-caption {
	padding-left: .5em;
	border-width: 2px;
	border-style: solid;
	&:is(.dark *) {
		border-color: white
		}
	border-color: black
	}

}

.callout-caption ol{
	margin-bottom: 0px;
}

.callout-caption li{
	margin: 0px;
	padding: 0px;
	font-size: smaller;
}

.basic-flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	margin-top:10px;
}


.buybox-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px	
}

.buybox{
	padding: 6px;
	padding-top: 1px;
	
}

.buybox-image-container{

	
}

.buybox-title {
	font-size: 120%;

}