/*
Theme Name: CareSkills Australia
Theme URI: https://careskillsaustralia.com.au/
Author: Point Five Creative
Author URI: https://point5creative.com.au/
Description: Lightweight block theme for the CareSkills Australia one-page site. Rebuilt in October 2026 on a clean WordPress install, replacing the old Flatsome site.
Version: 1.0.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: careskills
*/

:root {
	--cs-navy: #211E54;
	--cs-purple: #9E4995;
	--cs-coral: #D25958;
	--cs-pink: #D9B6D4;
	--cs-grey: #F4F4F5;
	--cs-grad: linear-gradient(261deg, #9E4995 0%, #D25958 100%);
}

html { scroll-behavior: smooth; }
.wp-site-blocks > * + *,
.cs-main > * + *,
.wp-block-post-content > .wp-block-group + .wp-block-group { margin-block-start: 0; }
p strong { font-weight: 700; }
img { max-width: 100%; height: auto; }

/* Layout */
.cs-container { max-width: 85.25rem; margin-inline: auto !important; padding-inline: 1.5rem; box-sizing: border-box; }
.cs-container.cs-wide { max-width: 102.5rem; }

/* Top bar */
.cs-topbar { background: var(--cs-purple); color: #fff; padding: .6rem 1rem; }
.cs-topbar p { margin: 0; font-size: 1rem; line-height: 1.35; }

/* Buttons */
.wp-block-button__link { transition: box-shadow .4s ease; }
.wp-block-button__link:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, .15); }

