/* UX Builder pages rebuilt from LiveCanvas (scripts/pages-main.php): home, FAQ, our clinic, contact, annual check.
   Values follow the old picostrap5 bundle (Bootstrap 5) and the old Additional CSS. */

/* ---- shared ---- */
.page-template-page-blank #content .section { padding-left: 0; padding-right: 0; }
.page-template-page-blank #content .row { max-width: 1200px; }
.page-template-page-blank #content h1, .page-template-page-blank #content h2, .page-template-page-blank #content h3,
.page-template-page-blank #content h4, .page-template-page-blank #content h5, .page-template-page-blank #content h6 { line-height: 1.2; margin-bottom: .5rem; }
.mm-h { font-size: calc(1.3rem + .6vw); font-weight: 800; margin: 0; }
.mm-link-strong { color: var(--mm-text) !important; font-weight: 700; }
.mm-swap .img.mm-swap__hover { display: none !important; }
.mm-swap:hover .img.mm-swap__img { display: none !important; }
.mm-swap:hover .img.mm-swap__hover { display: inline-block !important; }
.mm-swap .img { margin-bottom: 0; }
@media (min-width: 1200px) { .mm-h { font-size: 1.75rem; } }

/* ---- home: hero (one slide, was RevSlider) ---- */
.mm-hero-slider .slider { margin: 0; }
.mm-hero .banner-bg img { object-position: 62% 50%; }
/* the mobile picture (Only for: Tablet and Mobile) covers the slide like the desktop background */
.mm-hero .banner-layers { max-width: 1440px; }
.mm-hero .banner-layers > .img.mm-hero__mobile-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100%; margin: 0; transform: none; }
.mm-hero .mm-hero__mobile-bg .img-inner { position: absolute; inset: 0; padding: 0; margin: 0; }
.mm-hero .mm-hero__mobile-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
@media (max-width: 849px) { .mm-hero .banner-layers { max-width: none; } }
.mm-hero .text-box-content { font-size: 100% !important; }
.mm-hero .mm-hero__brand { color: var(--mm-pink); font-size: 40px; line-height: 45px; font-weight: 700; margin: 0 0 40px; }
.mm-hero .mm-hero__lead { color: #fff; font-size: 35px; line-height: 44px; font-weight: 700; margin: 0; }
@media (max-width: 1240px) {
	.mm-hero .mm-hero__brand { font-size: 33px; line-height: 37px; margin-bottom: 30px; }
	.mm-hero .mm-hero__lead { font-size: 28px; line-height: 36px; }
}
@media (max-width: 849px) {
	.mm-hero .banner-layers { padding: 0; }
	.mm-hero .mm-hero__brand { font-size: 33px; line-height: 37px; margin-bottom: 12px; }
	.mm-hero .mm-hero__lead { font-size: 26px; line-height: 28px; }
}
@media (max-width: 549px) {
	.mm-hero .mm-hero__text { padding-left: 20px; }
	.mm-hero .mm-hero__brand { font-size: 16px; line-height: 17px; margin-bottom: 12px; }
	.mm-hero .mm-hero__lead { font-size: 13px; line-height: 14px; }
}

/* ---- home: Dr Naoum ---- */
.mm-doctor .col { padding-bottom: 0; }
.mm-doctor h3 { font-size: calc(1.3rem + .6vw); font-weight: 800; margin-bottom: 0; }
.mm-doctor .mm-doctor__quote { padding-top: 1.5rem; margin-bottom: 1rem; }
.mm-doctor .mm-doctor__p2 { padding-top: 1.5rem; margin-bottom: 0; }
.mm-doctor .mm-doctor__sign { width: auto !important; margin: 1.5rem 0; }
.mm-doctor .mm-doctor__sign img { width: 145px; }
.mm-doctor .mm-doctor__photo .img { margin: 0; width: auto !important; }
.mm-doctor .mm-doctor__photo .img img { width: auto; max-width: 100%; }
a.button.mm-doctor__btn, a.button.mm-banner-info__btn { text-transform: uppercase; font-weight: 400; letter-spacing: 0; }
a.button.mm-doctor__btn { font-size: .9rem; line-height: 1.5; padding: .5rem; min-height: 0; margin: 0; }
.mm-doctor__btn:hover, .mm-banner-info__btn:hover, .mm-svc-btn:hover { background: var(--mm-dark) !important; box-shadow: none; }
@media (min-width: 850px) {
	.mm-doctor .mm-doctor__text { padding-left: 39px; }
}
@media (min-width: 1200px) { .mm-doctor h3 { font-size: 1.75rem; } }
@media (max-width: 849px) {
	.mm-doctor .mm-doctor__text { padding-top: 1.5rem; }
	.mm-doctor .mm-doctor__quote { padding-top: .5rem; }
}

/* ---- home: five concerns (old .anisixies cards) ---- */
.mm-concerns .section-content > .row:first-child .col { padding-bottom: 48px; }
.mm-concerns__row { padding: 0 15px; justify-content: space-between; }
.mm-concerns__row > .col.mm-concern { position: relative; flex: 0 0 calc((100% - 96px) / 5); max-width: calc((100% - 96px) / 5); height: 394px;
	padding: 0; overflow: hidden; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; background: #f5f5f5; color: #f5f5f5; }
.mm-concern > .col-inner { height: 100%; display: flex; align-items: flex-end; }
.mm-concern .mm-concern__bg { position: absolute !important; inset: 0 0 -10% 0; margin: 0; width: auto !important; transition: transform 1.05s cubic-bezier(.19, 1, .22, 1); }
.mm-concern .mm-concern__bg .img-inner, .mm-concern .mm-concern__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 0 0; }
.mm-concern::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 200%; pointer-events: none; transition: transform 1.4s cubic-bezier(.19, 1, .22, 1); }
.mm-concern .mm-concern__content { position: relative; z-index: 1; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center;
	background: rgba(0, 0, 0, .4); transform: translateY(calc(100% - 4.5rem)); transition: all .8s; }
