/*
Theme Name: Second Chance Pet Group
Description: Custom theme for 2ndchancepet.com. Reproduces the Astra + Elementor design without either.
Author: Infinite Web Consulting
Version: 1.0.0
Requires PHP: 7.4
Text Domain: secondchance-modern
*/

:root {
	--btn: #0c5cab;
	--sky: #6ec1e4;
	--slate: #515974;
	--ink: #3a3a3a;
	--text: #4b4f58;
	--astra-blue: #0170b9;
	--font-sys: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-roboto: "Roboto", sans-serif;
	--font-cond: "Roboto Condensed", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--text); font: 400 15px/1.65 var(--font-sys); }
img { max-width: 100%; height: auto; }
a { color: var(--astra-blue); }
h1, h2, h3, h4 { color: var(--ink); }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 100; }
.skip-link:focus { left: 8px; top: 8px; padding: 10px 16px; background: #fff; color: var(--ink); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Homepage (was an Elementor canvas page) ---------- */
.sc-col { padding: 10px; }
.sc-col > * { margin: 0 0 20px; }
.sc-col > *:last-child { margin-bottom: 0; }

.sc-hero { position: relative; overflow: hidden; padding: 60px 0 80px; background: #061c79 url("../../uploads/2021/01/static-back.jpg") 50% 50% / cover no-repeat; }
.sc-hero-video { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.sc-hero-video iframe { position: absolute; top: 50%; left: 50%; border: 0; transform: translate(-50%, -50%); opacity: 0; transition: opacity 1s; }
.sc-hero-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s; }
.sc-hero-video.is-playing iframe, .sc-hero-video.is-playing video { opacity: 1; }
.sc-hero::after { content: ""; position: absolute; inset: 0; background: #061c79; opacity: 0.5; }
.sc-hero .sc-col { position: relative; z-index: 1; width: min(839px, 100%); margin: 0 auto; text-align: center; }
.sc-hero-logo { display: block; width: 150px; height: 150px; margin: 0 auto 20px; }
.sc-hero h1 { margin: 0 0 60px; color: #fff; font: 600 68px/1.3 var(--font-cond); text-transform: capitalize; }
.sc-hero p { margin: 0 0 60px; color: #fff; font: 400 20px/1.4 var(--font-roboto); }
.sc-btn { display: inline-block; padding: 20px 40px; border-radius: 8px; background: var(--btn); color: #fff; font: 500 21px/1 var(--font-roboto); letter-spacing: 3.5px; text-transform: uppercase; text-decoration: none; transition: filter 0.2s; }
.sc-btn:hover, .sc-btn:focus { color: #fff; filter: brightness(1.12); }
.sc-hero .sc-btn + .sc-btn { margin-top: 20px; }
.sc-hero .sc-buttons { display: flex; flex-direction: column; align-items: center; }

.sc-about { padding: 50px 0 0; }
.sc-about .sc-inner { width: min(1140px, 100%); margin: 0 auto; padding: 30px; }
.sc-about h2 { margin: 0 0 20px; color: var(--sky); font: 600 26px/1.3 var(--font-roboto); }
.sc-about .sc-text { color: var(--slate); font: 400 19px/24.75px var(--font-roboto); }
.sc-about .sc-text p { margin: 0 0 1.75em; }
.sc-about .sc-phone { color: #333399; }

.sc-banner { padding: 25px 0 0; }
.sc-banner .sc-col { width: min(1140px, 100%); margin: 0 auto; }
.sc-divider { padding: 15px 0; }
.sc-divider span { display: block; border-top: 3px solid #eee; }
.sc-banner img { display: block; width: 851px; margin: 0 auto 20px; }

.sc-donate { display: flex; align-items: center; min-height: 200px; background: linear-gradient(180deg, #093e63 0%, #41648f 100%); color: #fff; text-align: center; }
.sc-donate .sc-col { width: min(1140px, 100%); margin: 0 auto; padding-top: 39px; }
.sc-donate h2 { margin: 0 0 20px; color: #fff; font: 600 36px/1.3 var(--font-cond); text-transform: uppercase; }
.sc-donate .sc-ways { margin: 0; color: #fff; font: 400 26px/1.3 var(--font-roboto); }
.sc-donate p { margin: 0 0 1.75em; font: 400 15px/24.75px var(--font-roboto); }
.sc-donate a { color: #fff; text-decoration: none; }

.sc-paypal { background: linear-gradient(180deg, #41648f 0%, #385b86 100%); }
.sc-paypal .sc-col { width: min(580px, 100%); margin: 0 auto; text-align: center; }
.sc-paypal form { display: inline-grid; justify-items: center; align-content: center; gap: 0.5rem; margin: 0; }
.sc-paypal input[type="submit"] { min-width: 174px; height: 39px; padding: 10px 20px; border: 0; border-radius: 2px; background: var(--astra-blue); color: #fff; font: 400 15px/1 var(--font-sys); cursor: pointer; }
.sc-paypal input[type="submit"]:hover { background: #3a3a3a; }
.sc-paypal img { display: block; }
.sc-paypal section { color: var(--text); font: 400 15px/24.75px var(--font-sys); }
.sc-paypal section img { display: inline; height: 0.875rem; vertical-align: middle; }

.sc-copy { background: #1d1e45; }
.sc-copy .sc-col p { margin: 0 0 1.75em; color: #ebebeb; font: 400 15px/24.75px var(--font-roboto); text-align: center; }

/* ---------- Other pages (were plain Astra pages) ---------- */
body.sc-plain { background: #f5f5f5; }
.sc-topbar { height: 31px; background: #fff; border-bottom: 1px solid #eaeaea; }
.sc-main { width: min(1240px, 100%); margin: 0 auto; padding: 60px 20px; }
.sc-article { padding: 80.1px 100px; background: #fff; }
.sc-article h1, .sc-article .entry-title { margin: 0 0 20px; color: var(--ink); font: 400 40px/1.4 var(--font-sys); }
.sc-article > .entry-content > h1:first-child { margin-bottom: 0; }
.sc-article .entry-content p:empty { display: none; }
.sc-article .wp-block-columns:not(:has(.wp-block-column > *)) { display: none; } /* an empty columns block left above the form */
.sc-footer { padding: 40.6px 20px; background: #3a3a3a; color: #fff; text-align: center; line-height: 27.86px; }
.sc-footer p { margin: 0; }
.sc-copy .sc-col .sc-credit { margin-top: -1.25em; }
.sc-copy a, .sc-footer a { color: inherit; text-decoration: underline; }

/* Form fields, as the old theme styled them (Forminator inherits these) */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="search"], textarea,
.forminator-ui input.forminator-input, .forminator-ui textarea.forminator-textarea {
	color: #666; border: 1px solid #ddd; border-radius: 2px; background: #fafafa; box-shadow: none;
}
input:focus, textarea:focus, .forminator-ui input.forminator-input:focus { border-color: var(--astra-blue); outline: none; }
.forminator-ui .forminator-button, .forminator-ui .forminator-button:hover { color: #fff; }

/* ---------- Tablet (Elementor <= 1024px) ---------- */
@media (max-width: 1024px) {
	.sc-hero { padding: 60px 80px; }
	.sc-hero h1 { font-size: 60px; }
	.sc-btn { font-size: 18px; }
	.sc-about { padding: 31px 20px 20px; }
	.sc-about .sc-inner { padding: 30px 31px; text-align: center; }
	.sc-banner { padding: 0 30px; }
	.sc-donate { padding: 10px 30px; }
	.sc-donate h2 { font-size: 40px; line-height: 1.2; }
	.sc-banner img { width: 100%; }
	.sc-article { padding: 40px; }
}

/* ---------- Phone (Elementor <= 767px) ---------- */
@media (max-width: 767px) {
	.sc-hero { padding: 40px; background-image: url("../../uploads/2021/01/static-back-768x436.jpg"); }
	.sc-hero-video { display: none; }
	.sc-hero h1 { font-size: 44px; }
	.sc-about .sc-inner { padding: 0; text-align: left; }
	.sc-about .sc-text { font-size: 14px; }
	.sc-donate { padding: 20px; }
	.sc-donate h2 { padding-bottom: 20px; font-size: 26px; }
	.sc-copy .sc-col p { font-size: 10px; line-height: 1.1; letter-spacing: 0.2px; }
	.sc-article { padding: 1.5em 1em; }
	.sc-main { padding: 30px 14px; }
}