:root {
	--spacer: 24px;
}


.ujep-card-m-ext-container {
	margin-left: inherit;
  margin-right: inherit;
}

	.ujep-card-m-ext-container .ujep-card-m-ext-panel {
		-ms-flex: 0 0 calc(100%);
		flex: 0 0 calc(100%);
    max-width: calc(100%);
		padding: 20px;
    margin: 0 10px 20px;
		background-color: #fff;
	}

	.ujep-card-m-ext-container .wpa9-panel {
		-ms-flex: 0 0 calc(100% - 21px);
		flex: 0 0 calc(100% - 21px);
		max-width: calc(100% - 21px);
	}

		.ujep-card-m-ext-container a.ujep-card-m-ext-panel {
			text-decoration: none;
		}

			.ujep-card-m-ext-container a.ujep-card-m-ext-panel .ujep-card-content {
				color: var(--c-black);
			}

			.ujep-card-m-ext-container a.ujep-card-m-ext-panel:hover .ujep-card-title {
				color: var(--c-main-hover);
				text-decoration: none;
				border: none;
			}

				.ujep-card-m-ext-container a:hover {
					text-decoration: none;
				}

		.ujep-card-panel {}

			.ujep-card-image-link {
				display: block;
				text-decoration: none;
			}

			.ujep-card-m-ext-panel .ujep-card-title {
				font-size: 1.375em;
				font-weight: 600;

				margin: 0;
				padding: 0;
			}

			.ujep-card-m-ext-panel .ujep-card-image {
				text-align: center;
				margin-bottom: calc(.5 * var(--spacer));
			}

				.ujep-card-m-ext-panel .ujep-card-image img {
					width: 100%;
				}

			.ujep-card-m-ext-panel .ujep-card-icon {
				margin-top: calc(.5 * var(--spacer));
			}

				.ujep-card-m-ext-panel .ujep-card-icon.icon-size-s img {
					width: 28px;
				}

				.ujep-card-m-ext-panel .ujep-card-icon.icon-size-m img {
					width: 40px;
				}

				.ujep-card-m-ext-panel .ujep-card-icon.icon-size-l img {
					width: 62px;
				}

			.ujep-card-m-ext-panel .ujep-card-header {
				padding: calc(.5 * var(--spacer)) calc(1 * var(--spacer));
			}

				.ujep-card-m-ext-panel .ujep-card-header .ujep-card-title {
					margin: 0;
				}

			.ujep-card-m-ext-panel .ujep-card-main,
			.ujep-card-m-ext-panel .ujep-card-aside {
				padding: calc(.5 * var(--spacer)) calc(1 * var(--spacer));
			}

			.ujep-card-m-ext-panel .ujep-card-content {
				font-size: 1.125em;
			}

		.ujep-card-m-ext-panel .meta-buttons {
			margin-top: calc(0 * var(--spacer));
			margin-bottom: calc(.5 * var(--spacer));
			display: block;
			width: 100%;
		}

			.ujep-card-m-ext-panel .meta-buttons .btn {
				margin: 0;
			}



@media only screen
and (min-width : 576px) {

	.ujep-card-m-ext-container {
		margin-left: -15px;
	  margin-right: -15px;
	}



}


@media only screen
and (min-width : 768px) {

	.ujep-card-m-ext-container .wpa9-panel {
		-ms-flex: 0 0 calc(50% - 21px);
		flex: 0 0 calc(50% - 21px);
		max-width: calc(50% - 21px);
	}

}


@media only screen
and (min-width : 992px) {

	.ujep-card-m-ext-container.wpa9-columns-2 .wpa9-panel {
		-ms-flex: 0 0 calc(50% - 21px);
	  flex: 0 0 calc(50% - 21px);
	  max-width: calc(50% - 21px);

	}

	.ujep-card-m-ext-container.wpa9-columns-3 .wpa9-panel {
		-ms-flex: 0 0 calc(33.3333% - calc(1 * var(--spacer)));
		flex: 0 0 calc(33.3333% - calc(1 * var(--spacer)));
		max-width: calc(33.3333% - calc(1 * var(--spacer)));
		padding: 0;
		margin: 0 calc(.5 * var(--spacer)) 16px;
	}

	.ujep-card-m-ext-container.wpa9-columns-4 .wpa9-panel {
		-ms-flex: 0 0 calc(25% - calc(1 * var(--spacer)));
		flex: 0 0 calc(25% - calc(1 * var(--spacer)));
		max-width: calc(25% - calc(1 * var(--spacer)));
		padding: 0;
		margin: 0 calc(.5 * var(--spacer)) 16px;
	}

}