/**
 * Glendale Designs Custom Programming
 * Theme Component Container
 *
 * Glendale Designs -- GDMZ
 *
 * Copyright Glendale Designs - Our optimizations are not freeware.
 * Do not use, copy or distribute without written permission.
 * Ask us, we're nice! support@glendaledesigns.com
 */
.gd-theme-component {
	position: relative;
}

.gd-theme-component::before {
	background: var(--background-image, none) no-repeat;
	background-color: var(--background-color, transparent);
	background-position: center;
	background-size: cover;
	bottom: 0;
	content: '';
	left: 0;
	opacity: var(--opacity, 1);
	position: absolute;
	right: 0;
	top: 0;
}

.gd-theme-component .x-product-mls {
	background-color: transparent;
	padding-top: 1rem;
}


/* This styles our custom flex components debug section.
    =========================================== */
.gd-mmx-debug {
	background-color: #21252b;
	box-shadow: 0 0 8px 4px #21252b;
	color: #abb2bf;
	margin: 1rem;
	outline: 4px dotted #ff9800;
	overflow: auto;
	padding: 0 1rem;
	white-space: break-spaces;
}