/* AstroVidhi theme for the muhurat section (loaded after assets/front/muhurat/muhurat.css). */
.mh.mh-av {
	--saffron: #ff1e00;
	--maroon: #0f867d;
	--cream: #f3faf9;
	--line: #d5e6e4;
	--text: #1a2236;
	--muted: #5b6475;
	--ex: #0f867d;
	--gd: #146eac;
	--av: #ff8400;
	font-family: 'Poppins', "Noto Sans Devanagari", sans-serif;
	background: #eceff1;
	padding-bottom: 24px;
}

/* Section bar: same teal as the site's phone bar */
.mh.mh-av .top { background: #0f867d; }
.mh.mh-av .top-in { padding-top: 14px; }
.mh.mh-av .brand { font-size: 19px; }
.mh.mh-av .lang { border-color: rgba(255,255,255,.75); }
.mh.mh-av .lang:hover { background: #fff; color: #0f867d; }
.mh.mh-av .menu a { background: rgba(255,255,255,.14); }
.mh.mh-av .menu a.on, .mh.mh-av .menu a:hover { background: #ff1e00; color: #fff; }

/* Content on a white panel, like the other site pages */
.mh.mh-av main.wrap { background: #fff; border-radius: 12px; margin-top: 12px; padding-bottom: 18px; box-shadow: 0 6px 20px rgba(26,34,54,.06); }
.mh.mh-av h1 { color: #1a2236; font-weight: 700; }
.mh.mh-av h2 { color: #0f867d; border-bottom-color: #d5e6e4; }
.mh.mh-av .crumbs a:hover { color: #ff1e00; }

.mh.mh-av .answer { background: #f3faf9; border-color: #d5e6e4; border-left-color: #0f867d; }
.mh.mh-av th { background: #0f867d; color: #fff; border-color: #0f867d; }
.mh.mh-av tbody tr:nth-child(even) td { background: #f7fafa; }

.mh.mh-av .card strong { color: #0f867d; }
.mh.mh-av .card:hover { box-shadow: 0 4px 14px rgba(15,134,125,.18); border-color: #0f867d; }
.mh.mh-av .chips a { background: #e7f3f2; color: #03564e; }
.mh.mh-av .chips a:hover { background: #0f867d; color: #fff; }
.mh.mh-av .chips a:hover b { color: #fff; }
.mh.mh-av .chips a b { color: #ff1e00; }
.mh.mh-av .dw:hover { border-color: #0f867d; }
.mh.mh-av .dw-date { color: #0f867d; }

.mh.mh-av .finder { background: #f3faf9; border-color: #d5e6e4; }
.mh.mh-av .finder button, .mh.mh-av .cta { background: #ff1e00; }
.mh.mh-av .finder button:hover, .mh.mh-av .cta:hover { background: #eb0a00; color: #fff; }

.mh.mh-av .cal-d.today { outline-color: #ff1e00; }
.mh.mh-av .day:target { box-shadow: 0 0 0 3px #0f867d; }
.mh.mh-av .pager a:hover { background: #0f867d; color: #fff; border-color: #0f867d; }
.mh.mh-av .note { background: #f3faf9; }

@media (max-width: 767px) {
	.mh.mh-av main.wrap { border-radius: 0; }
}