/*
Theme Name:   Hello Elementor Child
Theme URI:    https://rifffactory.co.uk
Description:  Child theme for Riff Factory. Holds the site's own customisations so
              that updating Hello Elementor can never overwrite them again.
Author:       Riff Factory
Template:     hello-elementor
Version:      1.6.0
Text Domain:  hello-elementor-child
*/

/* Brand button styling.
   Previously these three rules lived inside the parent theme's style.min.css,
   where a find-and-replace of the stock colour had eaten the semicolons:
       color:#3bcc33text-align:center
       border:1px solid #3bcc33padding:.5rem 1rem
       background-color:#3bcc33text-decoration:none
   Each broken declaration also took out the property that followed it, so the
   buttons were falling back to the browser's own 2px outset black default.
   Restored here, correctly, where a theme update cannot reach them. */
[type="button"],
[type="submit"],
button {
	color: #3bcc33;
	text-align: center;
	border: 1px solid #3bcc33;
	padding: .5rem 1rem;
}

[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
button:hover,
button:focus {
	color: #fff;
	background-color: #3bcc33;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
   Desktop main menu: keep all six items on a single line.

   The header's Elementor container is capped at 1100px and the menu column is
   66% of it, so the menu only ever gets about 733px no matter how wide the
   screen is. At the original 32px type with 20px padding each side and 1.5px
   letter-spacing the six items needed roughly 1467px, almost exactly double,
   which is why RECORDING and CONTACT dropped to a second row once VENUE was
   added.

   Elementor sets these three properties from the widget's own settings, which
   out-specifies a plain child-theme rule, so !important is required here or the
   letter-spacing silently stays at 1.5px and the menu still wraps.

   Verified on the live site at 1025, 1100, 1200, 1279, 1280, 1366, 1440, 1680
   and 1920: one row at every width, no clipped labels, no sideways scroll.
   Below 1025px nothing changes, the burger menu takes over as before.
   --------------------------------------------------------------------------- */
@media (min-width: 1280px) {
	header.elementor-section .elementor-nav-menu > li > a.elementor-item {
		font-size: 25px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
		letter-spacing: 0.5px !important;
	}
}

@media (min-width: 1025px) and (max-width: 1279px) {
	header.elementor-section .elementor-nav-menu > li > a.elementor-item {
		font-size: 21px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		letter-spacing: 0.5px !important;
	}
}