.bw-gcbc-trivia {
	--column-gap: 40px;
}
.bw-gcbc-trivia .bw-trivia-cards {
	display: flex;
	flex-wrap: wrap;
	gap: var(--column-gap);
}
.bw-gcbc-trivia .flip-card {
	flex: 0 0 auto;
	width: calc((100% + var(--column-gap)) / 3 - var(--column-gap));
	background-color: transparent;
	perspective: 1000px;
	min-height: 35vw;
}
.bw-gcbc-trivia .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.bw-gcbc-trivia .flip-card:hover:not(.wait) .flip-card-inner {
	transform: rotateY(180deg);
}
.bw-gcbc-trivia .flip-card-front,
.bw-gcbc-trivia .flip-card-back {
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	transform: rotateY(0deg);
}
.bw-gcbc-trivia .flip-card-back {
	padding: 10px;
	position: absolute;
	background-color: var(--global-palette9);
	color: var(--global-palette3);
	transform: rotateY(180deg);
}
.bw-gcbc-trivia .bw-back-wrap {
	height: 100%;
	padding: 15px;
	border: 1px solid var(--global-palette4);
	overflow-y: hidden;
}
.bw-gcbc-trivia .bw-back-wrap > div {
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.bw-gcbc-trivia .flip-card-front {
	background-color: var(--global-palette9);
	color: var(--global-palette3);
}
.bw-gcbc-trivia .flip-card-front > div {
	padding:  20px;
}

.bw-gcbc-trivia .flip-card-front img {
	width: 100%;
	height: 22vw;
	max-height: 460px;
	margin-bottom: 10px;
	-o-object-fit: cover;
	object-fit: cover;
}
.bw-gcbc-trivia a.button {
	width: 100%;
}
.bw-gcbc-trivia ::-webkit-scrollbar {
	width: 10px;
}
.bw-gcbc-trivia ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
}
.bw-gcbc-trivia ::-webkit-scrollbar-thumb {
	background: var(--global-palette1); 
}
.bw-gcbc-trivia ::-webkit-scrollbar-thumb:hover {
	background: var(--global-palette2); 
}

.bw-gcbc-trivia ul {
    margin-left: 10%;
    line-height: 1.2em;
    padding-left: 20px;
    text-align: left;
}


@media screen and (max-width: 1024px) {
	.bw-gcbc-trivia .flip-card {
		width: calc((100% + var(--column-gap)) / 2 - var(--column-gap));
	}
}
@media screen and (max-width: 767px) {
	.bw-gcbc-trivia .flip-card {
		width: 100%;
		min-height: 45vw;
	}
	.bw-gcbc-trivia .flip-card-front img {
		min-height: 30vw;
	}
	.bw-gcbc-trivia .bw-back-wrap > div {
		overflow-y: scroll;
	}
}
/*removes use of vw units for height*/
.bw-gcbc-trivia .flip-card {min-height: 0;}
.bw-gcbc-trivia .flip-card-front {padding-bottom: 10px}
.bw-gcbc-trivia .flip-card-front img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-height:none; }
.bw-gcbc-trivia .flip-card-front .thumbnail {position: relative; height: 0; padding-bottom: 75%}