/*--------------------------------------------------------------
# Media card
--------------------------------------------------------------*/

.wp-block-market3-media-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.6em 1.4em;
    background-color: #fff;
    box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, .12);
    border-radius: 0.4em;
	transition: all 0.25s ease-in-out;
}

.media-card-horizontal {
    display: grid;
    grid-template-columns: 3em 1fr;
    grid-template-areas:
        'image title'
        'image text'
        'image buttons';
	column-gap: 2em;
	align-items: start;
}

.wp-block-market3-media-card figure {
    grid-area: image;
	margin: 0;
}

.wp-block-market3-media-card .wp-block-heading {
    grid-area: title;
	margin: 0 0 0.3em;
}

.wp-block-market3-media-card.media-card-horizontal .wp-block-heading {
	margin: 0 0 0.15em;
}

.wp-block-market3-media-card:not(.media-card-no-border) p, .wp-block-market3-media-card:not(.media-card-no-border) ul {
    margin: 0.6em 0 0 0;
    color: var(--wp--preset--color--gray-100);
}

.wp-block-market3-media-card:not(.media-card-no-border) ul {
    padding: 0 0 0 1.2em;
}

.wp-block-market3-media-card:not(.media-card-no-border) .wp-block-heading {
    text-align: center;
	line-height: 1.4;
}



/*
.wp-block-market3-media-card.media-card-horizontal h4.wp-block-heading {
	font-size: var(--wp--preset--font-size--normal);
}
*/

.wp-block-market3-media-card p {
    grid-area: text;
}

.wp-block-market3-media-card .wp-block-buttons {
    grid-area: buttons;
}

.media-card-icon-color-accent .mc-icon img {
    filter: var(--accent-filter);
}

.wp-block-market3-media-card.media-card-no-border {
    padding: 0;
	background-color: inherit;
    border-radius: inherit;
    box-shadow: inherit;
}

.is-style-mini-list {
    column-gap: 1em;
    grid-template-columns: 2.3em 1fr;
}


.media-card-invert-on-hover:hover {
    background-color: var(--wp--preset--color--accent);
    color: #fff;
}

.media-card-invert-on-hover:hover p {
    color: #fff;
}


.wp-block-market3-media-card:not(.media-card-horizontal) .mc-icon.size-thumbnail {
    width: 80px;
    height: 80px;
    margin-bottom: 1.4em;
}

.media-card-icon {
    padding: 2.7em 2em;
}


.media-card-image .wp-block-heading {
    margin-top: 1em;
}


div[data-desktop-grid-columns="2"] figure.mc-media {
    height: 320px;
}

div[data-desktop-grid-columns="3"] figure.mc-media {
    height: 250px;
}

div[data-desktop-grid-columns="4"] figure.mc-media {
    height: 200px;
}

.media-card-image figure.mc-media img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}