.mdmg-hero {
display: flex;
align-items: center;
justify-content: center;
min-height: 260px;
max-height: 350px;
background-color: var(--contrast, #222222);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
position: relative;
}
.mdmg-hero::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, .45);
}
.mdmg-hero__inner {
position: relative;
z-index: 1;
padding: 20px;
}
.mdmg-hero__title {
color: #fff;
margin: 0;
} .mdmg-eventos-layout {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
align-items: start;
margin: 30px auto;
}
.mdmg-eventos-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 30px;
}
.mdmg-evento-card {
display: flex;
flex-direction: column;
background-color: var(--base-3, #fff);
border-radius: 6px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
} .mdmg-evento-card__thumb {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background-color: var(--base-2, #f7f8f9);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.mdmg-evento-card__thumb--sin-imagen {
background-color: var(--base-2, #f7f8f9);
}
.mdmg-evento-card__body {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 20px;
}
.mdmg-evento-card .entry-title {
margin-bottom: 0;
font-size: 18px;
}
.mdmg-evento-card .entry-title a {
font-size: 18px;
}
.mdmg-evento-card .entry-summary {
flex-grow: 1;
margin: .5em 0 1.2em;
font-size: 13px;
}
.mdmg-evento-card__link {
align-self: flex-start;
} .mdmg-evento-fecha {
color: var(--contrast-2, #575760);
font-size: 85%;
margin: .4em 0 1em;
}
.mdmg-evento-dato + .mdmg-evento-dato::before {
content: "\00b7";
margin: 0 .5em;
} .mdmg-evento-categoria {
color: var(--accent, #1e73be);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
margin-bottom: .4em;
}
.mdmg-hero__inner .mdmg-evento-categoria {
color: #fff;
opacity: .85;
}
.mdmg-evento-single .entry-meta {
margin-bottom: 1.5em;
} .single-eventos #content {
margin-bottom: 64px;
} .mdmg-evento-nav {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid var(--base, #f0f0f0);
}
.mdmg-evento-nav__prev,
.mdmg-evento-nav__next {
max-width: 50%;
}
.mdmg-evento-nav__next {
text-align: right;
margin-left: auto;
}
.mdmg-evento-nav a {
display: block;
text-decoration: none;
}
.mdmg-evento-nav__label {
display: block;
font-size: 13px;
color: var(--contrast-2, #575760);
}
.mdmg-evento-nav__title {
display: block;
color: var(--contrast, #222222);
font-weight: 700;
}
.mdmg-evento-nav a:hover .mdmg-evento-nav__title {
color: var(--accent, #1e73be);
} .mdmg-eventos-aside__section {
background-color: var(--base-3, #fff);
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
padding: 20px;
}
.mdmg-eventos-aside__section + .mdmg-eventos-aside__section {
margin-top: 30px;
}
.mdmg-eventos-aside__title {
margin: 0 0 15px;
font-size: 18px;
}
.mdmg-eventos-aside__list {
list-style: none;
margin: 0;
padding: 0;
}
.mdmg-eventos-aside__item + .mdmg-eventos-aside__item {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid var(--base, #f0f0f0);
}
.mdmg-eventos-aside__link {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
.mdmg-eventos-aside__thumb {
flex: 0 0 90px;
width: 90px;
aspect-ratio: 4 / 3;
border-radius: 4px;
background-color: var(--base-2, #f7f8f9);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.mdmg-eventos-aside__nombre {
color: var(--contrast, #222222);
font-weight: 700;
line-height: 1.3;
}
.mdmg-eventos-aside__link:hover .mdmg-eventos-aside__nombre {
color: var(--accent, #1e73be);
} @media (max-width: 800px) {
.mdmg-eventos-layout {
grid-template-columns: 1fr;
}
} .mdmg-eventos-main .paging-navigation {
text-align: center;
}
.paging-navigation .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 16px;
margin: 0 4px 0 0;
background-color: #55555e;
color: #fff;
border-radius: 0;
text-decoration: none;
font-weight: 700;
}
.paging-navigation .page-numbers.current,
.paging-navigation .page-numbers:hover {
background-color: #3f4047;
color: #fff;
}
.paging-navigation .page-numbers.dots {
background-color: transparent;
color: var(--contrast-2, #575760);
} .paging-navigation .page-numbers [aria-hidden="true"] {
display: none;
} .mdmg-eventos-relacionados {
margin-top: 50px;
}
.mdmg-eventos-relacionados__title {
margin-bottom: 20px;
}
.mdmg-eventos-relacionados__grid {
margin: 0;
}