/*
Theme Name: Micdrop Child
Theme URI: https://micdrop.qodeinteractive.com
Description: A child theme of Micdrop
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: micdrop
Template: micdrop
*/

#qodef-fullscreen-area {
	background-color: #495E76 !important;
}

.qodef-fullscreen-menu > ul > li > a:hover,
.qodef-fullscreen-menu > ul > li.current-menu-ancestor > a,
.qodef-fullscreen-menu > ul > li.current-menu-item > a,
.qodef-fullscreen-menu > ul > li.qodef--opened > a {
	color: #000 !important;
	transition-delay: 0s !important;
}

.qodef-fullscreen-menu > ul > li > a::after {
	content: none !important;
	display: none !important;
}

.qodef-fullscreen-menu > ul > li.rpr-desktop-menu-socials {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: center;
	margin-top: 28px;
}

.qodef-fullscreen-menu > ul > li.rpr-desktop-menu-socials > a {
	color: #ffffff !important;
	font-family: Montserrat, sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.16em !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.qodef-fullscreen-menu > ul > li.rpr-desktop-menu-socials > a:hover {
	color: #000000 !important;
}

#micdrop_core_social_icons_group-4 .qodef-social-icons-group {
	align-items: center;
	display: flex;
	gap: 24px;
}

#micdrop_core_social_icons_group-4 .qodef-icon-holder a {
	color: #ffffff !important;
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-decoration: none;
	text-transform: uppercase;
}

#micdrop_core_social_icons_group-4 .qodef-icon-holder a:hover {
	color: #000000 !important;
}

#micdrop_core_social_icons_group-4 .qodef-icon-holder .qodef-icon {
	font-size: 12px !important;
}

#micdrop_core_social_icons_group-4 .fa-instagram::before {
	content: "Instagram";
	font-family: Montserrat, sans-serif;
}

#micdrop_core_social_icons_group-4 .fa-facebook::before {
	content: "Facebook";
	font-family: Montserrat, sans-serif;
}

/* Keep the homepage hero branding uncluttered while preserving header spacing. */
body.home #qodef-page-header .qodef-header-logo,
body.home #qodef-page-header .qodef-header-logo-holder,
body.home #qodef-page-header .qodef-header-logo-link,
body.home #qodef-page-header .qodef-header-logo-image,
body.home #qodef-page-header .qodef-logo-wrapper,
body.home #qodef-page-header .qodef-logo-link,
body.home #qodef-page-header a[rel="home"],
body.home #qodef-page-mobile-header .qodef-mobile-header-logo,
body.home #qodef-page-mobile-header .qodef-mobile-header-logo-holder,
body.home #qodef-page-mobile-header .qodef-mobile-header-logo-link,
body.home #qodef-page-mobile-header .qodef-header-logo-image,
body.home #qodef-page-mobile-header .qodef-logo-wrapper,
body.home #qodef-page-mobile-header .qodef-logo-link,
body.home #qodef-page-mobile-header a[rel="home"] {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none;
}

/* Hide the sticky-header fullscreen menu opener on the homepage. */
body.home #qodef-page-header .qodef-header-sticky .qodef-fullscreen-menu-opener,
body.home #qodef-page-header .qodef-header-sticky .qodef-fullscreen-menu-opener .qodef-m-icon.qodef--open {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none;
}
/* Force Hamburger Icon to be white on all pages (PC and mobile) */
.qodef-opener-icon.qodef-fullscreen-menu-opener,
.qodef-opener-icon.qodef-fullscreen-menu-opener .qodef-m-icon,
.qodef-opener-icon.qodef-fullscreen-menu-opener svg,
.qodef-opener-icon.qodef-fullscreen-menu-opener svg rect,
.qodef-opener-icon.qodef-fullscreen-menu-opener svg path,
#qodef-page-mobile-header .qodef-mobile-header-opener,
#qodef-page-mobile-header .qodef-mobile-header-opener .qodef-m-icon,
#qodef-page-mobile-header .qodef-mobile-header-opener svg,
#qodef-page-mobile-header .qodef-mobile-header-opener svg rect,
#qodef-page-mobile-header .qodef-mobile-header-opener svg path {
	color: #ffffff !important;
	fill: #ffffff !important;
}

