@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');

.wp-block-image{
	&.is-style-meme {
		position: relative;
		figcaption {
			color: #ffffff !important;
			text-align: center !important;
			text-shadow: 0 0 4px #000000;
			font-style: normal !important;
			font-size: inherit !important;
			font-family: 'Anton', Arial, Helvetica, sans-serif !important;
		}
		&.has-meme-position-top {
			figcaption {
				position: absolute;
				top: 5%;
				left: 0;
				right: 0;
			}
		}

		&.has-meme-position-bottom {
			figcaption {
				position: absolute;
				bottom: 5%;
				left: 0;
				right: 0;
			}
		}
	}
}

.has-meme-text-s {
	font-size: 1.5rem !important;
}

.has-meme-text-m {
	font-size: 2rem !important;
}

.has-meme-text-lg {
	font-size: 3rem !important;
}

.has-meme-text-xl {
	font-size: 4rem !important;
}