/*
Theme Name: Charles Towne Plumbing (Hello Child)
Theme URI: https://charlestowneplumbing.com
Description: Hello Elementor child theme for Charles Towne Plumbing. Carries the Roshelyn display face and the Font Awesome Pro kit, both of which lived in the legacy custom theme.
Author: CORE CONNECT
Template: hello-elementor
Version: 1.0.0
Text Domain: charles-towne-child
*/

/* Roshelyn Typeface - display face used for H1 only.
   Regular weight is the ONLY file that exists; the 700 weight seen on the live site
   is browser-synthesised faux bold. Keep font-weight:700 on H1 to preserve the look. */
@font-face {
  font-family: "Roshelyn Typeface";
  src: url("assets/fonts/RoshelynTypeface-Regular.woff2") format("woff2"),
       url("assets/fonts/RoshelynTypeface-Regular.woff") format("woff"),
       url("assets/fonts/RoshelynTypeface-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Global letter-spacing carried over from the legacy theme. */
body { letter-spacing: 0.6px; }

/* ------------------------------------------------------------------ */
/* Mega menu: About + Specials stay compact dropdowns                  */
/*                                                                    */
/* Elementor content_width is a WIDGET-level control, so turning it    */
/* to full_width for Plumbing Services and Service Areas also         */
/* stretched these two. Elementor positions the panel with the        */
/* --stretch-* custom properties, so overriding those three anchors   */
/* these panels back under their own menu item at content width.      */
/* Desktop only - below 1025 the menu is an accordion.                */
/* ------------------------------------------------------------------ */
@media (min-width: 1025px) {
	.e-n-menu-item:has(> .e-n-menu-content > .elementor-element-mmp3),
	.e-n-menu-item:has(> .e-n-menu-content > .elementor-element-mmp4) {
		position: relative !important;
	}

	.e-n-menu-content:has(> .elementor-element-mmp3),
	.e-n-menu-content:has(> .elementor-element-mmp4) {
		--stretch-left: 0 !important;
		--stretch-right: auto !important;
		--stretch-width: max-content !important;
		min-width: 200px;
		border-radius: 0 0 14px 14px;
		box-shadow: 0 18px 34px -12px rgba(0, 56, 101, .28);
	}
}