/*
Theme Name: Luster Network
Theme URI: http://phpsmashcode.com
Template: generatepress
Author: PHPSmashCode
Author URI: http://phpsmashcode.com
Description: GeneratePress child theme for Luster Network, ported from the standalone luster_network theme.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luster_network

This theme, like GeneratePress, is licensed under the GPL.
*/

.grecaptcha-badge {
	opacity: 0;
}

/*
 * GeneratePress renders the ACF logo as a real <img> (via the generate_logo
 * filter) instead of the old theme's fixed-size CSS background-image, so it
 * needs its own size cap. The old rule was 222x120 background-size:cover;
 * max-width keeps the same footprint without risking a stretched image.
 */
#masthead .inside-header {
	justify-content: center;
}

#masthead .site-logo {
	text-align: center;
}

#masthead .site-logo img {
	max-width: 222px;
	height: auto;
}

/*
 * The old theme's header never had navigation — GP's empty primary-menu
 * wrapper (no menu assigned) is still a flex sibling of .site-logo, which
 * keeps justify-content:center above from actually centering the logo.
 */
#masthead #mobile-menu-control-wrapper,
#masthead #site-navigation {
	display: none;
}

/*
 * Footer: same story as the header logo (old .footer-nav/.partner-logo/
 * .copyright rules were scoped under the old `footer.footer` element,
 * which no longer exists under GP's `.site-info` markup), ported here.
 */

/* GP's .inside-site-info is a flex ROW by default, which puts the logo
 * and nav side by side. The old theme stacked logo / nav / copyright
 * vertically, each centered. */
.inside-site-info {
	flex-direction: column;
}

.site-info .partner-logo {
	margin-bottom: 15px;
}

.site-info .partner-logo img {
	max-width: 150px;
}

.site-info .footer-nav {
	margin-top: 5px;
	margin-bottom: 10px;
}

.site-info .footer-nav ul {
	list-style: none;
	margin: 0;
	padding-top: 15px;
	font-size: 100%;
}

.site-info .footer-nav ul li {
	display: inline;
	border-right: 1px solid #fff;
}

.site-info .footer-nav ul li:last-child {
	border-right: none;
}

.site-info .footer-nav ul li a {
	margin: 0 10px;
	padding: 0;
	font-size: 15px;
	line-height: 100%;
	color: #fff;
	text-decoration: none;
}

.site-info .footer-nav ul li a:hover {
	color: #aaa;
}

.site-info .copyright-bar p {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/*
 * Pre-existing bug in the ported main.css (present on the live site too):
 * `background: #555 fixed center;` is a shorthand that resets background-size
 * back to auto, silently cancelling the background-size:cover declared right
 * above it — so on viewports wider than the source image, it tiles instead
 * of covering. `body` bumps specificity above main.css's plain selector.
 */
body section.content-box {
	background-size: cover;
}

/*
 * Contact form (Contact Form 7): GeneratePress sets a global
 * input/select/textarea border-color of #f0f0f0 on a #f7f8f9 background —
 * nearly invisible, whereas the old theme relied on the browser's own
 * default (clearly visible) border since it never touched border-color.
 */
.contact .wpcf7-form-control:not(.wpcf7-submit) {
	border: 1px solid #ccc;
}

/*
 * main.css's own compiled rule for this is
 * `section.contact .container .wpcf7-form .requiredmessage` (4 classes + 1
 * element) and loads after this stylesheet, so it otherwise wins the
 * cascade — match its specificity plus one more element to guarantee ours applies.
 */
body section.contact .container .wpcf7-form .requiredmessage {
	margin-bottom: 15px;
}

/*
 * The submit button inherits a fixed height:55px from the shared
 * .wpcf7-form-control rule. `<input>` is a replaced-ish element — flexbox
 * alignment on it doesn't touch its own internal text, so that didn't work.
 * Overriding to height:auto lets the existing 15px top/bottom padding
 * (box-sizing:border-box) center the text symmetrically instead.
 */
body section.contact .container .wpcf7-form .wpcf7-submit {
	height: auto;
	line-height: normal;
}