/**
 * Custom overrides — migrated 2026-09-10 from WordPress Customizer "Additional CSS"
 * (wp_posts.ID 661, post_type custom_css) so these rules are file-based and
 * trackable in git instead of living only in the database.
 *
 * Loaded after style.css — see wp_enqueue_style('custom-style', ...) in functions.php.
 */

.wpcf7 form.init .wpcf7-response-output {
	display:none;
}
.home-service-block h2{font-size:20px;font-weight:700;line-height:25px;margin-top:20px;}
.home-service-block h2 a{color:rgb(63, 64, 66) !important;}
.home-service-block img{height:100px;width:100px;}
.home-service-block p{font-size:16px;}
.home-service-block p a{text-decoration:underline;}
.home-service-block .wp-block-column{
	background-color:#f3f3f3;border-radius:5px;margin-bottom:20px !important;
}
.last-service-block{background-color:#fff !important;}
.btn-yellow-bg{background-color:rgb(255, 195, 0) !important;border:2px solid rgb(255, 195, 0) !important;color:rgb(63, 64, 66) !important;}

.home section .container p{font-size:16px !important;}
.home .margin-top-big {
    margin-top: 50px !important;
}
.postid-574 .intro p{
	display:none;
}

/* Footer "Get in touch" form (CF7 #53) — added visible <label> to fields that
 * previously relied on placeholder text only. #contact label in style.css sets
 * font-size/color; this adds spacing + readable contrast on the yellow overlay. */
#contact label, #search-holder label {
	display: block;
	margin-bottom: 6px;
	color: rgb(63, 64, 66);
	font-weight: 600;
}

/* About page "A Wealth of Experience / Safety Always Comes First / The Latest
 * and Greatest" content blocks — add ~40px extra breathing room between them. */
.wp-block-columns.thirds-1-2, .wp-block-columns.thirds-2-1 {
	margin-bottom: 40px;
}

/* Mobile nav (Slicknav) — links were right-aligned (style.css sets
 * .slicknav_nav a { text-align: right }); center them instead. */
.slicknav_nav a, .slicknav_nav .slicknav_row {
	text-align: center;
}

/* Mobile footer — style.css forces each footer widget column (About Tus,
 * Contact Us, Quicklinks, Newsletter) to a fixed height:220px (set for the
 * 2-column layout at max-width:800px). Once columns stack to width:100% at
 * max-width:600px the fixed height is never reset, so every block reserves
 * 220px regardless of actual content, leaving large gaps between rows. */
@media all and (max-width: 600px) {
	#footer #footer-1, #footer #footer-2, #footer #footer-3, #footer #footer-4 {
		height: auto;
		margin: 0 0 20px 0;
		/* .gr-3 (gridle) adds padding:20px on all sides — kill the vertical
		 * half so stacked rows don't also stack 20px+20px of column padding
		 * on top of the 20px margin above. Net gap: ~60px -> ~20px. */
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* Services single page (e.g. /services/turn-key-projects-melbourne/) — the
 * intro <blockquote class="wp-block-quote"> is styled width:30%; float:left
 * (style.css) so the paragraph text wraps beside it. The existing 768px
 * breakpoint only resets margin-left, not width/float, so on mobile the
 * 30%-wide quote squeezes into ~100-140px and wraps into a near single-word
 * column. Force it to a full-width single column on mobile instead. */
@media all and (max-width: 768px) {
	blockquote.wp-block-quote {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

/* Contact page Google Map (#wpgmza_map, page_contact.php) — the plugin
 * outputs it with inline style="width:100%; height:400px; float:left;" and
 * it isn't wrapped in .container like every other section on the page
 * (.container { max-width:1200px; margin:0 auto; }). Result: on screens
 * >1200px the map stretches full-bleed edge-to-edge while the icon row
 * above and testimonials below stay capped/centered at 1200px, it has no
 * horizontal padding to match the .gr-4 20px padding of the icon row, and
 * float:left sits outside any clearfixed .container/.row wrapper. Cap it to
 * match .container, drop the float (no clearfix needed once unfloated),
 * and add matching horizontal padding. float/height need !important to
 * beat the plugin's inline style. */
#wpgmza_map.wpgmza_map {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}
@media all and (max-width: 600px) {
	#wpgmza_map.wpgmza_map {
		height: 300px !important;
	}
}

/* Careers "Apply Now" / "Stay in touch" forms on mobile (#contact.careers,
 * archive-job.php + single-job.php) — two stacked sources of extra gap
 * between fields once .gr-* columns go full-width on mobile:
 * 1) .gr-* has padding:20px on all sides (style.css) — each stacked field's
 *    bottom padding + the next field's top padding add up to ~40px of dead
 *    space between rows.
 * 2) #contact.careers label has line-height:200% (style.css:6434), which
 *    pads a lot of empty space around the (mostly one-line) label text.
 * Tighten both for a more suitable mobile field spacing. */
@media all and (max-width: 768px) {
	#contact.careers .gr-4, #contact.careers .gr-6, #contact.careers .gr-12 {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	#contact.careers label {
		line-height: 120%;
		margin-bottom: 4px;
	}
}