@media only screen and (max-width: 1024px) {
	#qodef-page-mobile-header .qodef-mobile-header-logo-link {
		align-items: center !important;
		display: flex !important;
		height: 34px !important;
		max-width: 145px !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
		display: block !important;
		height: 34px !important;
		max-height: 34px !important;
		object-fit: contain !important;
		width: auto !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-opener:not(.qodef--opened) {
		align-items: center !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		display: inline-flex !important;
		height: auto !important;
		justify-content: center !important;
		padding: 0 !important;
		width: auto !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-opener:not(.qodef--opened) svg {
		height: auto !important;
		width: 56px !important;
	}
}

@media only screen and (max-width: 1024px) {
	/* Keep iOS Safari's exposed canvas aligned with the dark video, not the page blue. */
	body.home,
	body.home #qodef-page-wrapper,
	body.home #qodef-page-outer,
	body.home #qodef-page-inner {
		background-color: #000000 !important;
	}

	body.home #qodef-page-mobile-header,
	body.home.qodef-mobile-header--standard #qodef-page-mobile-header,
	body.home #qodef-page-mobile-header-inner {
		background: transparent !important;
	}

	body.home #qodef-page-mobile-header {
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1000;
	}

	body.home #qodef-page-mobile-header-inner {
		box-sizing: border-box;
		height: 70px;
		padding-left: 18px;
		padding-right: 18px;
	}

	body.home #qodef-page-mobile-header .qodef-mobile-header-opener {
		margin-left: auto;
		position: relative;
		z-index: 2;
	}

	body.home #qodef-page-outer {
		margin-top: 0 !important;
	}

	body.home #qodef-page-inner,
	body.home #qodef-page-content,
	body.home #qodef-page-content > .qodef-grid-inner,
	body.home #qodef-page-content > .qodef-grid-inner > .qodef-grid-item,
	body.home .elementor-7892 {
		margin-bottom: 0 !important;
		min-height: 100vh;
		min-height: 100dvh;
		padding-bottom: 0 !important;
	}

	body.home .elementor-7892 .elementor-element.elementor-element-f8ac02f {
		--min-height: 100vh;
		--min-height: 100dvh;
		background: #000 url("assets/images/home-mobile-video-poster.jpg") center / cover no-repeat;
		height: 100vh;
		height: 100dvh;
		min-height: 100vh;
		min-height: 100dvh;
		position: relative !important;
		overflow: hidden !important;
	}

	body.home .elementor-7892 .elementor-element.elementor-element-f8ac02f .e-con-inner {
		position: static !important;
	}

	body.home .elementor-7892 .elementor-background-video-container {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		overflow: hidden !important;
		z-index: 0 !important;
	}

	body.home .elementor-7892 .elementor-background-video-hosted {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		transform: none !important;
		max-width: none !important;
	}

	body.home #qodef-page-footer {
		display: none !important;
	}

	/* Keep About's mobile nav visually aligned with the other blue mobile headers. */
	body.page-id-1722 #qodef-page-outer {
		margin-top: 0 !important;
	}

	body.page-id-1722 #qodef-page-mobile-header,
	body.page-id-1722.qodef-mobile-header--standard #qodef-page-mobile-header,
	body.page-id-1722 #qodef-page-mobile-header-inner {
		background: #495E76 !important;
	}

	body.page-id-1722 #qodef-page-mobile-header-inner {
		box-sizing: border-box;
		min-height: 70px;
		padding-left: 32px;
		padding-right: 32px;
	}

	body.page-id-1722 #qodef-page-mobile-header .qodef-mobile-header-opener:not(.qodef--opened),
	body.page-id-1722 #qodef-page-mobile-header .qodef-mobile-header-opener:not(.qodef--opened) .qodef-m-icon,
	body.page-id-1722 #qodef-page-mobile-header .qodef-mobile-header-opener:not(.qodef--opened) svg,
	body.page-id-1722 #qodef-page-mobile-header .qodef-mobile-header-opener:not(.qodef--opened) svg rect,
	body.page-id-1722 #qodef-page-mobile-header .qodef-mobile-header-opener:not(.qodef--opened) svg path {
		color: #ffffff !important;
		fill: #ffffff !important;
	}
}