/* Hero */
.cs-hero { padding: 5rem 0 4.5rem; background-color: #f6f6f6; }
.cs-hero-content { max-width: 42rem; }
.cs-hero-logo { max-width: 21rem; margin: 0 0 2rem !important; }
.cs-hero-title { margin: 0 !important; }
.cs-hero-sub { margin: .25rem 0 0 !important; font-size: clamp(2.4rem, 4.6vw, 3.75rem) !important; font-weight: 600 !important; line-height: 1.17 !important; }
.cs-hero-sub strong { font-weight: 600; display: inline-block; }
.cs-hero-sub strong::after { content: ""; display: block; height: .4rem; margin-top: -.12rem; border-radius: .625rem; background: var(--cs-grad); }
.cs-hero-buttons { gap: 1rem !important; margin-top: 2.25rem !important; align-items: flex-start !important; }
.cs-mobile-only { display: none !important; }

/* About */
.cs-about { padding: 9rem 0; }
.cs-about-cols { gap: 0 !important; align-items: stretch !important; }
.cs-about-media { background: var(--cs-pink); border-radius: 16rem 0 0 16rem; position: relative; padding: 2rem 0 2rem 2rem; display: flex; align-items: center; }
.cs-about-img { margin: 0 !important; max-width: 31.25rem; }
.cs-about-text { background: var(--cs-pink); border-radius: 0 4.375rem 4.375rem 0; padding: 4rem 7rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.cs-about-text h2, .cs-support-text h2 { margin-top: 0; }

/* Support workers */
.cs-support { background: var(--cs-grey); padding: 8rem 0; }
.cs-support-cols { gap: 3rem !important; align-items: center !important; }
.cs-support-text { max-width: 34rem; }
.cs-support-media { position: relative; }
.cs-support-img { margin: 0 !important; }

/* Badges */
.cs-badge { position: absolute; z-index: 2; background: #fff; border-radius: .8rem; box-shadow: 1px 1px 10px rgba(0, 0, 0, .15); padding: 1rem 1.5rem; gap: 1.25rem !important; align-items: center !important; width: max-content; margin: 0 !important; }
.cs-badge p { margin: 0 !important; font-size: 1.25rem; line-height: 1.3; font-weight: 500; }
.cs-check { margin: 0 !important; flex: 0 0 2.375rem; width: 2.375rem; }
.cs-check img { width: 2.375rem; height: 2.375rem; display: block; }
.cs-badge-nurturing { top: 4rem; left: -5rem; }
.cs-badge-committed { right: -1rem; bottom: 14%; }
.cs-badge-local { right: -3rem; top: 5rem; }
.cs-badge-empowering { left: 6rem; bottom: -1rem; }

/* Four selling points */
.cs-four { padding: 6rem 0; }
.cs-four-cols { gap: 2rem !important; }
.cs-iconbox { gap: 1.25rem !important; align-items: center !important; }
.cs-iconbox p { margin: 0 !important; max-width: 17rem; font-size: 1.125rem; line-height: 1.4; }

/* Contact */
.cs-contact-wrap { padding: 0 1.5rem 8rem; }
.cs-contact { max-width: 102.5rem; margin-inline: auto !important; border-radius: 4.375rem; padding: 6rem 1.5rem 2rem; background-color: var(--cs-navy); color: #fff; }
.cs-contact h2 { color: #fff; margin-top: 0; }
.cs-contact > p { margin-bottom: 3rem; }

/* ActiveCampaign form (embedded from frontlinehr.activehosted.com) */
._form_33 { background: #fff; color: var(--cs-navy); max-width: 43rem; margin: 0 auto; border-radius: 4.376rem; padding: 1rem 0 3rem; text-align: left; }
form._form_33 { padding: 0 2rem !important; background: transparent !important; }
label._form-label { color: var(--cs-navy) !important; font-size: 1.125rem !important; font-family: var(--wp--preset--font-family--figtree) !important; font-weight: 600 !important; margin-top: 1.75rem !important; margin-bottom: 0 !important; }
._field-wrapper input, ._field-wrapper textarea { border: none !important; box-shadow: none !important; border-radius: 0 !important; border-bottom: 1px solid var(--cs-navy) !important; padding-left: 0 !important; padding-top: 0 !important; font-size: 1.125rem !important; }
._field-wrapper textarea { min-height: 6rem !important; }
._form_33 ::placeholder { color: transparent !important; }
#_form_33_submit._submit { height: 3.125rem !important; line-height: 3.125rem !important; font-size: 1rem !important; padding: 0 !important; min-height: auto !important; font-weight: 500 !important; font-family: var(--wp--preset--font-family--figtree) !important; border: 0 !important; margin: 0 !important; background: var(--cs-grad) !important; text-transform: none !important; box-shadow: none !important; color: #fff !important; border-radius: 1.875rem !important; letter-spacing: 0 !important; width: 100% !important; }
#_form_33_submit._submit:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, .15) !important; }

/* Footer */
.cs-footer { background: var(--cs-navy); color: #fff; padding: 4rem 0; }
.cs-footer a { color: #fff; text-decoration: none; }
.cs-footer a:hover { text-decoration: underline; }
.cs-footer-label { margin: 0 0 .5rem !important; font-size: 1rem; font-weight: 600; }
.cs-footer-big { color: #fff !important; margin: 0 0 1.5rem !important; }
.cs-footer-links { margin: 1.75rem 0 0 !important; font-size: 1rem; line-height: 1; display: flex; flex-wrap: wrap; row-gap: .75rem; }
.cs-footer-links a { padding: 0 .75rem; border-left: 1px solid #fff; }
.cs-footer-links a:first-child { padding-left: 0; border-left: 0; }
.cs-footer-abn { margin: 1rem 0 0 !important; font-size: 1rem; }
.cs-footer-logo { margin: 0 0 0 auto !important; max-width: 20rem; }

/* Inner pages */
.cs-page { padding: 2.5rem 1.5rem 5rem; }
.cs-page .wp-block-site-logo { margin-bottom: 2.5rem; }

/* Responsive */
@media (max-width: 1200px) {
	.cs-about-text { padding: 3rem 3.5rem; }
	.cs-badge-nurturing { left: -1rem; }
	.cs-badge-local { right: 0; }
}
@media (max-width: 781px) {
	.cs-mobile-only { display: block !important; }
	.cs-hero { background-image: none !important; background-color: #fff; padding: 2.5rem 0 3rem; }
	.cs-hero-logo { max-width: 15rem; margin-bottom: 1.5rem !important; }
	.cs-hero-mobile-img { margin: 1.5rem 0 0 !important; }
	.cs-hero-mobile-img img { border-radius: 1rem; }
	.cs-about, .cs-support, .cs-four { padding: 4rem 0; }
	.cs-about-media { border-radius: 10rem 10rem 0 0; padding: 2rem 1.5rem; flex-direction: column; justify-content: center; }
	.cs-about-text { border-radius: 0 0 2.5rem 2.5rem; padding: 2.5rem 1.75rem; }
	.cs-badge { position: static; margin-top: 1rem !important; }
	.cs-support-media { display: flex; flex-direction: column; align-items: flex-start; }
	.cs-contact { border-radius: 30px; padding: 4rem 1rem 1.5rem; }
	.cs-contact-wrap { padding: 0 1rem 4rem; }
	._form_33 { border-radius: 30px !important; }
	.cs-footer-logo { margin: 1rem 0 0 !important; max-width: 14rem; }
}

/* ActiveCampaign injects its own styles after ours, so these need extra specificity (v1.0.1) */
.cs-contact ._form_33 button#_form_33_submit._submit { display: flex !important; align-items: center !important; justify-content: center !important; height: 3.125rem !important; line-height: 1 !important; padding: 0 !important; background: linear-gradient(261deg, #9E4995 0%, #D25958 100%) !important; color: #fff !important; border: 0 !important; border-radius: 1.875rem !important; font-family: var(--wp--preset--font-family--figtree) !important; font-size: 1rem !important; font-weight: 500 !important; text-transform: none !important; width: 100% !important; box-shadow: none !important; }
.cs-contact ._form_33 button#_form_33_submit._submit:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, .15) !important; }
.cs-contact form._form_33 { background: transparent !important; }