/**
 * micheleramazza - child template of Cassiopeia
 * Look & feel of the Joomla 3 micheleramazza.com template:
 * black header, yellow navigation, seasonal photo background, dark translucent panels.
 */

@font-face {
	font-family: "Titillium Maps";
	src: local("Titillium Maps"), local("TitilliumMaps"),
		url("../fonts/TitilliumMaps29L002.woff") format("woff"),
		url("../fonts/TitilliumMaps29L002.otf") format("opentype");
	font-display: swap;
}

:root {
	--mr-yellow: #ffe700;
	--mr-yellow-dark: #e5c100;
	--mr-yellow-light: #fce94f;
	--mr-black: #000;
	--mr-panel: rgba(0, 0, 0, .78);
	--mr-text: #f2f2f2;
	--mr-muted: #c9c9c9;
	--mr-font-heading: "Titillium Maps", "Titillium Web", Arial, sans-serif;
	--mr-max-width: 1440px;

	--cassiopeia-color-primary: #000;
	--cassiopeia-color-link: var(--mr-yellow);
	--cassiopeia-color-hover: var(--mr-yellow-light);
	--link-color: var(--mr-yellow);
	--link-color-rgb: 255, 231, 0;
	--link-hover-color: var(--mr-yellow-light);
	--link-hover-color-rgb: 252, 233, 79;
	--body-color: var(--mr-text);
	--body-bg: #111;
	--cassiopeia-font-family-headings: var(--mr-font-heading);
}

/* ---------- Page ---------- */
body.mr-site {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	color: var(--mr-text);
	background-color: #111;
	background-image: var(--mr-bg-image);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 1rem;
	line-height: 1.55;
}

@media (max-width: 699px) {
	body.mr-site { background-attachment: scroll; background-size: auto 100vh; }
}

.mr-wrapper {
	width: 100%;
	max-width: var(--mr-max-width);
	margin: 0 auto;
	flex: 1 0 auto;
}

.mr-skip { position: absolute; z-index: 2000; top: .5rem; left: .5rem; padding: .5rem 1rem; background: var(--mr-yellow); color: #000; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--mr-font-heading);
	color: #f5f5f5;
	font-weight: 400;
}
h1, .h1 { font-size: 2.1rem; margin: 1.5rem 0 1rem; }
h2, .h2 { font-size: 1.7rem; margin: 1.5rem 0 .9rem; }
h3, .h3 { font-size: 1.35rem; }

a { color: var(--mr-yellow); text-decoration: none; }
a:hover, a:focus { color: var(--mr-yellow-light); text-decoration: underline; }

