/* ==========================================
ONTARIO NEXUS ACADEMY
CONTACT US — FINAL RESPONSIVE VERSION
========================================== */
.ona-final-contact {
--navy:#0D213A;
--navy2:#193B58;
--gold:#D4AF66;
--gold-dark:#805C20;
--cream:#F7F5F0;
--text:#29394B;
--muted:#4E5F71;
width:100%;
background:#fff;
color:var(--text);
font-family:Arial,Helvetica,sans-serif;
overflow:clip;
}
.ona-final-contact *,
.ona-final-contact *::before,
.ona-final-contact *::after {
box-sizing:border-box;
}
.ona-final-contact h1,
.ona-final-contact h2,
.ona-final-contact h3 {
font-family:Georgia,"Times New Roman",serif;
font-weight:400 !important;
color:var(--navy) !important;
line-height:1.18 !important;
margin:0 0 14px !important;
}
.ona-final-contact p {
color:var(--muted) !important;
font-size:15px;
line-height:1.75;
margin:0 0 15px;
}
.ona-final-contact .fc-wrap {
width:calc(100% - 44px);
max-width:1200px;
margin:0 auto;
}
.ona-final-contact .fc-label {
color:var(--gold-dark) !important;
font-size:11px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:12px;
}
.ona-final-contact .fc-title {
font-size:clamp(32px,3.8vw,47px);
}
.ona-final-contact .fc-center {
text-align:center;
max-width:700px;
margin:0 auto 32px;
}
.ona-final-contact a:focus-visible,
.ona-final-contact button:focus-visible,
.ona-final-contact input:focus-visible,
.ona-final-contact select:focus-visible,
.ona-final-contact textarea:focus-visible,
.ona-final-contact summary:focus-visible {
outline:3px solid var(--gold);
outline-offset:3px;
}
.ona-final-contact .fc-gold-btn {
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--gold) !important;
color:var(--navy) !important;
padding:14px 24px;
text-decoration:none !important;
border-radius:3px;
font-weight:700;
font-size:13px;
}
/* HERO */
.ona-final-contact .fc-hero {
background:var(--navy) !important;
padding:52px 0;
}
.ona-final-contact .fc-hero-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center;
}
.ona-final-contact .fc-hero h1 {
color:#fff !important;
font-size:clamp(42px,5.3vw,70px);
margin-bottom:20px !important;
}
.ona-final-contact .fc-hero h1 span {
color:var(--gold) !important;
display:block;
font-style:italic;
}
.ona-final-contact .fc-hero p {
color:#E1EAF2 !important;
font-size:16px;
margin-bottom:22px;
}
.ona-final-contact .fc-hero .fc-label {
color:var(--gold) !important;
}
.ona-final-contact .fc-hero-photo {
position:relative;
height:340px;
}
.ona-final-contact .fc-hero-photo img {
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.ona-final-contact .fc-photo-tag {
position:absolute;
bottom:0;
left:0;
background:var(--gold);
color:var(--navy);
font-size:12px;
font-weight:700;
padding:14px 18px;
}
/* CONTACT CARDS */
.ona-final-contact .fc-cards-section {
background:var(--cream) !important;
padding:65px 0;
}
.ona-final-contact .fc-cards {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.ona-final-contact .fc-card {
background:#fff !important;
padding:27px;
border-bottom:3px solid var(--gold);
box-shadow:0 7px 25px rgba(13,33,58,.07);
display:flex;
flex-direction:column;
}
.ona-final-contact .fc-card-icon {
color:var(--gold-dark);
background:#F5EDDE;
border-radius:50%;
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:17px;
}
.ona-final-contact .fc-card-icon svg {
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.ona-final-contact .fc-card h3 {
font-size:24px;
margin-bottom:10px !important;
}
.ona-final-contact .fc-card p {
font-size:14px;
flex-grow:1;
}
.ona-final-contact .fc-card a {
color:var(--gold-dark) !important;
text-decoration:none !important;
font-size:13px;
font-weight:700;
}
/* ENQUIRY */
.ona-final-contact .fc-enquiry {
background:#fff !important;
padding:70px 0;
}
.ona-final-contact .fc-enquiry-grid {
display:grid;
grid-template-columns:.85fr 1.15fr;
align-items:start;
gap:55px;
}
.ona-final-contact .fc-enquiry-info h2 {
font-size:clamp(32px,3.5vw,45px);
}
.ona-final-contact .fc-topic {
border-bottom:1px solid #E3E6EA;
padding:13px 0;
}
.ona-final-contact .fc-topic strong {
color:var(--navy) !important;
font-size:14px;
display:block;
margin-bottom:6px;
}
.ona-final-contact .fc-topic span {
display:block;
color:var(--muted) !important;
font-size:13px;
line-height:1.7;
}
.ona-final-contact .fc-topic a {
color:var(--gold-dark) !important;
overflow-wrap:anywhere;
}
/* WHITE CONTACT FORM */
.ona-final-contact .fc-form-panel {
background:#FFFFFF !important;
background-color:#FFFFFF !important;
color:var(--navy) !important;
padding:30px;
border:1px solid #DBE1E6;
border-top:4px solid var(--gold);
box-shadow:0 8px 28px rgba(13,33,58,.08);
}
.ona-final-contact .fc-form-panel h3 {
color:var(--navy) !important;
font-size:29px;
}
.ona-final-contact .fc-form-panel > p {
color:var(--muted) !important;
font-size:13px;
}
.ona-final-contact .fc-form-row {
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.ona-final-contact .fc-field {
min-width:0;
margin-bottom:17px;
}
.ona-final-contact .fc-field label {
display:block;
color:var(--navy) !important;
font-size:12px;
font-weight:700;
margin-bottom:7px;
}
.ona-final-contact .fc-field input,
.ona-final-contact .fc-field select,
.ona-final-contact .fc-field textarea {
display:block;
width:100%;
max-width:100%;
min-height:45px;
background:#FFFFFF !important;
background-color:#FFFFFF !important;
color:#0D213A !important;
-webkit-text-fill-color:#0D213A !important;
border:1px solid #BFC8D2 !important;
border-radius:3px;
box-shadow:none !important;
padding:12px;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
line-height:1.4;
opacity:1 !important;
}
.ona-final-contact .fc-field option {
background:#FFFFFF !important;
color:#0D213A !important;
}
.ona-final-contact .fc-field input::placeholder,
.ona-final-contact .fc-field textarea::placeholder {
color:#69798B !important;
-webkit-text-fill-color:#69798B !important;
opacity:1 !important;
}
.ona-final-contact .fc-field input:focus,
.ona-final-contact .fc-field select:focus,
.ona-final-contact .fc-field textarea:focus {
background:#FFFFFF !important;
color:#0D213A !important;
-webkit-text-fill-color:#0D213A !important;
border:2px solid var(--gold) !important;
outline:none !important;
}
.ona-final-contact .fc-field input:-webkit-autofill,
.ona-final-contact .fc-field input:-webkit-autofill:focus {
-webkit-box-shadow:0 0 0 1000px #FFFFFF inset !important;
-webkit-text-fill-color:#0D213A !important;
}
.ona-final-contact .fc-field textarea {
min-height:125px;
resize:vertical;
}
.ona-final-contact .fc-gmail-button {
display:block;
width:100%;
background:var(--navy) !important;
color:#FFFFFF !important;
border:0;
border-radius:3px;
padding:16px 20px;
font-size:14px;
font-weight:700;
cursor:pointer;
font-family:Arial,sans-serif;
}
.ona-final-contact .fc-gmail-button:hover {
background:var(--navy2) !important;
}
.ona-final-contact .fc-form-help {
background:#F7F5F0 !important;
border-left:3px solid var(--gold);
padding:14px 15px;
margin-top:15px;
}
.ona-final-contact .fc-form-help p {
color:#3D4E60 !important;
font-size:12px;
margin:0 0 8px;
}
.ona-final-contact .fc-form-help p:last-child {
margin-bottom:0;
}
.ona-final-contact .fc-form-help a {
color:#765019 !important;
font-weight:700;
text-decoration:underline !important;
}
/* LEADERSHIP */
.ona-final-contact .fc-leadership {
background:var(--cream) !important;
padding:65px 0 12px;
}
.ona-final-contact .fc-profile {
display:grid;
grid-template-columns:37% 1fr;
gap:43px;
align-items:center;
padding:20px 0 48px;
}
.ona-final-contact .fc-profile + .fc-profile {
border-top:1px solid #DDD9D0;
padding-top:48px;
}
.ona-final-contact .fc-profile.fc-sandra {
grid-template-columns:1fr 37%;
}
.ona-final-contact .fc-profile-photo {
aspect-ratio:4/4.6;
background:#E3DDD2;
position:relative;
}
.ona-final-contact .fc-profile-photo img {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
box-shadow:0 10px 28px rgba(13,33,58,.09);
}
.ona-final-contact .fc-profile-photo::after {
content:"";
position:absolute;
right:-9px;
bottom:-9px;
width:65px;
height:65px;
border-right:3px solid var(--gold);
border-bottom:3px solid var(--gold);
}
.ona-final-contact .fc-profile h3 {
color:var(--navy) !important;
font-size:clamp(29px,3.2vw,42px);
margin-bottom:6px !important;
}
.ona-final-contact .fc-role {
display:block;
color:var(--gold-dark) !important;
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:15px;
}
.ona-final-contact .fc-profile p {
font-size:14px;
margin-bottom:11px;
}
.ona-final-contact .fc-qualifications {
background:#FFFFFF !important;
padding:17px 20px;
border-left:3px solid var(--gold);
margin-top:17px;
}
.ona-final-contact .fc-qualifications strong {
display:block;
color:var(--navy) !important;
font-size:13px;
margin-bottom:7px;
}
.ona-final-contact .fc-qualifications p {
color:#35485B !important;
margin:0;
font-size:13px;
}
/* LOCATION */
.ona-final-contact .fc-location {
background:var(--navy) !important;
padding:65px 0;
}
.ona-final-contact .fc-location-grid {
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:55px;
}
.ona-final-contact .fc-location .fc-label {
color:var(--gold) !important;
}
.ona-final-contact .fc-location h2,
.ona-final-contact .fc-location h3 {
color:#FFFFFF !important;
}
.ona-final-contact .fc-location p {
color:#DFE9F2 !important;
}
.ona-final-contact .fc-location-card {
background:#193751 !important;
border:1px solid rgba(255,255,255,.3);
padding:29px;
}
.ona-final-contact .fc-location-card strong {
color:var(--gold) !important;
text-transform:uppercase;
letter-spacing:1.6px;
font-size:12px;
}
.ona-final-contact .fc-location-card h3 {
font-size:29px;
margin-top:12px !important;
}
.ona-final-contact .fc-location-card a {
color:#F1CF8E !important;
font-size:13px;
font-weight:700;
}
/* FAQ */
.ona-final-contact .fc-faq {
background:#FFFFFF !important;
padding:68px 0;
}
.ona-final-contact .fc-faq-list {
max-width:860px;
margin:0 auto;
}
.ona-final-contact .fc-faq-list details {
background:var(--cream) !important;
border:1px solid #E1E5E9;
padding:0 20px;
margin-bottom:10px;
}
.ona-final-contact .fc-faq-list summary {
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
cursor:pointer;
color:var(--navy) !important;
font-weight:700;
font-size:14px;
padding:19px 0;
}
.ona-final-contact .fc-faq-list summary::-webkit-details-marker {
display:none;
}
.ona-final-contact .fc-faq-list summary::after {
content:"+";
color:var(--gold-dark);
font-size:21px;
}
.ona-final-contact .fc-faq-list details[open] summary::after {
content:"−";
}
.ona-final-contact .fc-faq-list p {
padding-bottom:18px;
font-size:14px;
}
/* FINAL CTA */
.ona-final-contact .fc-final {
text-align:center;
background:#ECE3D2 !important;
padding:60px 20px;
}
.ona-final-contact .fc-final p {
max-width:630px;
margin:0 auto 24px;
}
/* ==========================================
TABLET
========================================== */
@media(max-width:950px) {
.ona-final-contact .fc-hero-grid,
.ona-final-contact .fc-enquiry-grid,
.ona-final-contact .fc-location-grid {
gap:28px;
}
.ona-final-contact .fc-profile {
gap:27px;
}
}
/* ==========================================
PHONES
========================================== */
@media(max-width:767px) {
.ona-final-contact .fc-wrap {
width:calc(100% - 32px);
}
.ona-final-contact .fc-hero-grid,
.ona-final-contact .fc-cards,
.ona-final-contact .fc-enquiry-grid,
.ona-final-contact .fc-profile,
.ona-final-contact .fc-profile.fc-sandra,
.ona-final-contact .fc-location-grid,
.ona-final-contact .fc-form-row {
grid-template-columns:1fr;
}
.ona-final-contact .fc-hero {
padding:42px 0;
}
.ona-final-contact .fc-hero h1 {
font-size:42px;
}
.ona-final-contact .fc-hero-photo {
height:260px;
}
.ona-final-contact .fc-cards-section,
.ona-final-contact .fc-enquiry,
.ona-final-contact .fc-location,
.ona-final-contact .fc-faq {
padding:50px 0;
}
.ona-final-contact .fc-leadership {
padding-top:50px;
}
.ona-final-contact .fc-profile {
padding-bottom:40px;
}
.ona-final-contact .fc-profile + .fc-profile {
padding-top:40px;
}
.ona-final-contact .fc-profile.fc-sandra .fc-profile-photo {
grid-row:1;
}
.ona-final-contact .fc-profile.fc-sandra .fc-profile-copy {
grid-row:2;
}
.ona-final-contact .fc-profile-photo {
width:100%;
max-width:430px;
margin:0 auto;
}
.ona-final-contact .fc-profile-photo::after {
right:0;
bottom:0;
}
.ona-final-contact .fc-form-row {
gap:0;
}
.ona-final-contact .fc-form-panel {
padding:22px 17px;
}
.ona-final-contact .fc-gmail-button {
min-height:50px;
font-size:14px;
}
.ona-final-contact .fc-card {
padding:23px;
}
.ona-final-contact .fc-location-card {
padding:24px;
}
}
@media(prefers-reduced-motion:reduce) {
.ona-final-contact * {
transition:none !important;
}
}
(function () {
const form = document.getElementById(
"ona-final-gmail-form"
);
if (!form) return;
form.addEventListener("submit", function (event) {
event.preventDefault();
if (!form.reportValidity()) return;
const name = document.getElementById(
"of-name"
).value.trim();
const email = document.getElementById(
"of-email"
).value.trim();
const country = document.getElementById(
"of-country"
).value.trim();
const type = document.getElementById(
"of-type"
).value;
const message = document.getElementById(
"of-message"
).value.trim();
const subject = "ONA Inquiry - " + type;
const body = [
"Full Name: " + name,
"Email Address: " + email,
"Country: " + (country || "Not provided"),
"Inquiry Type: " + type,
"",
"Message:",
message
].join("\n");
const gmailUrl =
"https://mail.google.com/mail/" +
"?view=cm&fs=1" +
"&to=" + encodeURIComponent(
"info@ontarionexusacademy.com"
) +
"&su=" + encodeURIComponent(subject) +
"&body=" + encodeURIComponent(body);
/* Open Gmail in a new browser tab.
If blocked, navigate to Gmail directly. */
const newTab = window.open(
gmailUrl,
"_blank"
);
if (newTab) {
try {
newTab.opener = null;
} catch (e) {
/* Ignore browser restrictions. */
}
} else {
window.location.assign(gmailUrl);
}
});
})();