html, body { margin: 0; padding: 0; } :root {
--mfc-navy: #042443;
--mfc-gold: #DCC181;
--mfc-white: #ffffff;
--mfc-gray: #7A7A7A;
--mfc-light-gray: #F5F5F5;
}
* { box-sizing: border-box; }
body, button, input, select, textarea {
font-family: 'Prompt', sans-serif;
color: var(--mfc-navy);
margin: 0;
}
body { padding: 0; }
a { color: var(--mfc-navy); text-decoration: none; }
a:hover { color: var(--mfc-gold); } body.mfc-custom-header #masthead,
body.mfc-custom-header .ast-above-header-wrap,
body.mfc-custom-header header.site-header,
body.mfc-custom-header .ast-mobile-header-wrap { display: none !important; }
body.mfc-custom-footer footer.site-footer,
body.mfc-custom-footer .ast-small-footer { display: none !important; } .mfc-header {
background: #fff;
padding: 10px 40px;
position: sticky;
top: 0;
z-index: 9999;
box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}
body.mfc-custom-header > #page,
body.mfc-custom-header > #content,
body.mfc-custom-header > main,
body.mfc-custom-header > .mfc-main { margin-top: 0 !important; }
.mfc-main { position: relative; z-index: 1; }
.mfc-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1500px;
margin: 0 auto;
}
.mfc-nav-left, .mfc-nav-right {
flex: 1 1 0;
display: flex;
align-items: center;
}
.mfc-nav-right { justify-content: flex-end; }
.mfc-nav {
display: flex;
align-items: center;
gap: 28px;
list-style: none;
padding: 0;
margin: 0;
}
.mfc-nav > li { position: relative; }
.mfc-nav > li > a {
color: var(--mfc-navy);
font-size: 13px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 12px 10px;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color .2s;
white-space: nowrap;
border-radius: 20px;
}
.mfc-nav > li > a:hover {
color: var(--mfc-gold);
background: rgba(220,193,129,0.1);
}
.mfc-nav > li.menu-item-has-children > a::after {
content: "▾";
font-size: 10px;
opacity: 0.7;
}
.mfc-nav .sub-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-6px);
background: #fff;
border: 1px solid #eee;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
padding: 10px 0;
list-style: none;
margin: 8px 0 0;
min-width: 240px;
opacity: 0;
visibility: hidden;
transition: all .25s;
z-index: 99;
border-radius: 6px;
}
.mfc-nav > li:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.mfc-nav .sub-menu a {
display: block;
padding: 10px 22px;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
color: var(--mfc-navy);
}
.mfc-nav .sub-menu a:hover { color: var(--mfc-gold); background: var(--mfc-light-gray); }
.mfc-logo-center {
flex: 0 0 auto;
display: block;
line-height: 0;
}
.mfc-logo-center img {
display: block;
height: 130px;
width: auto;
}
.mfc-user-icon {
color: var(--mfc-navy);
font-size: 22px;
padding: 8px 12px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.mfc-user-icon:hover { color: var(--mfc-gold); } .mfc-hero {
position: relative;
min-height: 700px;
padding: 100px 20px 120px;
background-image: url(//www.myflightconnect.com/wp-content/uploads/2026/04/home-hero-plane.jpg);
background-size: cover;
background-position: center;
overflow: hidden;
}
.mfc-circles {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
flex-wrap: wrap;
max-width: 1200px;
margin: 120px auto 0;
z-index: 2;
}
.mfc-circle {
width: 210px;
height: 210px;
border-radius: 50%;
border: 3px solid var(--mfc-gold);
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
text-align: center;
background: transparent;
}
.mfc-circle-text {
color: var(--mfc-gold);
font-size: 14px;
font-weight: 500;
line-height: 1.45;
}
.mfc-circle-text strong { font-weight: 600; } .mfc-contact-hero {
position: relative;
min-height: 560px;
background-image: url(//www.myflightconnect.com/wp-content/uploads/2026/04/contact-hero.jpg);
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
padding: 60px;
}
.mfc-contact-hero-text {
color: #fff;
max-width: 600px;
}
.mfc-contact-hero-kicker {
font-size: 13px;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 18px;
font-weight: 500;
opacity: 0.95;
}
.mfc-contact-hero-title {
font-size: 36px;
font-weight: 500;
line-height: 1.25;
margin: 0;
}
.mfc-contact-map {
background: #F5F5F5;
padding: 60px 20px;
text-align: center;
}
.mfc-contact-map img {
max-width: 1200px;
width: 100%;
height: auto;
display: inline-block;
}
.mfc-contact-info {
display: flex;
justify-content: center;
gap: 60px;
padding: 60px 20px;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.mfc-contact-info-item {
display: flex;
align-items: flex-start;
gap: 18px;
min-width: 260px;
}
.mfc-contact-info-item i {
color: var(--mfc-gold);
font-size: 26px;
margin-top: 4px;
}
.mfc-contact-info-item strong {
display: block;
font-size: 15px;
color: var(--mfc-navy);
margin-bottom: 6px;
letter-spacing: 0.5px;
}
.mfc-contact-info-item span,
.mfc-contact-info-item a {
color: var(--mfc-gray);
font-size: 14px;
line-height: 1.6;
display: block;
}
.mfc-contact-form-section {
padding: 20px 20px 80px;
max-width: 900px;
margin: 0 auto;
}
.mfc-contact-form-section h2 {
text-align: center;
font-size: 26px;
font-weight: 600;
color: var(--mfc-navy);
margin: 0 0 40px;
}
.mfc-contact-form {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.mfc-contact-form .field-full { grid-column: 1 / -1; }
.mfc-contact-form input[type="text"],
.mfc-contact-form input[type="email"],
.mfc-contact-form input[type="tel"],
.mfc-contact-form textarea {
width: 100%;
border: 0;
background: #EEEEEE;
padding: 16px 20px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
color: var(--mfc-navy);
border-radius: 3px;
outline: none;
transition: background .2s;
}
.mfc-contact-form input::placeholder,
.mfc-contact-form textarea::placeholder { color: #999; }
.mfc-contact-form input:focus,
.mfc-contact-form textarea:focus { background: #e5e5e5; }
.mfc-contact-form textarea { resize: vertical; min-height: 120px; }
.mfc-contact-form button {
grid-column: 1 / -1;
justify-self: center;
background: transparent;
color: var(--mfc-gold);
border: 2px solid var(--mfc-gold);
padding: 12px 48px;
border-radius: 40px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.5px;
cursor: pointer;
text-transform: none;
margin-top: 20px;
transition: all .2s;
}
.mfc-contact-form button:hover {
background: var(--mfc-gold);
color: #fff;
} .mfc-footer {
background: var(--mfc-navy);
color: #fff;
padding: 14px 40px;
}
.mfc-footer-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
max-width: 1500px;
margin: 0 auto;
}
.mfc-footer-left { flex: 1 1 auto; }
.mfc-footer-center { flex: 0 0 auto; text-align: center; }
.mfc-footer-right { flex: 0 0 auto; text-align: right; }
.mfc-footer-menu {
list-style: none;
display: flex;
gap: 20px;
padding: 0;
margin: 0;
}
.mfc-footer-menu a {
color: #fff;
font-size: 11px;
letter-spacing: 0.5px;
}
.mfc-footer-menu a:hover { color: var(--mfc-gold); }
.mfc-footer-contact {
color: var(--mfc-gold);
font-size: 12px;
letter-spacing: 0.5px;
white-space: nowrap;
}
.mfc-footer-contact i { margin: 0 6px 0 0; }
.mfc-footer-contact a { color: var(--mfc-gold); }
.mfc-footer-contact .sep { margin: 0 15px; color: var(--mfc-gold); opacity: 0.5; }
.mfc-footer-logo img { height: 50px; width: auto; display: inline-block; } @media (max-width: 1200px) {
.mfc-nav { gap: 18px; }
.mfc-nav > li > a { font-size: 11px; letter-spacing: 1px; padding: 10px 6px; }
.mfc-logo-center img { height: 110px; }
}
@media (max-width: 900px) {
.mfc-nav-left, .mfc-nav-right { display: none; }
.mfc-contact-form { grid-template-columns: 1fr; }
.mfc-contact-hero-title { font-size: 26px; }
.mfc-contact-hero { min-height: 380px; padding: 40px 20px; }
}
@media (max-width: 768px) {
.mfc-circles { gap: 30px; margin-top: 60px; }
.mfc-circle { width: 160px; height: 160px; padding: 20px; }
.mfc-footer-inner { flex-direction: column; gap: 12px; text-align: center; }
.mfc-footer-menu { justify-content: center; flex-wrap: wrap; }
.mfc-footer-left, .mfc-footer-right { text-align: center; }
.mfc-footer-contact { white-space: normal; font-size: 11px; }
.mfc-contact-info { flex-direction: column; gap: 30px; align-items: center; }
} .mfc-demo-hero {
position: relative;
min-height: 480px;
background-image: url(//www.myflightconnect.com/wp-content/uploads/2026/04/demo-hero.jpg);
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
padding: 60px;
}
.mfc-demo-hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(to bottom, rgba(4,36,67,0.35) 0%, rgba(4,36,67,0.55) 100%);
}
.mfc-demo-hero-title {
position: relative;
color: #fff;
font-size: 44px;
font-weight: 500;
margin: 0;
letter-spacing: 0.5px;
}
.mfc-demo-form-section {
max-width: 1100px;
margin: 0 auto;
padding: 60px 40px 80px;
}
.mfc-demo-form .mfc-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 40px;
}
.mfc-demo-form .field-full { grid-column: 1 / -1; }
.mfc-demo-form input[type="text"],
.mfc-demo-form input[type="email"],
.mfc-demo-form input[type="tel"],
.mfc-demo-form textarea {
width: 100%;
border: 0;
background: #EEEEEE;
padding: 16px 22px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
color: var(--mfc-navy);
border-radius: 4px;
outline: none;
}
.mfc-demo-form input::placeholder,
.mfc-demo-form textarea::placeholder { color: #999; }
.mfc-demo-form textarea { resize: vertical; min-height: 150px; }
.mfc-demo-category { margin-bottom: 30px; }
.mfc-demo-category h3 {
font-size: 16px;
font-weight: 600;
color: var(--mfc-navy);
margin: 0 0 16px;
letter-spacing: 0.3px;
}
.mfc-checkbox-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px 30px;
}
.mfc-checkbox-grid label {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: var(--mfc-navy);
cursor: pointer;
}
.mfc-checkbox-grid input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 14px; height: 14px;
border: 1.5px solid var(--mfc-gold);
border-radius: 2px;
background: transparent;
cursor: pointer;
margin: 0;
position: relative;
flex-shrink: 0;
}
.mfc-checkbox-grid input[type="checkbox"]:checked {
background: var(--mfc-gold);
}
.mfc-checkbox-grid input[type="checkbox"]:checked::after {
content: "✓";
position: absolute;
top: -3px;
left: 1px;
color: #fff;
font-size: 12px;
font-weight: bold;
}
.mfc-demo-submit {
text-align: center;
margin-top: 40px;
}
.mfc-demo-form button {
background: transparent;
color: var(--mfc-gold);
border: 2px solid var(--mfc-gold);
padding: 12px 48px;
border-radius: 40px;
font-family: 'Prompt', sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
cursor: pointer;
transition: all .2s;
}
.mfc-demo-form button:hover { background: var(--mfc-gold); color: #fff; }
@media (max-width: 768px) {
.mfc-demo-form .mfc-form-grid { grid-template-columns: 1fr; }
.mfc-checkbox-grid { grid-template-columns: 1fr; }
.mfc-demo-hero-title { font-size: 30px; }
.mfc-demo-hero { min-height: 320px; padding: 40px 20px; }
} .mfc-solution-hero {
position: relative;
min-height: 240px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
}
.mfc-solution-hero-overlay {
position: absolute; inset: 0;
background: rgba(4,36,67,0.45);
}
.mfc-solution-hero-title {
position: relative;
color: #fff;
font-size: 40px;
font-weight: 500;
margin: 0;
text-align: center;
letter-spacing: 0.5px;
}
.mfc-solution-grid {
padding: 70px 40px 90px;
}
.mfc-solution-grid-inner {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
.mfc-solution-col-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
}
.mfc-solution-col-head i {
color: var(--mfc-gold);
font-size: 22px;
}
.mfc-solution-col-head h3 {
margin: 0;
font-size: 17px;
color: var(--mfc-navy);
font-weight: 500;
letter-spacing: 0.3px;
}
.mfc-solution-col ul {
list-style: none;
padding: 0;
margin: 0;
}
.mfc-solution-col ul li {
font-size: 13px;
line-height: 1.6;
color: var(--mfc-navy);
margin-bottom: 22px;
padding-left: 0;
}
.mfc-solution-col ul li strong { color: var(--mfc-navy); font-weight: 600; }
@media (max-width: 1100px) {
.mfc-solution-grid-inner { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}
@media (max-width: 640px) {
.mfc-solution-grid-inner { grid-template-columns: 1fr; }
.mfc-solution-hero-title { font-size: 34px; }
.mfc-solution-hero { min-height: 280px; }
} .mfc-solution-hero-short {
min-height: 240px !important;
padding: 40px 20px !important;
} .mfc-modules-grid {
padding: 60px 40px 80px;
}
.mfc-modules-grid-inner {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
.mfc-modules-col {
display: flex;
flex-direction: column;
gap: 40px;
}
.mfc-modules-block i {
color: var(--mfc-gold);
font-size: 26px;
display: block;
margin-bottom: 18px;
}
.mfc-modules-block h3 {
color: var(--mfc-gold);
font-size: 14px;
font-weight: 500;
line-height: 1.45;
margin: 0 0 20px;
letter-spacing: 0.2px;
}
.mfc-modules-block ul {
list-style: none;
padding: 0;
margin: 0;
}
.mfc-modules-block ul li {
font-size: 13px;
line-height: 1.55;
color: var(--mfc-navy);
margin-bottom: 14px;
padding-left: 18px;
position: relative;
}
.mfc-modules-block ul li::before {
content: "×";
position: absolute;
left: 0;
top: 0;
color: var(--mfc-navy);
font-weight: 400;
}
@media (max-width: 1100px) {
.mfc-modules-grid-inner { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}
@media (max-width: 640px) {
.mfc-modules-grid-inner { grid-template-columns: 1fr; }
} body.mfc-header-over-hero .mfc-header {
position: absolute;
top: 0;
left: 0;
right: 0;
background: transparent !important;
box-shadow: none;
z-index: 9999;
}
body.mfc-header-over-hero .mfc-nav > li > a,
body.mfc-header-over-hero .mfc-user-icon {
color: #fff !important;
}
body.mfc-header-over-hero .mfc-nav > li > a:hover,
body.mfc-header-over-hero .mfc-user-icon:hover {
color: var(--mfc-gold) !important;
background: rgba(255,255,255,0.12) !important;
}
body.mfc-header-over-hero .mfc-logo-center img {
filter: brightness(0) invert(1);
}
body.mfc-header-over-hero .mfc-main { margin-top: 0; } body.mfc-header-over-hero .mfc-demo-hero,
body.mfc-header-over-hero .mfc-contact-hero {
min-height: 540px;
margin-top: 0;
padding-top: 200px;
}
body.mfc-header-over-hero .mfc-demo-hero-title,
body.mfc-header-over-hero .mfc-contact-hero-text { margin-left: 60px; }
body.mfc-header-over-hero .mfc-demo-hero {
display: flex;
align-items: flex-end;
padding-bottom: 60px;
}
body.mfc-header-over-hero .mfc-demo-hero-title {
font-size: 48px;
color: #fff;
margin: 0 0 0 60px;
} body.mfc-header-over-hero .mfc-contact-hero-text,
body.mfc-header-over-hero .mfc-contact-hero-kicker,
body.mfc-header-over-hero .mfc-contact-hero-title,
body.mfc-header-over-hero .mfc-contact-hero-title * {
color: #fff !important;
} body.home.mfc-header-over-hero .mfc-hero {
margin-top: 0;
padding-top: 180px;
min-height: 780px;
}
body.home.mfc-header-over-hero .mfc-circles { margin-top: 60px; } body.home.mfc-header-over-hero .mfc-nav > li > a,
body.home.mfc-header-over-hero .mfc-user-icon {
color: var(--mfc-navy) !important;
}
body.home.mfc-header-over-hero .mfc-nav > li > a:hover,
body.home.mfc-header-over-hero .mfc-user-icon:hover {
color: var(--mfc-gold) !important;
background: rgba(220,193,129,0.15) !important;
}
body.home.mfc-header-over-hero .mfc-logo-center img {
filter: none !important;
height: 200px !important;
}
@media (max-width: 1200px) {
body.home.mfc-header-over-hero .mfc-logo-center img { height: 160px !important; }
} .mfc-logo-center { display: block; line-height: 0; position: relative; }
.mfc-logo-center .mfc-logo-white { display: none; }
.mfc-logo-center .mfc-logo-color { display: block; height: 170px; width: auto; } body.mfc-header-over-hero:not(.home) .mfc-logo-center .mfc-logo-color { display: none; }
body.mfc-header-over-hero:not(.home) .mfc-logo-center .mfc-logo-white { display: block; height: 170px; width: auto; } body.mfc-header-over-hero:not(.home) .mfc-logo-center img { filter: none !important; } body.home .mfc-logo-center .mfc-logo-color { height: 200px !important; }
@media (max-width: 1200px) {
body.home .mfc-logo-center .mfc-logo-color { height: 160px !important; }
.mfc-logo-center .mfc-logo-color,
body.mfc-header-over-hero:not(.home) .mfc-logo-center .mfc-logo-white { height: 140px; }
}