/**
 * Theme Name:     MFA Custom
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   MFA Custom
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
/*///. MAIN MENU ////*/
/* Breakpoints follow Elementor defaults: mobile <= 767px, tablet 768-1024px, desktop >= 1025px.
   Mobile gets no character images (old site collapsed to a hamburger below 750px). */

/* HEADER BACKGROUND (desktop/tablet header) - base settings */
.elementor-72 .elementor-element.elementor-element-c792e12 {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* TABLET + DESKTOP (>= 768px) - hover/active color + centered text */
@media (min-width: 768px) {
	#mainmenu li.menu-item a {
		justify-content: center;
	}

	#mainmenu li.menu-item a:hover,
	#mainmenu li.menu-item a.elementor-item-active {
		text-decoration: none;
		color: #BE1E2D;
	}
}

/* LARGE DESKTOP (> 1040px) - large header background */
@media (min-width: 1041px) {
	.elementor-72 .elementor-element.elementor-element-c792e12 {
		background-image: url(/wp-content/uploads/2026/10/menu-bg.png);
	}
}

/* DESKTOP (>= 1025px) - full-size kids */
@media (min-width: 1025px) {
	#mainmenu li.menu-item a {padding: 200px 20px 0;
		min-width: 80px;
		text-align: center;
	}

	#mainmenu li.menu-item.class a{background: url(/wp-content/uploads/2026/10/blond-boy-1.gif) center top no-repeat transparent;}

	#mainmenu li.menu-item.news a{background: url(/wp-content/uploads/2026/10/green-girl-1.gif) center top no-repeat transparent;}

	#mainmenu li.menu-item.cool a{background: url(/wp-content/uploads/2026/10/skater-boy-1.gif) center top no-repeat transparent;}

	#mainmenu li.menu-item.pics a{background: url(/wp-content/uploads/2026/10/pink-girl-1.gif) center top no-repeat transparent;}

	#mainmenu li.menu-item.press a{background: url(/wp-content/uploads/2026/10/girl-redhead-1.gif) center top no-repeat transparent;}

	#mainmenu li.menu-item.about a{background: url(/wp-content/uploads/2026/10/jumping-boy-1.gif) center top no-repeat transparent;}
}

/* DESKTOP (1025px - 1040px) - standard header background */
@media (min-width: 1025px) and (max-width: 1040px) {
	.elementor-72 .elementor-element.elementor-element-c792e12 {
		background-image: url(/wp-content/uploads/2026/10/menu-bg.png);
	}
}

/* TABLET (768px - 1024px) - small kids + small header background */
@media (min-width: 768px) and (max-width: 950px) {
	.elementor-72 .elementor-element.elementor-element-c792e12 {
		background-image: url(/wp-content/uploads/2026/10/menu-bg-sm.png);
	}

	#mainmenu li.menu-item {padding: 0 0.4em 0;}

	#mainmenu li.menu-item a {padding: 125px 0px 0;
		font-size: 14px;
		text-align: center;
	}

	#mainmenu li.menu-item.class a{background: url(/wp-content/uploads/2026/10/blond-boy-sm.gif) center -12px no-repeat transparent;}

	#mainmenu li.menu-item.news a{background: url(/wp-content/uploads/2026/10/green-girl-sm.gif) center -12px no-repeat transparent;}

	#mainmenu li.menu-item.cool a{background: url(/wp-content/uploads/2026/10/skater-boy-sm.gif) center -12px no-repeat transparent;}

	#mainmenu li.menu-item.pics a{background: url(/wp-content/uploads/2026/10/pink-girl-sm.gif) center -12px no-repeat transparent;}

	#mainmenu li.menu-item.press a{background: url(/wp-content/uploads/2026/10/girl-redhead-sm.gif) center -12px no-repeat transparent;
		width: 56px;
	}

	#mainmenu li.menu-item.about a{background: url(/wp-content/uploads/2026/10/jumping-boy-sm.gif) center -12px no-repeat transparent;}
}

/* MOBILE (<= 767px) - hide header background image */
@media (max-width: 767px) {
	.elementor-72 .elementor-element.elementor-element-4dc8eac:not(.elementor-motion-effects-element-type-background),
	.elementor-72 .elementor-element.elementor-element-4dc8eac > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-image: none !important;
	}
}


/* Jukebox popup (Elementor popup 381) */
.elementor-381 .iron-audioplayer .srp_list {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 6px;
}
.elementor-381 .iron-audioplayer .album-art,
.elementor-381 .iron-audioplayer .album-art img {
  width: 150px;
  max-width: 150px;
  height: auto;
}