@media only screen and (max-width: 1024px) {
	/* Convert mobile dropdown navigation into a fullscreen overlay menu matching desktop fullscreen menu style */
	#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened ~ .qodef-mobile-header-navigation {
		display: flex !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		height: 100svh !important;
		background-color: #495E76 !important;
		z-index: 9999 !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		padding: 70px 28px 42px !important;
		border: none !important;
		box-shadow: none !important;
	}

	/* Pin the mobile menu opener close button on top of the fullscreen overlay */
	#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened {
		position: fixed !important;
		right: 18px !important;
		top: 18px !important;
		z-index: 10000 !important;
	}

	/* Force Close icon 'X' to be white on mobile so it is clearly visible */
	#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close svg,
	#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close svg rect {
		fill: #ffffff !important;
	}

	/* Layout mobile menu links in a clean vertical list centered on screen */
	#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-content-grid {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		gap: clamp(12px, 3svh, 20px) !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-content-grid li {
		margin: 0 !important;
		padding: 0 !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-content-grid li a {
		color: #ffffff !important;
		font-family: "Syne", sans-serif !important;
		font-size: clamp(1.45rem, 7.25vw, 2.35rem) !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
		letter-spacing: 0.05em !important;
		transition: color 0.3s ease !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-content-grid li a:hover,
	#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-content-grid li.current-menu-item a {
		color: #000000 !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-content-grid li.rpr-mobile-menu-socials {
		align-items: center !important;
		display: flex !important;
		flex-direction: row !important;
		gap: 22px !important;
		justify-content: center !important;
		margin-top: clamp(12px, 3svh, 24px) !important;
		max-width: 100% !important;
		white-space: nowrap !important;
	}

	#qodef-page-mobile-header .qodef-mobile-header-navigation .qodef-content-grid li.rpr-mobile-menu-socials a {
		font-family: Montserrat, sans-serif !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: 0.16em !important;
		line-height: 1.4 !important;
		text-transform: uppercase !important;
	}
}