.mm-concern .mm-concern__title { color: #f5f5f5; font-size: 1.3rem; font-weight: 700; line-height: 1.2; margin: 15px 0 .5rem; }
.mm-concern .mm-concern__copy { font-size: 1.125rem; line-height: 1.35; border-bottom: 1px solid #fff; width: 90%; padding-bottom: .5rem; margin-bottom: 1rem; }
.mm-concern .mm-concern__btn { display: block; margin: .5rem 0 1rem; padding: .6rem; font-size: .8rem; text-transform: uppercase; color: #fff; background: var(--mm-dark); width: 95%; transition: all .5s; }
.mm-concern .mm-concern__btn:hover { background: var(--mm-pink); color: #fff; }
.mm-concern .mm-concern__content > *:not(.mm-concern__title) { opacity: 0; transform: translateY(1rem); transition: transform .7s cubic-bezier(.19, 1, .22, 1), opacity .7s cubic-bezier(.19, 1, .22, 1); }
.mm-concern:hover > .col-inner, .mm-concern:focus-within > .col-inner { align-items: center; }
.mm-concern:hover .mm-concern__bg, .mm-concern:focus-within .mm-concern__bg { transform: translateY(-4%); }
.mm-concern:hover::after, .mm-concern:focus-within::after { transform: translateY(-50%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .12) 39%, rgba(0, 0, 0, .32) 59%, rgba(0, 0, 0, .54) 74%, rgba(0, 0, 0, .72) 89%, rgba(0, 0, 0, .79) 100%); }
.mm-concern:hover .mm-concern__content, .mm-concern:focus-within .mm-concern__content { transform: translateY(0); width: 90%; margin: 0 auto; background: none; }
.mm-concern:hover .mm-concern__title { margin-top: 50px; padding-bottom: 25px; }
.mm-concern:hover .mm-concern__content > *:not(.mm-concern__title), .mm-concern:focus-within .mm-concern__content > *:not(.mm-concern__title) { opacity: 1; transform: translateY(0); transition-delay: .09s; }
@media (max-width: 849px) {
	.mm-concerns__row { padding: 0 4%; }
	.mm-concerns__row > .col.mm-concern { flex-basis: 100%; max-width: 100%; margin-bottom: 1rem; }
}

/* ---- home: three reasons ---- */
.mm-reasons .mm-reasons__h { color: var(--mm-dark); }
.mm-reasons .section-content > .row:first-child .col { padding-bottom: 0; }
@media (min-width: 850px) { .mm-reasons .section-content > .row:first-child .col { padding-bottom: 48px; } }
.mm-reason { text-align: center; padding-top: 1.5rem; padding-bottom: 0; }
.mm-reason .img { display: inline-block; width: auto !important; margin-bottom: 1rem; }
.mm-reason .mm-reason__label { color: var(--mm-dark); font-size: 1.2rem; margin: 0 0 1.5rem; }

/* ---- home: services (tabs on desktop, accordion below 850px) ---- */
.mm-services .section-content > .row > .col { padding-bottom: 0; }
.mm-services .mm-h { margin-bottom: 48px; }
.mm-services__tabs { max-width: 1100px; margin: 0 auto; background: #fff; }
.mm-services__tabs > .nav { display: flex; flex-wrap: nowrap; margin: 0 0 1rem; border: 1px solid #dee2e6; }
.mm-services__tabs > .nav > li { flex: 1 1 20%; margin: 0; border-left: 1px solid #dee2e6; }
.mm-services__tabs > .nav > li:first-child { border-left: 0; }
.mm-services__tabs > .nav > li > a { display: flex; align-items: center; justify-content: center; height: 6.25em; width: 100%; margin: 0; padding: 0 1rem; border: 0 !important;
	border-radius: .25rem; color: var(--mm-dark); font-weight: 400; font-size: 1rem; text-transform: uppercase; letter-spacing: 0; text-align: center; white-space: normal; }
.mm-services__tabs > .nav > li.active > a { background: var(--mm-pink); color: #fff; }
.mm-services__tabs .tab-panels { padding: 0 0 48px; border: 0; }
.mm-services__tabs .panel .row { max-width: none; }
.mm-svc-list { padding: 1.5rem 15px !important; }
a.button.mm-svc-btn { display: block; margin: .5rem 0 0; padding: 0 .5rem; min-height: 0; font-size: 1.2rem; line-height: 1.5; font-weight: 400; text-transform: none; letter-spacing: 0; }
.mm-svc-list .mm-svc-btn:first-child { margin-top: 0; }
.mm-svc-img { text-align: center; padding-bottom: 0 !important; }
.mm-svc-img .img { display: inline-block; width: auto !important; margin: 0; }
.mm-services__acc { border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; background: #fff; }
.mm-services__acc .accordion-item + .accordion-item { border-top: 1px solid rgba(0, 0, 0, .125); }
.mm-services__acc .accordion-title { position: relative; border: 0; padding: 1rem 3rem 1rem 1.25rem; font-weight: 700; color: var(--mm-text); font-size: 1rem; text-transform: uppercase; }
.mm-services__acc .accordion-title.active { background: #fcebf2; color: var(--mm-pink); border: 0; }
.mm-services__acc .accordion-title .toggle { left: auto; right: 1rem; }
.mm-services__acc .accordion-inner { padding: 1rem 1.25rem; }
.mm-services__acc .accordion-inner .row { max-width: none; }
.mm-services__acc .mm-svc-list { padding: 0 15px !important; }
.mm-services__acc .mm-svc-img { margin-top: 1.5rem; }

/* ---- home: before & after banner ---- */
.mm-results-banner { display: block; }
@media (min-width: 992px) { .mm-results-banner { margin: 4.5rem 0; } }

/* ---- accommodation banner (blocks mm-banner-info-el / -en) ---- */
.mm-banner-info .col { padding: 0 12px; }
.mm-banner-info .mm-banner-info__title { color: var(--mm-pink); font-weight: 700; font-size: calc(1.35rem + 1.2vw); margin-bottom: .5rem; }
.mm-banner-info .mm-banner-info__sub { font-weight: 700; font-size: calc(1.275rem + .3vw); margin: 0; }
a.button.mm-banner-info__btn { font-size: 1.05rem; line-height: 1.5; padding: .5rem 1rem; min-height: 0; margin: 1.5rem 0 0; border-radius: .3rem !important; }
.mm-banner-info .img { margin: 0; }
@media (min-width: 1200px) {
	.mm-banner-info .mm-banner-info__title { font-size: 2.25rem; }
	.mm-banner-info .mm-banner-info__sub { font-size: 1.5rem; }
}
@media (max-width: 849px) { .mm-banner-info .col + .col { padding-top: 1.5rem; } }

/* ---- home: reviews ---- */
.mm-reviews { min-height: 479px; }
@media (min-width: 992px) { .mm-reviews { margin-top: 4.5rem; } }
.mm-reviews .col { padding-bottom: 0; }
.mm-reviews .mm-h { color: #fff; margin-bottom: 1.5rem; }
.mm-reviews .mm-review { color: #fff; padding: 0 5%; }
.mm-reviews .mm-review p { margin-bottom: 0; }
.mm-reviews .mm-review__quote { padding: 1.5rem 0; }
.mm-reviews .mm-review__quote img { display: inline-block; }
.mm-reviews .mm-review h5 { color: #fff; font-size: 1.25rem; padding-bottom: 4.5rem; margin: 0; }
.mm-reviews__slider .flickity-page-dots { bottom: 1.25rem; }
.mm-reviews__slider .flickity-page-dots .dot { width: 30px; height: 3px; border: 0; border-radius: 0; margin: 0 3px; background: #fff; opacity: .5; }
.mm-reviews__slider .flickity-page-dots .dot.is-selected { opacity: 1; }
.mm-reviews__slider .flickity-prev-next-button { opacity: .5; width: 2rem; }
@media (max-width: 549px) { .mm-reviews__slider .flickity-prev-next-button { display: block; } }

/* ---- English home: social section ---- */
.mm-social .col { padding-bottom: 0; }
.mm-social .mm-h { margin-bottom: 1rem; }

/* ---- FAQ ---- */
.mm-faq .col { padding-bottom: 0; }
.mm-faq .mm-faq__image .img { margin: 0; }
@media (min-width: 992px) { .mm-faq .mm-faq__image img { width: 75%; } }
@media (max-width: 991px) { .mm-faq .mm-faq__image img { height: 50vh; width: 100%; } }
.mm-faq__acc .accordion-item { margin-bottom: 3rem; }
.mm-faq__acc .accordion-item:last-child { border-bottom: 1px solid #dee2e6; }
.mm-faq__acc .accordion-title { border: 0; border-bottom: 1px solid #dee2e6; padding: 0; color: var(--mm-pink); font-weight: 700;
	font-size: calc(1.275rem + .3vw); line-height: 1.2; }
.mm-faq__acc .accordion-title.active { border-color: #dee2e6; color: var(--mm-pink); }
.mm-faq__acc .accordion-title .toggle { display: none; }
.mm-faq__acc .accordion-inner { padding: 1rem 0 0; }
.mm-faq__acc .accordion-body { padding: 1rem 1.25rem; }
.mm-faq__acc .accordion-body p { margin-bottom: 1rem; }
@media (min-width: 1200px) { .mm-faq__acc .accordion-title { font-size: 1.5rem; } }

/* ---- Our clinic ---- */
.mm-title-band .col, .mm-clinic-text .col { padding-bottom: 0; }
.mm-title-band .mm-title-band__h { font-size: calc(1.325rem + .9vw); font-weight: 700; margin: 0; }
@media (min-width: 1200px) { .mm-title-band .mm-title-band__h { font-size: 2rem; } }
.mm-clinic-text p { margin-bottom: 1rem; }
.mm-clinic-gallery { padding-bottom: 6rem !important; }
.mm-clinic-tile { padding: 0 12px 24px; }
.mm-clinic-tile .img { margin: 0; }
.mm-clinic-tile .img-inner img { object-position: top center; }

/* ---- Contact ---- */
.mm-contact .col { padding-bottom: 0; }
.mm-contact .mm-contact__h { color: var(--mm-dark); font-weight: 700; font-size: 1rem; padding-bottom: 1.5rem; margin: 0; }
.mm-contact .mm-contact__icon { text-align: center; }
.mm-contact .mm-contact__icon .img { display: inline-block; width: auto !important; }
.mm-map iframe { display: block; width: 100%; height: 330px; border: 0; }
@media (max-width: 849px) { .mm-contact .mm-contact__icon { padding: 1.5rem 0; } .mm-contact .mm-contact__icon img { width: 127px; } .mm-annual-intro .col + .col { padding-top: 1.5rem; } }

/* ---- «Ετήσιος Γυναικολογικός Έλεγχος» ---- */
.mm-annual-intro .col, .mm-annual-exams .col, .mm-annual-call .col { padding-bottom: 0; }
.mm-annual-intro .row { max-width: 960px !important; }
.mm-annual-intro .col { padding: 0 24px; }
.mm-annual-intro .mm-annual__img { margin: 0; }
.mm-annual-intro .mm-annual__img img { border-radius: .3rem; }
.mm-annual__price { color: var(--mm-pink); font-weight: 700; font-size: calc(1.305rem + .66vw); margin-bottom: 1rem; }
.mm-annual__motto { font-weight: 700; font-size: calc(1.26rem + .12vw); margin-bottom: 1rem; }
.mm-annual__lead { font-size: 1.2rem; }
.mm-annual-exams .mm-annual__h { font-size: calc(1.275rem + .3vw); font-weight: 700; padding-bottom: 1rem; }
.mm-annual-exams p { font-size: 1.2rem; }
.mm-annual-exams .mm-annual__list { padding-top: 3rem; font-size: 1.35rem; }
.mm-annual-exams .mm-annual__list strong { font-size: calc(1.275rem + .3vw); }
.mm-exams > .mm-exam { padding-bottom: 1.5rem; }
.mm-exams > .mm-exam > .col-inner { height: 100%; padding: 1.5rem; background: #fff; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); }
.mm-exam .mm-exam__icon { width: 100px !important; margin: 0 auto 1rem; }
.mm-exam .mm-exam__title { font-weight: 700; font-size: calc(1.275rem + .3vw); margin-bottom: 1.5rem; }
.mm-exam .mm-exam__text { font-size: .9rem; margin-bottom: 1.5rem; }
.mm-annual__call { font-size: calc(1.26rem + .12vw); margin-bottom: 5rem; }
.mm-annual__call a { text-decoration: underline; }
@media (min-width: 1200px) {
	.mm-annual__price { font-size: 1.8rem; }
	.mm-annual__motto, .mm-annual__call { font-size: 1.35rem; }
	.mm-annual-exams .mm-annual__h, .mm-exam .mm-exam__title, .mm-annual-exams .mm-annual__list strong { font-size: 1.5rem; }
}

/* ---- default page template (page.php): the old picostrap page.php wrapper ---- */
.mm-classic__wrap { max-width: 1200px; margin: 0 auto; padding: 0 12px; }
.mm-classic__band { background: var(--mm-grey); padding: 1.5rem 0; }
.mm-classic__title { margin: 0; padding-left: 1.5rem; font-size: calc(1.275rem + .3vw); font-weight: 800; line-height: 1.2; text-transform: uppercase; color: var(--mm-text); }
@media (min-width: 1200px) { .mm-classic__title { font-size: 1.5rem; } }
.mm-classic__body { padding: 3rem 0; }
@media (min-width: 768px) { .mm-classic__body { width: 83.333%; margin-left: 8.333%; } }
.mm-classic__body--figure { width: auto !important; margin-left: 0 !important; padding: .5rem 0 1rem; }
@media (min-width: 992px) { .mm-classic__body--figure { padding: 3rem 0 3rem 1rem; margin-left: 1.5rem !important; } }
.mm-classic__figure { float: right; padding: 1.5rem; margin: 0; }
.mm-classic__figure img { max-width: 100%; height: auto; }
.mm-classic__body::after { content: ""; display: table; clear: both; }
/* old .custom__page: headings in the content pink, 1.563em, heaviest weight */
.mm-classic__body h1, .mm-classic__body h2, .mm-classic__body h3, .mm-classic__body h4, .mm-classic__body h5, .mm-classic__body h6,
.mm-post h1, .mm-post h2, .mm-post h3, .mm-post h4, .mm-post h5, .mm-post h6 { font-size: 1.563em !important; color: var(--mm-pink) !important; font-weight: 900 !important; line-height: 1.2; margin-bottom: .5rem; }
.mm-classic__body p, .mm-post__body p { margin-bottom: 1rem; }
:is(.mm-classic__body, .mm-post__body) a:not(.button) { text-decoration: underline; }

/* Bootstrap utilities still used inside ordinary editor content (accommodation pages, posts); Flatsome rows
   from UX Builder carry an id="row-…" and are left alone */
:is(.mm-classic__body, .mm-post__body) .row:not([id^="row-"]) { display: flex; flex-wrap: wrap; margin: 0 -12px; max-width: none; width: auto; }
:is(.mm-classic__body, .mm-post__body) .row:not([id^="row-"]) > * { flex-shrink: 0; width: 100%; max-width: 100%; padding: 0 12px; }
:is(.mm-classic__body, .mm-post__body) .row:not([id^="row-"]) > .col-2 { width: 16.6667%; }
:is(.mm-classic__body, .mm-post__body) .row:not([id^="row-"]) > .col-10 { width: 83.3333%; }
:is(.mm-classic__body, .mm-post__body) .align-items-start { align-items: flex-start; }
:is(.mm-classic__body, .mm-post__body) .w-100 { width: 100% !important; }
:is(.mm-classic__body, .mm-post__body) .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; }
:is(.mm-classic__body, .mm-post__body) .p-0 { padding: 0 !important; }
:is(.mm-classic__body, .mm-post__body) .ps-4 { padding-left: 1.5rem !important; }
:is(.mm-classic__body, .mm-post__body) .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
:is(.mm-classic__body, .mm-post__body) .mt-4 { margin-top: 1.5rem !important; }
:is(.mm-classic__body, .mm-post__body) .mb-4 { margin-bottom: 1.5rem !important; }
:is(.mm-classic__body, .mm-post__body) .mt-5 { margin-top: 3rem !important; }
:is(.mm-classic__body, .mm-post__body) .mb-5 { margin-bottom: 3rem !important; }
:is(.mm-classic__body, .mm-post__body) .mb-6 { margin-bottom: 4.5rem !important; }
:is(.mm-classic__body, .mm-post__body) .text-center { text-align: center; }
:is(.mm-classic__body, .mm-post__body) .fw-bold { font-weight: 700; }
:is(.mm-classic__body, .mm-post__body) .text-decoration-none { text-decoration: none; }
:is(.mm-classic__body, .mm-post__body) img { max-width: 100%; height: auto; }
:is(.mm-classic__body, .mm-post__body) :is(.desktopcontact, .aligncenter) { text-align: center; margin: 0 auto 20px; display: block; }
:is(.mm-classic__body, .mm-post__body) .mobilecontact { display: none !important; }
@media (max-width: 992px) { :is(.mm-classic__body, .mm-post__body) .mobilecontact { display: block !important; margin: 0 auto; text-align: center; } :is(.mm-classic__body, .mm-post__body) .desktopcontact { display: none !important; } }

/* ---- team pages (UX Builder content inside the default template) ---- */
.mm-classic__body .row { max-width: none; }
.mm-team__lead .col { padding-bottom: 1rem; }
.mm-team__lead .mm-team__intro { color: var(--mm-dark); }
.mm-team__members .col { padding-bottom: 3rem; }
.mm-team__member .img { margin-bottom: .5rem; }
.mm-team__member p { margin: 0 !important; padding-left: .5rem; font-size: 1.2rem; color: var(--mm-text); }
.mm-team__member .mm-team__mname { font-weight: 700; }
.mm-classic__body .mm-team__h { text-align: center; }
@media (max-width: 767px) { .mm-team__member { text-align: center; } }

/* ---- blog post (single-post.php) ---- */
.mm-post__wrap { max-width: 1200px; margin: 0 auto; padding: 3rem; }
.mm-post .mm-post__title { text-align: center; margin-bottom: 1rem; }
.mm-post__body { max-width: 800px; margin: 0 auto; padding: 0 12px; }
.mm-post__image { display: block; max-width: 100%; height: auto; margin-bottom: 1.5rem; }
@media (max-width: 767px) { .mm-post__wrap { padding: 3rem 0; } }

/* ---- blog index and archives (home.php, archive.php): cards ---- */
.mm-archive__head { text-align: center; padding: 4.5rem 12px; }
.mm-archive .mm-archive__title { font-size: calc(1.375rem + 1.5vw); font-weight: 500; margin: 0 0 .5rem; color: var(--mm-text); }
@media (min-width: 1200px) { .mm-archive .mm-archive__title { font-size: 2.5rem; } }
.mm-archive__desc { color: #6c757d; font-size: 1.25rem; }
.mm-cards { max-width: 1200px; margin: 0 auto; padding: 3rem 12px; }
.mm-cards__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 24px; }
@media (max-width: 767px) { .mm-cards__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .mm-cards__grid { grid-template-columns: 1fr; } }
.mm-card { display: flex; flex-direction: column; margin-bottom: 1.5rem; background: #fff; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); overflow: hidden; }
.mm-card__image { display: block; width: 100%; height: auto; }
.mm-card__body { padding: 1rem; flex: 1 1 auto; }
.mm-card .mm-card__title { font-size: calc(1.275rem + .3vw); font-weight: 400; line-height: 1.2; margin: 0 0 .5rem; }
@media (min-width: 1200px) { .mm-card .mm-card__title { font-size: 1.5rem; } }
.mm-card__title a { color: var(--mm-pink); text-decoration: none; }
.mm-card__text { margin-bottom: 1rem; }
.mm-card__more { margin: 0; padding-bottom: .25rem; }
.mm-card__btn { display: inline-block; padding: .375rem .75rem; border: 1px solid var(--mm-pink); border-radius: .25rem; color: var(--mm-pink); line-height: 1.5; transition: all .15s; }
.mm-card__btn:hover { background: var(--mm-pink); color: #fff; }
/* the blog index (old body class .blog): fixed-height cards, button at the bottom */
.mm-blog:not(.mm-archive) .mm-card { height: 590px; }
.mm-blog:not(.mm-archive) .mm-card__image { height: 215px; object-fit: fill; }
.mm-blog:not(.mm-archive) .mm-card__body { position: relative; min-height: 229px; }
.mm-blog:not(.mm-archive) .mm-card__title { min-height: 120px; }
.mm-blog:not(.mm-archive) .mm-card__more { position: absolute; bottom: 0; }
.mm-pagination ul { display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; }
.mm-pagination li { margin: 0; }
.mm-pagination li > * { display: block; padding: .375rem .75rem; border: 1px solid #dee2e6; margin-left: -1px; color: #000; font-size: 1.25rem; line-height: 1.5; }
.mm-pagination li.active > * { background: var(--mm-pink); border-color: var(--mm-pink); color: #fff; }