/**
 * Samarpan Meditation Canada — site-wide visual fixes
 */

/* -------------------------------------------------------------------------
 * Top bar: GTranslate language switcher alignment
 * ------------------------------------------------------------------------- */
#topbar #topmenu .menu-item-gtranslate {
	position: relative !important;
	display: inline-block !important;
	vertical-align: top !important;
	width: 173px;
	height: 34px;
	line-height: 34px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
}

#topbar #topmenu .menu-item-gtranslate > [id^="gtranslate_menu_wrapper"],
#topbar #topmenu .menu-item-gtranslate > .gt_container--yay7wr {
	position: absolute !important;
	top: 2px !important;
	left: 0 !important;
	right: auto !important;
	bottom: auto !important;
	white-space: nowrap;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal;
}

#topbar #topmenu .menu-item-gtranslate .gt_switcher {
	margin: 0 !important;
}

#topbar #topmenu .menu-item-gtranslate .gt_selected,
#topbar #topmenu .menu-item-gtranslate .gt_selected a {
	box-sizing: border-box;
	line-height: 30px !important;
	height: 30px !important;
}

#topbar #topmenu .menu-item-gtranslate .gt_selected a img {
	vertical-align: middle !important;
	margin-top: -2px;
}

/* Top utility links: darker brand purple for contrast on white */
#topbar #topmenu > .menu-top-menu-container .menu-top > li:not(.menu-item-gtranslate) > a,
#topbar #topmenu .menu-top > li:not(.menu-item-gtranslate) > a {
	color: #4b037c !important;
}

#topbar #topmenu .menu-top > li:not(.menu-item-gtranslate) > a:hover {
	color: #2f0250 !important;
}

/* -------------------------------------------------------------------------
 * Main menu: Allegiant style.css uses #9999aa which reads too light
 * ------------------------------------------------------------------------- */
.menu-main > li > a,
#menu-main > li > a {
	color: #3a3a48 !important;
}

.menu-main > li:hover > a,
.menu-main > li:focus-within > a,
.menu-main > li > a:hover,
.menu-main > li > a:focus,
#menu-main > li:hover > a,
#menu-main > li > a:hover {
	color: #4b037c !important;
}

/*
 * Do NOT override normal page body/heading colors here.
 * Allegiant brand purple (#4b037c) is intentional for content pages
 * such as /the-meditation/. Only dark navy sections need light text.
 */

/* -------------------------------------------------------------------------
 * Dark belts / dark sections: light text on navy backgrounds
 * Theme + Additional CSS had .tagline { color:#000 } which made the
 * homepage belt unreadable; Allegiant's purple div reset also wins over
 * inheritance from body .dark.
 * ------------------------------------------------------------------------- */
#tagline,
#tagline.tagline,
#tagline.tagline.dark,
#tagline .container,
body .dark,
body .dark .container,
body .dark p,
body .dark span,
body .dark li,
body .dark label,
body .dark .nf-field-label,
body .dark .nf-field-label label,
body .dark .ninja-forms-req-symbol,
body .dark div:not([class*="gt_"]):not([id*="gtranslate"]):not(.menu-item-gtranslate) {
	color: #eeeeee !important;
}

.subfooter.dark label,
.subfooter.dark .nf-field-label,
.subfooter.dark .nf-field-label label,
.secondary-color-bg.dark label,
.secondary-color-bg.dark .nf-field-label {
	color: #eeeeee !important;
}

body .dark a,
#tagline a,
.subfooter.dark a,
.secondary-color-bg.dark a {
	color: #ffffff !important;
}

body .dark a:hover,
#tagline a:hover,
.subfooter.dark a:hover {
	color: #f3cfc0 !important;
}

/* Keep overlay/card headings that intentionally use white */
.dark .heading,
.dark h1,
.dark h2,
.dark h3,
.dark h4 {
	color: #ffffff !important;
}