/**
 * E.C. PRODUCT FAMILY
 */

@media screen and (min-width:768px) {
	.ec-product-family-row + .ec-product-family-row { margin-top: 24px; }
}

.ec-product-family-item {}

.ec-product-family-item button { 
	position: relative; box-sizing: border-box; display: block; width: 100%; 
	border: 0; padding: 14px 32px; background: #fff; text-align: center; font-size: 26px; color: #0067b8;
	/* font-size: 32px; margin: 0 0 1px; */
}
@media screen and (max-width:767px) {
	.ec-product-family-item button:not(.x-hidden-focus) { 
		margin: 0 0 1px;
	}
}

.ec-product-family-item button:hover { background: rgba(0,0,0,.1); color: #005da6; }
.ec-product-family-item button:focus { background: #fff; outline: #000 dashed 1px; }
.ec-product-family-item button:active, .ec-product-family-item button:focus:active { background: rgba(0,0,0,.3); border: 0 !important; }

.ec-product-family-item button[aria-expanded="true"] { background: #5dc21e; color: #000; }

.ec-product-family-item button::after {
	position: absolute; box-sizing: inherit; display: inline-block; top: calc(50% - 8px); right: 12px;
	font-size: 18px; font-family: MWF-MDL2; text-decoration: none; color: #000;
}
.ec-product-family-item button[aria-expanded="true"]::after { content: "\E70E"; }

.ec-product-family-detail { width: 100%; background: #e6e6e6; z-index: 1; }
.ec-product-family-detail [data-grid="container"] { position: relative; }
.ec-product-family-detail-item { padding: 24px 0; z-index: 10; }
.ec-product-family-detail-item a { display: block; font-weight: bold; }
.ec-product-family-detail-item p { margin-top: 3px; }

.ec-product-family-catalog-link { text-align: center; }