.mr-content img, .mr-sidebar img { max-width: 100%; height: auto; }
hr { border-color: rgba(255, 255, 255, .25); }
.table { --table-color: var(--mr-text); --table-bg: transparent; color: var(--mr-text); }
.table-striped > tbody > tr:nth-of-type(odd) > * { --table-accent-bg: rgba(255, 255, 255, .06); color: var(--mr-text); }
.well, .card { color: #111; }
.highlight { color: #000; }
blockquote { border-left: 4px solid var(--mr-yellow-dark); padding-left: 1rem; color: var(--mr-muted); }

/* ---------- Header ---------- */
.mr-header { background: var(--mr-black); position: relative; }

.mr-header__inner {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 110px;
	padding: .5rem 1rem;
	background: var(--mr-black) url("../images/sfondo_michele.jpg") no-repeat right center;
	background-size: auto 100%;
}

.mr-brand { display: inline-block; line-height: 0; }
.mr-brand:hover { text-decoration: none; }
.mr-logo { max-height: 100px; width: auto; height: auto; }
.mr-tagline { margin-left: 1rem; color: var(--mr-muted); font-family: var(--mr-font-heading); }

.mr-language { position: absolute; top: .4rem; right: .6rem; }
.mr-language .mod-languages ul { margin: 0; padding: 0; display: flex; gap: .4rem; }
.mr-language .mod-languages li { list-style: none; margin: 0; }
.mr-language .mod-languages a { display: inline-block; padding: .15rem .25rem; border-radius: 2px; background: rgba(0, 0, 0, .55); }
.mr-language .mod-languages .lang-active a { outline: 2px solid var(--mr-yellow); }
.mr-language .mod-languages img { width: 24px; height: auto; }

@media (max-width: 575px) {
	.mr-header__inner { min-height: 80px; background-size: auto 100%; background-position: right center; }
	.mr-logo { max-height: 70px; max-width: 70vw; }
}

/* ---------- Navigation (yellow bar) ---------- */
.mr-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	background: var(--mr-yellow) linear-gradient(to bottom, rgba(255, 255, 255, .25), rgba(0, 0, 0, .06));
	font-family: var(--mr-font-heading);
}

.mr-nav .navbar { padding: 0; width: 100%; }
.mr-nav .navbar-toggler {
	margin: .4rem .75rem;
	color: #000;
	border: 2px solid rgba(0, 0, 0, .7);
	background: transparent;
	padding: .3rem .6rem;
	font-size: 1.15rem;
}
.mr-nav .navbar-toggler .icon-menu { color: #000; }
.mr-nav .navbar-collapse { width: 100%; }

.mr-nav ul.mod-menu,
.mr-nav ul.metismenu {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent;
}

.mr-nav .mod-menu > li,
.mr-nav .metismenu > li {
	position: relative;
	border-right: 1px solid rgba(0, 0, 0, .15);
	margin: 0;
	padding: 0;
}

.mr-nav .mod-menu > li > a,
.mr-nav .mod-menu > li > span,
.mr-nav .metismenu > li > a,
.mr-nav .metismenu > li > button,
.mr-nav .metismenu > li > .mm-toggler {
	display: block;
	padding: .45rem .6rem .45rem;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: .95rem;
	white-space: nowrap;
	text-decoration: none;
	background: transparent;
	border: 0;
}

.mr-nav .mod-menu > li > a:hover,
.mr-nav .mod-menu > li > a:focus,
.mr-nav .metismenu > li > a:hover,
.mr-nav .metismenu > li > a:focus {
	background: rgba(0, 0, 0, .08);
	color: #000;
	text-decoration: none;
}

.mr-nav .mod-menu > li.active > a,
.mr-nav .mod-menu > li.current > a,
.mr-nav .metismenu > li.active > a,
.mr-nav .metismenu > li.current > a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background: rgba(0, 0, 0, .1);
}

/* dropdowns */
.mr-nav .metismenu .mm-collapse,
.mr-nav .mod-menu ul {
	background: #111;
	padding: .25rem 0;
	min-width: 14rem;
	z-index: 1000;
}
.mr-nav .metismenu .mm-collapse a,
.mr-nav .mod-menu ul a { color: var(--mr-yellow); padding: .45rem 1rem; display: block; text-transform: none; }
.mr-nav .metismenu .mm-collapse a:hover { background: #222; text-decoration: none; }

@media (min-width: 992px) {
	.mr-header .mr-nav ul.metismenu, .mr-header .mr-nav ul.mod-menu { flex-direction: row; flex-wrap: wrap; }
	.mr-nav .metismenu .mm-collapse { position: absolute; top: 100%; left: 0; }
}

@media (max-width: 991.98px) {
	.mr-nav .mod-menu, .mr-nav .metismenu { flex-direction: column; }
	.mr-nav .mod-menu > li, .mr-nav .metismenu > li { border-right: 0; border-top: 1px solid rgba(0, 0, 0, .12); }
	.mr-nav .mod-menu > li > a, .mr-nav .metismenu > li > a { padding: .7rem 1rem; }
}

.mr-search { padding: .4rem .75rem; align-self: center; }
.mr-search .awesomplete { width: 100%; }
.mr-search input { min-width: 12rem; }

/* ---------- Panels ---------- */
.mr-panel {
	background: var(--mr-panel);
	padding: 1.5rem 2.5rem 2.5rem;
}

.mr-bottom { border-top: 1px solid rgba(255, 255, 255, .12); }

@media (max-width: 767.98px) {
	.mr-panel { padding: 1rem 1rem 1.75rem; }
}

.mr-banner img { width: 100%; height: auto; display: block; }

/* modules */
.mr-sidebar .moduletable,
.mr-bottom .moduletable,
.mr-content .moduletable { margin-bottom: 1.75rem; }

.mr-module-title,
.mr-sidebar .moduletable > h3,
.mr-bottom .moduletable > h3 {
	font-size: 1.25rem;
	margin: 1.25rem 0 .75rem;
	padding-bottom: .45rem;
	border-bottom: 1px solid #ddd;
}

/* article lists in the sidebar (was ul.category-module_mic) */
.mr-sidebar .mod-articlescategory,
.mr-sidebar .mod-articlespopular,
.mr-sidebar .mod-list,
.moduletable.mod-mic ul {
	list-style: none;
	margin: 0;
	padding: .6rem .75rem;
	background: rgba(0, 0, 0, .55);
	border-radius: 8px;
}

.mr-sidebar .mod-list li,
.mr-sidebar .mod-articlescategory li,
.mr-sidebar .mod-articlespopular li { padding: .2rem 0; }

.mr-sidebar .mod-list li a,
.mr-sidebar .mod-articlescategory li a,
.mr-sidebar .mod-articlespopular li a {
	padding-left: 14px;
	background: url("../images/trattino.png") no-repeat left center;
	display: inline-block;
}

.mr-sidebar .mod-articlescategory h4,
.mr-sidebar .mod-articlescategory .mod-articles-category-title { font-size: 1rem; margin: 0; font-family: inherit; }

/* gray module style (sponsors) - was moduleclass_sfx "-gray" */
.moduletable-gray, .mr-sponsors {
	background: rgba(188, 188, 188, .85);
	color: #111;
	padding: 1.25rem 1rem;
}
.mr-sponsors a { color: #111; }
.mr-sponsors img { max-width: 100%; height: auto; }
.mr-sponsors .row-fluid,
.mr-sponsors .textbottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	gap: 1rem;
	text-align: center;
}

/* Days without swimming module */
.mod-days-without { text-align: center; }
.mod-days-without__title { font-size: 1.25rem; }
.mod-days-without__big { font-size: 2rem; line-height: 2.2rem; font-weight: 700; color: var(--mr-yellow); font-family: var(--mr-font-heading); }
.mod-days-without__big--small { font-size: 1.5rem; }

/* ---------- Footer ---------- */
.mr-footer {
	flex-shrink: 0;
	border-top: 5px solid var(--mr-yellow-dark);
	background: rgba(255, 255, 255, .92);
	color: #333;
}
.mr-footer a { color: #333; }
.mr-footer__inner { max-width: var(--mr-max-width); margin: 0 auto; padding: 1.25rem 2.5rem 2rem; }
.mr-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem; }
.mr-copy { margin: 0; }
.mr-cookie-settings { color: #333; padding: 0; font-size: .85rem; }
.mr-back-top { background: var(--mr-yellow); color: #000; }

/* ---------- Content (com_content) ---------- */
.page-header { text-align: center; }
.page-header h1, .page-header h2, .item-page h1, .item-page > h2 { margin-top: .5rem; }

.blog, .com-content-category-blog { margin-top: 1rem; }

.blog-items { gap: 1.5rem; }
.blog-item,
.com-content-category-blog__item {
	border-top: 1px solid rgba(255, 255, 255, .25);
	padding-top: .75rem;
	overflow: hidden;
}

.blog-item h2, .item-title, .com-content-category-blog__item h2 {
	font-size: 1.4rem;
	margin: .25rem 0 .75rem;
	padding: .35rem 0;
}
.blog-item h2 a, .item-title a { color: #f5f5f5; }
.blog-item h2 a:hover, .item-title a:hover { color: var(--mr-yellow); text-decoration: none; }

.item-image { margin: 0 1rem .75rem 0; }
.item-image img { border-radius: 2px; }

.item-page .item-image.float-start, .item-page .item-image.float-end { max-width: 50%; }

.readmore .btn {
	background: var(--mr-yellow);
	border-color: var(--mr-yellow);
	color: #000;
	padding: .4rem 1.25rem;
}
.readmore .btn:hover { background: var(--mr-yellow-light); color: #000; }

.btn-primary {
	--btn-bg: var(--mr-yellow-dark);
	--btn-border-color: var(--mr-yellow-dark);
	--btn-color: #000;
	--btn-hover-bg: var(--mr-yellow);
	--btn-hover-border-color: var(--mr-yellow);
	--btn-hover-color: #000;
	--btn-active-bg: var(--mr-yellow);
	--btn-active-color: #000;
	background-color: var(--mr-yellow-dark);
	border-color: var(--mr-yellow-dark);
	color: #000;
}
.btn-primary:hover, .btn-primary:focus { background-color: var(--mr-yellow); border-color: var(--mr-yellow); color: #000; }

.article-info, .article-info-term { color: var(--mr-muted); font-size: .85rem; }
.article-info .icon-fw { color: var(--mr-muted); }

.pagination { --pagination-bg: rgba(255, 255, 255, .9); --pagination-color: #111; --pagination-active-bg: var(--mr-yellow); --pagination-active-border-color: var(--mr-yellow); --pagination-active-color: #000; }
.pagination .page-link { color: #111; }
.com-content-category-blog__counter, .counter { color: var(--mr-muted); }

.pagenavigation .pagination { justify-content: space-between; }

.item-page img, .blog-item img { margin: .25rem; }

figure.caption, .caption { display: inline-block; }

/* video blog / responsive embeds */
.mr-content iframe { max-width: 100%; }
.embed-container, .mr-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed,
.mr-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mr-content video { max-width: 100%; height: auto; }

/* home boxes (mod_custom "Box home") */
.flex_home { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex_home .flex_item { margin-top: 1.75rem; width: 48%; }
@media (max-width: 767px) { .flex_home .flex_item { width: 100%; } }
.box_home_cont { display: block; }
.box_home_cont > div { position: relative; overflow: hidden; }
.box_home_cont img { width: 100%; height: auto; display: block; margin: 0 !important; transition: transform .4s ease; }
.box_home_cont:hover img { transform: scale(1.04); }
.box_home_cont > div h3 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	margin: 0;
	padding: 1.25rem 0;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	background: rgba(0, 0, 0, .45);
	z-index: 1;
}
.box_home_cont:hover h3 { color: var(--mr-yellow); }
@media (max-width: 767px) { .box_home_cont > div h3 { font-size: 1.4rem; } }

/* medals (results page) */
.results_list div { padding: 4px; }
.medal_1, .medal_2, .medal_3 { display: inline-block; padding-left: 25px; min-height: 25px; background: no-repeat left center; }
.medal_1 { background-image: url("../images/medal_gold.png"); }
.medal_2 { background-image: url("../images/medal_silver.png"); }
.medal_3 { background-image: url("../images/medal_bronze.png"); }

/* legacy bootstrap 2 helpers still present in the migrated articles */
.row-fluid { display: flex; flex-wrap: wrap; margin-left: -.75rem; margin-right: -.75rem; }
.row-fluid > [class*="span"] { padding-left: .75rem; padding-right: .75rem; width: 100%; }
@media (min-width: 768px) {
	.row-fluid > .span1 { width: 8.333%; } .row-fluid > .span2 { width: 16.666%; } .row-fluid > .span3 { width: 25%; }
	.row-fluid > .span4 { width: 33.333%; } .row-fluid > .span5 { width: 41.666%; } .row-fluid > .span6 { width: 50%; }
	.row-fluid > .span7 { width: 58.333%; } .row-fluid > .span8 { width: 66.666%; } .row-fluid > .span9 { width: 75%; }
	.row-fluid > .span10 { width: 83.333%; } .row-fluid > .span11 { width: 91.666%; } .row-fluid > .span12 { width: 100%; }
}
.pull-left { float: left; margin-right: 1rem; }
.pull-right { float: right; margin-left: 1rem; }
.hidden-phone { }
@media (max-width: 767px) { .hidden-phone { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-tablet { display: none !important; } }
@media (min-width: 992px) { .hidden-desktop { display: none !important; } }
.label { display: inline-block; padding: .15em .45em; font-size: .8em; border-radius: .2rem; background: #555; color: #fff; }

/* ---------- Forms on dark background ---------- */
.mr-content .form-control, .mr-content .form-select { background-color: #fff; color: #111; }
.mr-content label, .mr-content .form-text { color: var(--mr-text); }
.mr-content .control-group .form-text { color: var(--mr-muted); }
.invalid { color: #ff8f8f; }

/* breadcrumbs */
.mod-breadcrumbs { background: rgba(255, 255, 255, .08); padding: .4rem .8rem; border-radius: .2rem; margin: 0 0 1.25rem; }
.mod-breadcrumbs .breadcrumb-item.active, .mod-breadcrumbs .breadcrumb-item + .breadcrumb-item::before { color: var(--mr-muted); }

/* contact page */
.com-contact .contact-address, .com-contact dl { color: var(--mr-text); }
.com-contact .contact-form { max-width: 40rem; }

/* system messages */
joomla-alert { color: #111; }

/* smart search */
.com-finder .result-title a { color: var(--mr-yellow); }
.com-finder__results-list li { border-bottom: 1px solid rgba(255, 255, 255, .15); padding: .75rem 0; }
.awesomplete > ul { color: #111; }

/* ---------- Popup (replaces mod_popupaholic) ---------- */
.mr-popup {
	border: 0;
	padding: 2rem 1.5rem 1.5rem;
	max-width: min(600px, 94vw);
	background: rgba(0, 0, 0, .98);
	color: #f0f0f0;
	border-radius: .25rem;
	text-align: center;
}
.mr-popup::backdrop { background: rgba(255, 255, 255, .7); }
.mr-popup__close { position: absolute; top: .25rem; right: .5rem; background: none; border: 0; color: #fff; font-size: 2rem; line-height: 1; cursor: pointer; }
.mr-popup__close:hover { color: var(--mr-yellow); }
.mr-popup h3 { margin-top: 0; }

/* ---------- Cookie banner (replaces mod_cookiesaccept) ---------- */
.mr-cookie {
	position: fixed;
	z-index: 1050;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.5rem;
	align-items: center;
	justify-content: center;
	padding: .9rem 1rem;
	background: #000;
	border-top: 3px solid var(--mr-yellow-dark);
	color: #f0f0f0;
	font-size: .9rem;
}
.mr-cookie[hidden] { display: none; }
.mr-cookie p { margin: 0; max-width: 52rem; }
.mr-cookie__buttons { display: flex; gap: .5rem; }

/* consent placeholder for Facebook widgets */
.mr-consent-needed { padding: .75rem; border: 1px dashed rgba(255, 255, 255, .35); font-size: .85rem; color: var(--mr-muted); }

/* article info block on dark background */
.article-info, .article-info dd, .article-info dt, .article-info span, .article-info time { color: var(--mr-muted); }
.article-info { font-size: .8rem; margin-bottom: .5rem; }
.article-info .article-info-term { display: none; }
.article-info dd { display: inline-block; margin-right: 1rem; }
.blog-item::after { content: ""; display: block; clear: both; }

@media (min-width: 1240px) {
	.mr-header .mr-nav ul.metismenu, .mr-header .mr-nav ul.mod-menu { flex-wrap: nowrap; }
}

/* ---------- Blog items: 3:2 thumbnail (photo_helper) + read more / date row ---------- */
.mr-content .mr-intro-image {
	float: left;
	width: 180px;
	margin: .3rem 2rem 1rem 0;
	padding: 0;
	box-sizing: content-box;
}
.mr-intro-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	margin: 0 !important;
	border-radius: 3px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	transition: filter .2s ease;
}
.mr-intro-image a:hover img { filter: brightness(1.1); }
.mr-intro-image figcaption { font-size: .8rem; color: var(--mr-muted); margin-top: .3rem; }


.mr-readmore-row {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1.25rem;
	padding-top: .5rem;
}
.mr-readmore-row .readmore { margin: 0; }
.mr-item-date { color: var(--mr-muted); font-size: .85rem; white-space: nowrap; }
.mr-item-date .icon-fw { color: var(--mr-yellow-dark); }

/* mobile: same 180px thumbnail, a little less space between photo and text */
@media (max-width: 575.98px) {
	.mr-content .mr-intro-image { margin-right: 1.25rem; }
	.blog-item h2, .item-title, .com-content-category-blog__item h2 { font-size: 1.25rem; }
	.mr-readmore-row .readmore .btn { padding: .4rem 1rem; }
}
@media (max-width: 767.98px) {
	.blog-items { display: block; }
	.blog-items > .blog-item { width: 100%; margin-bottom: 1.25rem; }
}

/* pagination never wider than the screen */
.pagination { flex-wrap: wrap; gap: .25rem 0; }
.com-content-category-blog__navigation, .com-content-featured__navigation, .w-100 > .pagination { max-width: 100%; }
@media (max-width: 575.98px) {
	.com-content-category-blog__counter, .com-content-featured__counter { float: none !important; display: block; margin-bottom: .5rem; }
	.pagination .page-link { padding: .35rem .6rem; }
}

/* ---------- Spacing between content blocks ---------- */
/* modules above the component (home video, "Risorse più cliccate") */
.mr-content > .mod-custom,
.mr-content > .moduletable { margin-bottom: 3rem; }
.mr-content > .mod-custom:last-of-type { padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255, 255, 255, .15); }

/* category / featured page: heading, description, items, links, pagination */
.mr-content main .page-header { margin-bottom: 1.25rem; }
.mr-content .category-desc { margin-bottom: 2.25rem; }
.mr-content .category-desc::after { content: ""; display: block; clear: both; }
.mr-content .blog-items { column-gap: 2.5rem; row-gap: 2rem; }
.mr-content .blog-items + .blog-items { margin-top: 2rem; }
.mr-content .items-more {
	margin-top: 2.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.mr-content .items-more ol, .mr-content .items-more ul { margin: 0; padding-left: 1.25rem; }
.mr-content .items-more li { padding: .2rem 0; }
.mr-content main .w-100:has(.pagination),
.mr-content .com-content-category-blog__navigation { margin-top: 2rem; }

/* old article images placed in the text with align / float */
.mr-content img[align="left"],
.mr-content img[style*="float: left"],
.mr-content img[style*="float:left"] { float: left; margin: .3rem 1.75rem 1rem 0; }
.mr-content img[align="right"],
.mr-content img[style*="float: right"],
.mr-content img[style*="float:right"] { float: right; margin: .3rem 0 1rem 1.75rem; }
.item-page .item-image.float-start { margin: .3rem 1.75rem 1rem 0; }
.item-page .item-image.float-end { margin: .3rem 0 1rem 1.75rem; }

/* article body: room around videos and sub headings */
.mr-content .com-content-article__body h3,
.mr-content .com-content-article__body h4 { margin: 2.75rem 0 .85rem; }
.mr-content .com-content-article__body .mr-video,
.mr-content .com-content-article__body .embed-container { margin: 1.5rem 0 2rem; }
.mr-content .com-content-article__body p { margin-bottom: 1rem; }
.mr-content .article-info { margin-bottom: 1.25rem; }

/* sidebar modules a little apart from each other */
.mr-sidebar > .moduletable + .moduletable { margin-top: 2.25rem; }

@media (max-width: 575.98px) {
	.mr-content img[align="left"], .mr-content img[style*="float: left"], .mr-content img[style*="float:left"],
	.mr-content img[align="right"], .mr-content img[style*="float: right"], .mr-content img[style*="float:right"] {
		float: none;
		display: block;
		margin: .5rem auto 1rem;
	}
	.mr-content .blog-items { row-gap: 1.5rem; }
	.mr-content > .mod-custom, .mr-content > .moduletable { margin-bottom: 2rem; }
}

/* ---------- Plain .btn (no variant class): yellow with black text ---------- */
.btn:not([class*="btn-"]) {
	--btn-bg: var(--mr-yellow);
	--btn-border-color: var(--mr-yellow);
	--btn-color: #000;
	--btn-hover-bg: var(--mr-yellow-light);
	--btn-hover-border-color: var(--mr-yellow-light);
	--btn-hover-color: #000;
	--btn-active-bg: var(--mr-yellow-dark);
	--btn-active-border-color: var(--mr-yellow-dark);
	--btn-active-color: #000;
	background-color: var(--mr-yellow);
	border: 1px solid var(--mr-yellow);
	color: #000;
	padding: .45rem 1.25rem;
}
.btn:not([class*="btn-"]):hover,
.btn:not([class*="btn-"]):focus-visible { background-color: var(--mr-yellow-light); border-color: var(--mr-yellow-light); color: #000; }
.btn:not([class*="btn-"]):focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ---------- Social icons (follow me module and popup) ---------- */
.mr-social { display: flex; gap: .9rem; align-items: center; margin: .5rem 0 1rem; }
.mr-popup .mr-social { justify-content: center; margin: 1.25rem 0; }
.mr-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: var(--mr-yellow);
	transition: background-color .15s ease;
}
.mr-social__link img { width: 1.5rem; height: 1.5rem; margin: 0 !important; }
.mr-social__link:hover, .mr-social__link:focus-visible { background: var(--mr-yellow-light); text-decoration: none; }
.mr-social__link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* back to top button above the reCAPTCHA badge (AcyMailing form) */
body:has(.grecaptcha-badge) .mr-back-top { bottom: 6rem; }