@media only screen and (max-width: 767px) {
	/* Mobile artist detail layout applies to any child page under Artists, including cloned pages. */
	body.rpr-artist-detail-page #qodef-page-wrapper {
		isolation: isolate;
		position: relative;
	}

	body.rpr-artist-detail-page #qodef-page-wrapper::before {
		background: var(--rpr-artist-mobile-bg, none) top center / cover no-repeat;
		content: "";
		inset: 0;
		pointer-events: none;
		position: fixed;
		z-index: 0;
	}

	body.rpr-artist-detail-page #qodef-page-outer {
		position: relative;
		z-index: 1;
	}

	body.rpr-artist-detail-page #qodef-page-outer,
	body.rpr-artist-detail-page #qodef-page-inner,
	body.rpr-artist-detail-page #qodef-page-content,
	body.rpr-artist-detail-page .elementor-section.qodef-fixed-attachment-touch {
		background: transparent !important;
	}

	body.rpr-artist-detail-page .elementor-section.qodef-fixed-attachment-touch:not(.elementor-motion-effects-element-type-background),
	body.rpr-artist-detail-page .elementor-section.qodef-fixed-attachment-touch > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: none !important;
	}

	body.rpr-artist-detail-page .qodef-purchase-button,
	body.rpr-artist-detail-page .qodef-m-button:has(.qodef-purchase-button) {
		display: none !important;
	}

	/* Individual Page Background Images */
	body.page-id-8363 #qodef-page-wrapper::before {
		background: url("https://risingpr.gliterindemo.com/wp-content/uploads/2026/04/all-folkd-up-banner-dark.png") top center / cover no-repeat;
	}
	body.page-id-1015 #qodef-page-wrapper::before {
		background: url("https://risingpr.gliterindemo.com/wp-content/uploads/2026/04/derek-ryan-banner-dark.png") top center / cover no-repeat;
	}
	body.page-id-8404 #qodef-page-wrapper::before {
		background: url("https://risingpr.gliterindemo.com/wp-content/uploads/2026/04/Calum-MacPhail-banner-dark.png") top center / cover no-repeat;
	}
	body.page-id-8452 #qodef-page-wrapper::before {
		background: url("https://risingpr.gliterindemo.com/wp-content/uploads/2026/04/the-byrne-brothers-dark.png") top center / cover no-repeat;
	}
	body.page-id-8420 #qodef-page-wrapper::before {
		background: url("https://risingpr.gliterindemo.com/wp-content/uploads/2026/04/lisa-mchugh-wide-dark.png") top center / cover no-repeat;
	}
	body.page-id-8505 #qodef-page-wrapper::before {
		background: url("https://risingpr.gliterindemo.com/wp-content/uploads/2026/04/A-Night-at-the-Opry-2.png") top center / cover no-repeat;
	}
}

/* --- GLOBAL CUSTOM FOOTER --- */
#qodef-page-footer.rpr-custom-global-footer {
	background-color: #000000 !important;
	color: #999999 !important;
	display: block !important;
	padding: 50px 0 !important;
	width: 100% !important;
	box-sizing: border-box;
}

/* Override standard/mobile events theme overrides that hide the footer */
.rpr-shows-page #qodef-page-footer.rpr-custom-global-footer {
	display: block !important;
	background-color: #000000 !important;
}

/* Force flexbox on container and override parent theme's '#qodef-page-footer > *' display: inline-block rule */
#qodef-page-footer.rpr-custom-global-footer > .rpr-footer-container {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	justify-content: space-between !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 1300px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	width: 100% !important;
}

.rpr-footer-content-left {
	display: flex !important;
	flex-direction: column !important;
	width: auto !important;
}

.rpr-footer-content-right {
	display: flex !important;
	flex-direction: row !important;
	width: auto !important;
}

.rpr-footer-text {
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.8;
}

.rpr-footer-copy-line1,
.rpr-footer-copy-line2,
.rpr-footer-copy-line3 {
	display: block;
}

.rpr-footer-email {
	color: #ffffff !important;
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: color 0.3s ease;
}

.rpr-footer-email:hover {
	color: #cccccc !important;
}

.rpr-footer-socials {
	align-items: center;
	display: flex;
	gap: 24px;
}

.rpr-social-link {
	color: #ffffff !important;
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.3s ease;
}

.rpr-social-link:hover {
	color: #cccccc !important;
}

/* Hide old Elementor-built manually placed footers on subpages and single artist pages */
.elementor-element-3c5ac3e,
.elementor-element-fb3c27c,
.elementor-element-ef96dcc,
.elementor-element-b73d9b6,
.elementor-element-851a457,
.elementor-element-41a861d,
.elementor-element-4d49ddb,
.elementor-element-f67eced,
.elementor-element-c2aa29a,
.elementor-element-749ca94 {
	display: none !important;
}


/* Responsive Styling for mobile viewports */
@media only screen and (max-width: 767px) {
	#qodef-page-footer.rpr-custom-global-footer > .rpr-footer-container {
		flex-direction: column !important;
		gap: 25px !important;
		text-align: center !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.rpr-footer-content-left,
	.rpr-footer-content-right {
		width: 100% !important;
		justify-content: center !important;
		align-items: center !important;
	}
	
	.rpr-footer-socials {
		justify-content: center !important;
	}
}
