.aws-flag {
	display: inline-block;
	vertical-align: middle;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
	margin-right: 6px;
}

.aws-flag--listing {
	font-size: 20px; /* flag-icons sizes itself in em (1.333em wide x 1em tall) */
}

.aws-flag--single {
	font-size: 40px;
	margin-right: 10px;
}

.aws-flag--region {
	width: 1.333em;
	height: 1em;
	color: #8a8f98;
	background: #f1f2f4;
}

.aws-flag--region svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Sit the flag on the same line as the country name, next to the text,
   regardless of theme: WooCommerce's default title elements are block-level,
   so both the flag and the title need to become inline-level together. */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .aws-flag {
	display: inline-block;
	vertical-align: middle;
}

.single-product .product_title.entry-title,
.single-product .aws-flag {
	display: inline-block;
	vertical-align: middle;
}