.practice-quiz-container {
margin: 2em auto;
font-family: inherit;
color: var(--text);
border-radius: 5px;
box-shadow: 1px 1px 4px rgba(0,0,0, 0.5);
padding: 2rem;
}
.practice-quiz-container .quiz-question {
padding: 1.5em 1em;
margin-bottom: 1em;
}
.practice-quiz-container .quiz-question:last-child {
border-bottom: none;
margin-bottom: 0;
}
.practice-quiz-container .quiz-question-title,
.practice-quiz-container .quiz-question legend {
font-size: 1rem;
text-transform: none;
margin-bottom: 0.75em;
color: #111;
}
.quiz-question-title h4,
.practice-quiz-container .quiz-question-result h4  {
font-weight: 500 !important;
}
.practice-quiz-container .quiz-options {
list-style: none;
padding-left: 2rem;
margin: 0;
}
.practice-quiz-container .quiz-options li {
display: flex;
align-items: center;
margin: 0.5em 0;
}
.practice-quiz-container .quiz-options input[type="radio"] {
margin-right: 0.75em;
flex-shrink: 0;
}
.practice-quiz-container .quiz-options label {
margin: 0;
font-size: 1.1rem;
font-weight: 400;
line-height: 1.3;
}
.practice-quiz-container button[type="submit"] {
display: inline-block;
background: var(--brand);
color: var(--primary-bg);
border: none;
padding: 0.75em 1.5em;
font-size: 1rem;
font-weight: 600;
border-radius: 4px;
cursor: pointer;
margin: 1.5em 0;
}
.practice-quiz-container button[type="submit"]:hover {
background: var(--alt-brand);
color: var(--headings);
}
.practice-quiz-container input[type="text"],
.practice-quiz-container input[type="email"],
.practice-quiz-container select {
width: 100%;
padding: 0.5em;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1rem;
margin-top: 0.25em;
margin-bottom: 1em;
}
.practice-quiz-container label {
font-size: 0.95rem;
font-weight: 500;
display: block;
margin-bottom: 0.25em;
}
.practice-quiz-container.quiz-results {
margin-top: 2em;
}
.practice-quiz-container .quiz-question-result {
margin-bottom: 2em;
padding: 1em;
border: 1px solid #ddd;
border-radius: 4px;
background: #fafafa;
}
.practice-quiz-container .quiz-question-result h4 {
margin-top: 0;
font-size: 1.1rem;
}
.practice-quiz-container .quiz-feedback {
padding: 0.75em;
border-radius: 4px;
margin-top: 1em;
}
.practice-quiz-container .quiz-feedback.correct {
background: #e6f4ea;
border: 1px solid #3c763d;
color: #3c763d;
}
.practice-quiz-container .quiz-feedback.incorrect {
background: #f8e6e6;
border: 1px solid #a94442;
color: #a94442;
}
.practice-quiz-container .quiz-feedback p {
margin: 0.5em 0;
}
.practice-quiz-container .quiz-footer {
margin-top: 2em;
text-align: left;
}
.practice-quiz-container .quiz-footer .quiz-score {
display: inline-block;
vertical-align: middle;
font-size: 1.2rem;
font-weight: 600;
color: var(--text);
margin-right: 1em;
}
.practice-quiz-container .quiz-footer .quiz-cta {
display: inline-block;
vertical-align: middle;
background: var(--brand);
color: var(--primary-bg);
border: none;
padding: 0.75em 1.5em;
font-size: 1rem;
font-weight: 600;
border-radius: 4px;
cursor: pointer;
}
.practice-quiz-container .quiz-footer .quiz-cta:hover {
background: var(--alt-brand);
color: var(--headings);
}.trial-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.5);
display: flex;
align-items: center;
z-index: 1000;
}
.trial-popup,
.trial-form {
width: 90%;
max-width: 750px;
margin: auto;  
padding: 4rem;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
text-align: center;
position: relative;
}
.trial-popup {
width: 90%;
}
.trial-form {
min-width: 50vw;
}
.trial-popup h2 {
margin-top: 0;
font-size: 1.5rem;
}
.trial-cta-text {
font-weight: 500;
margin-bottom: 1rem;
}
.trial-popup p {
margin: 0.5em 0;
font-style: normal;
}
.trial-popup a.centered {
display: inline-block;
margin-top: 1em;
}
.trial-form label {
display: block;
text-align: left;
margin-bottom: 1em;
}
.trial-form input[type="text"],
.trial-form input[type="email"],
.trial-form input[type="phone"],
.trial-form input[type="password"] {
width: 100%;
padding: 0.5em;
border: 1px solid #999;
border-radius: 4px;
margin-top: 0.25em;
}
.trial-form button[type="submit"] {
background: var(--brand);
color: var(--primary-bg);
border: none;
padding: 0.75em 1.5em;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
}
.trial-form button[type="submit"]:hover {
background: var(--alt-brand);
color: var(--headings);
}
.trial-close {
position: absolute;
top: 0.5em;
right: 0.5em;
background: transparent;
border: none;
font-size: 1.5rem;
cursor: pointer;
background: var(--brand);
color: var(--primary-bg);
}
.trial-popup .trial-close,
.trial-form .trial-close {
color: var(--primary-bg);
}
.trial-close:hover {
background: var(--alt-brand);
color: var(--headings);
}
.trial-error {
color: #a94442;
font-size: 0.9rem;
margin-bottom: 1em;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}:root {
--brand: var(--ast-global-color-0);
--alt-brand: var(--ast-global-color-1);
--headings: var(--ast-global-color-2);
--text: var(--ast-global-color-3);
--primary-bg: var(--ast-global-color-4);
--secondary-bg: var(--ast-global-color-5);
--alt-bg: var(--ast-global-color-6);
--subtle-bg: var(--ast-global-color-7);
--other: var(--ast-global-color-8);
--bp-sm: 576px;
--bp-md: 768px;
--bp-lg: 992px;
--bp-xl: 1200px;
--bp-xxl: 1400px;
} body {
font-family: 'Graphik';
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Cera Pro';
text-transform: uppercase;
}
aside[data-section="sidebar-widgets-header-widget-2"] section p {
margin-bottom: auto;
}
.needs-z {
z-index: 98 !important;
}
.red-under {
color: red;
}
.green-under {
color: green;
}
.red-under, .green-under {
border-bottom: 2px solid;
}
.is-style-outline a:hover {
background: var(--primary-bg) !important;
color: var(--headings) !important;
}
.custom-full {
position: relative;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
}
.thin-text {
font-weight: 400 !important;
}
details h3 {
color: var(--primary-bg) !important;
font-weight: 400 !important;
}
.centered {
display: flex;
justify-content: center;
}
.nav-icon {
margin: 1rem;
} .mzeroa-hero {
position: relative;
width: 100vw;
margin: 0;
padding: 3rem 0;
} .mzeroa-hero__bg {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-size: cover;
background-position: top;
z-index: 1;
}
.mzeroa-hero__overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(rgba(0,0,0,0.1) 40%, rgba(255,255,255,1) 90%);
background-color: rgba(0,0,0, 0.1);
z-index: 2;
} .mzeroa-hero__content {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4rem 1rem 0;
z-index: 3;
}
.mzeroa-hero__text {
flex: 1 1 75%;
max-width: 97%;
padding: 0 2rem;
}
.mzeroa-hero__text h1 {
color: #fff;
line-height: 1.2;
font-weight: 500;
text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
}
.mzeroa-hero__text p {
color: #fff;
margin-top: .5rem;
font-size: 1.5rem;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.25);
}
.mzeroa-hero__plane {
position: absolute;
max-width: 60%;
top: -16%;
right: -31%;
height: auto;
z-index: 3;
} .mzeroa-hero__drone {
position: absolute;
z-index: 3;
width: 18%;
left: 8%;
bottom: 6%;
transform: rotate(-5deg);
} .mzeroa-hero__icons {
position: relative;
display: flex;
justify-content: center;
gap: 4rem;
z-index: 5;
}
.mzeroa-hero__icon {
display: flex;
flex-direction: column;
align-items: center;
}
.mzeroa-hero__icon span {
margin-top: .5rem;
font-size: .875rem;
color: #004e7c;
}
@media only screen and (max-width: 768px) {
.mzeroa-hero__plane {
right: 0;
top: 0;
}
.mzeroa-hero__drone {
width: 40%;
top: 67%;
}
.mzeroa-hero {
text-align: center;
}
.mzeroa-hero__icon img {
width: 60px !important;
}
.mzeroa-hero__icon .mza-icon-planeDark img {
width: 80px !important;
}
.mzeroa-hero__icon {
justify-content: space-between;
}
}
.quiz-banner {
border-bottom: 1px solid white;
}
.home-italic-h2 {
font-weight: 400 !important;
color: var(--brand) !important;
font-style: italic;
}
.home-italic-h3 {
font-weight: 400 !important;
color: var(--brand) !important;
font-style: italic;
}
.nm-hero-cover {
position: relative;
overflow: hidden;
height: 60vh;
}
.nm-hero-cover .wp-block-cover__image-background {
z-index: 1;
opacity: 1 !important;
}
.nm-hero-cover .wp-block-cover__background.has-background-dim {
z-index: 2;
background-color: transparent !important;
opacity: 1 !important;
background-image:
linear-gradient(
to bottom,
rgba(255,255,255,0)   50%,
rgba(255,255,255,1) 100%
) !important;
background-repeat: no-repeat;
}
.nm-hero-cover .wp-block-cover__inner-container {
position: relative;
z-index: 3;
}
.nm-hero-card {
position: relative;
margin: -10rem auto 5rem auto;
z-index: 9 !important;
max-width: 80%;
} @media (min-width: 768px) {
.ast-main-header-wrap {
transition: all 0.3s ease-in-out;
}
.ast-main-header-wrap.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index:  999 !important;
overflow: hidden;
box-sizing: border-box;
height: 100px !important;
}
.ast-main-header-wrap.is-sticky .ast-primary-header-bar {
height: 100px !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.ast-main-header-wrap.is-sticky .site-primary-header-wrap {
height: 100px !important;
padding: 0 !important;
box-sizing: border-box !important;
margin: 0 auto !important;
}
.ast-main-header-wrap.is-sticky .ast-builder-grid-row {
display: flex !important;
align-items: center !important;
justify-content: center;
height: 100% !important;
}
.header-spacer {
width: 100%;
display: block;
pointer-events: none;
visibility: hidden;
}
.ast-main-header-wrap.is-sticky .site-logo-img img {
transform: scale(0.65);
}
.ast-main-header-bar.is-sticky,
.ast-primary-header-bar.is-sticky,
.site-primary-header-wrap.is-sticky {
display: flex !important;
align-items: center !important;
height: 100% !important;
}
.ast-main-header-wrap.is-sticky .custom-logo-link img {
max-height: 100px !important;
width: auto !important;
}
.ast-main-header-wrap.is-sticky .main-header-menu > li > a {
padding-top:    0 !important;
padding-bottom: 0 !important;
line-height:    100px !important;
}
}
@keyframes jiggle {
0%,100%   { transform: rotate(0deg); }
25%       { transform: rotate(-1deg); }
75%       { transform: rotate(1deg); }
}
.mzeroa-hero {
transition: filter .3s ease;
}
.mzeroa-hero.animate-plane .mzeroa-hero__plane {
animation: jiggle 0.8s ease-in-out infinite;
filter: brightness(1.111) contrast(1.3) saturate(1.2);
z-index: 4;
}
.mzeroa-hero.animate-drone .mzeroa-hero__drone {
animation: jiggle .6s ease-in-out infinite;
filter: brightness(1.111) contrast(1.3) saturate(1.2);
z-index: 4;
}
.nm-page-header {
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.slanted-hero {
position: relative;
background: var(--primary-bg);
margin-top: -15rem;
text-align: center;
padding: 10rem 0 8rem;
width: 100vw !important;
max-width: none !important;
margin-left:  calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
}
.slanted-hero::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: var(--brand);
clip-path: polygon(
0 30%,
100% 50%,
100% 100%, 
0 100%
);
z-index: 0;
}
.slanted-hero::after {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: #fff;
clip-path: polygon(
0 0,
100% 0,
100% 50%,
0 30%
);
z-index: 2;
}
.slanted-hero__images {
position: relative;
width: 70%;
margin-left: auto;
margin-top: -10rem;
}
.slanted-hero__photo {
display: block;
width: 100%;
height: auto;
object-fit: cover;
mask-image: 
linear-gradient(to right, transparent 0%, black 40%, black 100%),
linear-gradient(to top,   transparent 0%, black 40%, black 100%);
mask-mode: intersect; -webkit-mask-image: 
linear-gradient(to right, transparent 0%, black 40%, black 100%),
linear-gradient(to top,   transparent 0%, black 40%, black 100%);
-webkit-mask-composite: source-in;
}
.slanted-hero__plane {
position: absolute;
top: 0; left: 0;
width: 100%;
height: auto;
z-index: 10;
}
.slanted-hero__trusted {
position: absolute;
top: 65%;              
left: 30%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 4;
text-align: center;
}
.slanted-hero__trust-title {
padding-bottom: 3rem;
color: var(--primary-bg) !important;
}
.trusted-list {
display: flex;
justify-content: center;
gap: 3rem;
flex-wrap: wrap;
}
.trusted-list img {
max-height: 8rem;
object-fit: contain;
}
@media only screen and (max-width: 992px) {
.slanted-hero__images {
width: 100% !important;
margin: 0 auto 1.5rem auto !important;
top: auto !important;
}
.slanted-hero__plane {
width: 100% !important;
z-index: 10;
}
.slanted-hero__trusted {
top: auto !important;
left: auto !important;
transform: none !important;
width: 100% !important;
margin: -5rem auto;
text-align: center;
z-index: 4;
}
.slanted-hero__trust-title {
padding-bottom: 0;
color: var(--primary-bg) !important;
}
.slanted-hero__trusted .trusted-list {
gap: 1rem;
}
.trusted-list img {
max-height: 5rem;
object-fit: contain;
}
}
.feature-cards {
position: relative;
margin-top: -6rem;
z-index: 5;
overflow: visible;
padding: 0 1rem 4rem;
}
.feature-cards__inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 2rem;
max-width: 1200px;   
margin: 0 auto;
}
.feature-card {
background: var(--primary-bg);
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
padding: 3rem 2rem;
text-align: center;
}
.feature-card img {
display: block;
margin: 0 auto 1rem;
max-height: 3rem;
}
.feature-card h3 {
padding-top: 1rem;
margin: 0 0 0.5rem;
font-size: 1.25rem;
}
.feature-card p {
margin: 0;
color: var(--text);
line-height: 1.4;
} .team-camo-tiles {
position: relative !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
margin-top: -30rem;
}
.team-camo-tiles img {
display: block !important;
width: 125vw !important;
max-width: none !important;
margin-left: -12vw !important;
height: auto !important;
object-fit: cover !important;
transform: scale(0.8) !important;
transform-origin: center top !important;
mask-image: linear-gradient(
to bottom,
black 80%,
transparent 100%
);
-webkit-mask-image: linear-gradient(
to bottom,
black 80%,
transparent 100%
);
}
#post-22 > div > p.needs-z {
position: relative !important;
}
.about-hero {
position: relative;
min-height: 65vh;
width: 100vw !important;
max-width: none !important;
margin-left:  calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
}
.about-hero__video {
position: absolute;
inset: 0;
z-index: 0;
}
.about-hero__video iframe {
width: 100%;
height: 100%;
object-fit: cover;
}
.about-hero__cutout {
position: absolute;
bottom: -40%;         
left: 0;
width: 25%;
max-width: 400px;
height: auto;
pointer-events: none;
z-index: 1;
}
.slanted-cover {
position: relative;
overflow: visible;
margin-top: -4rem;  
}
.wp-block-cover.alignfull.slanted-cover
.wp-block-cover__background {
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
margin-top: -1rem;
}
.mzeroa-features {
position: relative;
width: 100vw !important;
max-width: none !important;
margin-left:  calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
padding: 6rem 1rem 4rem;
background:
linear-gradient(
to bottom,
var(--brand) 0%,
rgba(255,255,255,0.3) 50%
),
linear-gradient(
to top,
var(--primary-bg) 15%,
rgba(255,255,255,0.3) 50%
), url(//www.mzeroa.com/wp-content/uploads/2025/07/pexels-pixabay-531756.jpg)
center/cover no-repeat;
}
.mzeroa-container {
max-width: 1200px !important;
margin: 0 auto;
text-align: center;
}
.mzeroa-features__title {
font-style: italic;
margin-bottom: 3rem;
color: var(--primary-bg) !important;
text-align: center;
}
.mzeroa-features__cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}
.mzeroa-card {
background: var(--primary-bg);
padding: 3rem 2rem;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
text-align: center;
color: var(--text);
display: flex;
justify-content: space-around;
align-items: center;
gap: 1rem;
}
.mzeroa-card__number {
font-size: 6rem;
color: var(--brand);
font-weight: 500;
margin-bottom: 1rem;
}
.mzeroa-card__text {
font-size: 1rem;
line-height: 1.5;
}
.mzeroa-features__images {
position: absolute;
pointer-events: none;
width: 100%;
}
.mzeroa-features__plane {
position: absolute;
left: 3%;
top: 15vh;
max-width: 700px;
width: 50%;
}
.mzeroa-features__drone {
position: absolute;
top: -16rem;
right: 2rem;
max-width: 300px;
width: 30%;
}
.mzeroa-features__subhead {
font-size: 1.75rem;
color: var(--brand) !important;
margin-top: 6rem;
margin-bottom: 1rem;
text-align: center;
}
.mzeroa-features__promise {
max-width: 800px;
margin: 0 auto;
color: var(--headings) !important;
line-height: 1.6;
text-align: center;
}
.mzeroa-features__promise p {
margin-bottom: 1rem;
font-size: 18px;
}
.mzeroa-features__promise strong {
font-weight: 600;
}
@media only screen and (max-width: 768px) {
.wp-block-cover.alignfull.slanted-cover
.wp-block-cover__background {
clip-path: polygon(0 1%, 100% 0, 100% 100%, 0% 100%);
margin-top: 1rem;
}
.about-hero__cutout {
top: 70%;
width: 40%;
}
.mzeroa-features__plane {
top: -5vh;
}
}
.manned-hero {
position: relative;
width: 100vw !important;
max-width: none !important;
min-height: 70vh !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
padding: 8rem 1rem 4rem;
--plane-x: 50%;
--plane-y: 25%;
background: 
linear-gradient(
to bottom,
rgba(38, 88, 151, 1) 0%,
rgba(255,255,255,0.3) 90%,
var(--primary-bg) 100%
),
url(//www.mzeroa.com/wp-content/uploads/2025/07/Copy-of-DSC00036-scaled.png) var(--plane-x) var(--plane-y) / 100% no-repeat;
color: var(--primary-bg);
}
.manned-hero__inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
position: relative;
}
.manned-hero__title {
font-weight: 500 !important;
color: var(--primary-bg) !important;
line-height: 1.1;
text-transform: uppercase;
margin: -3rem 0 0;
text-shadow: 1px 1px rgba(0,0,0, 0.3);
}
.manned-hero__title--alt {
font-style: italic;
font-weight: bold;
display: block;
margin-top: -1rem;
}
.manned-hero__subtitle {
max-width: 500px;
margin-left: auto;
font-size: 1.125rem;
line-height: 1.5;
text-shadow: 1px 1px rgba(0,0,0, 0.3);
}
.manned-hero__plane {
position: absolute;
left: var(--plane-x);
top: var(--plane-y);
transform: translatex(-50%);
width: 100%;
pointer-events: none;
z-index: 1;
}
.manned-features {
position: relative;
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
overflow: visible !important;
padding: 4rem 1rem 2rem;
background:
linear-gradient(to bottom, var(--primary-bg) 0%, rgba(255,255,255,0.4) 60%),
linear-gradient(to bottom, rgba(255,255,255,0) 70%, #fff 100%),
url(//www.mzeroa.com/wp-content/uploads/2025/07/baharul-islam-peWdaDrZR-U-unsplash-1.png) center/cover no-repeat;
}
.manned-features__cards {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 4rem;
width: 80%;
margin: 0 auto;
}
.manned-feature-card {
background: #fff;
padding: 2.5rem 1.5rem;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
justify-items: center;
}
.manned-feature-card p {
margin-bottom: auto;
font-size: 18px;
}
.manned-feature-card__icon {
flex: 0 0 60px;
width: 60px;
height: auto;
}
.manned-features__content {
max-width: 800px;
margin: 0 auto;
text-align: center;
padding: 3rem 0;
}
.manned-features__content h2 {
font-size: 2rem;
margin-bottom: 1rem;
color: var(--brand);
}
.manned-features__content p {
color: var(--other);
line-height: 1.6;
font-size: 20px;
margin-bottom: 1.5rem;
font-weight: 400;
text-align: left;
text-shadow: 1px 1px rgba(255,255,255,0.5);
}
.manned-features__graphics {
text-align: center;
}
.manned-features__graphic {
width: 80%;
height: auto;
padding-bottom: 2rem;
}
.btn-light {
padding: 1rem;
text-decoration: none !important;
&:hover {
color: var(--primary-bg);
background: var(--brand);
}
}
.drone-hero {
padding: 6rem 1rem 4rem;
min-height: 70vh;
background:
linear-gradient(to bottom, rgba(38, 88, 151, 0.8) 20%, var(--primary-bg) 100%),
url(//www.mzeroa.com/wp-content/uploads/2025/07/Edited_Full-scaled-e1751393778366.png) left top/cover no-repeat;
color: var(--primary-bg);
}
.drone-hero__inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
text-align: center;
position: relative;
z-index: 2;
text-shadow: 1px 1px rgba(0,0,0,0.3);
}
.drone-hero__title {
font-weight: 500 !important;
line-height: 1.5 !important;
margin: -2rem 0 1rem;
color: #fff !important;
}
.drone-hero__title--alt {
font-style: italic;
font-weight: 600 !important;
}
.drone-hero__subtitle {
line-height: 1.5;
text-align: left;
margin-left: 5rem;
}
.drone-hero__drone {
position: absolute;
top: 15%;
right: -10rem;
transform: translateY(-10%);
width: 85%;
pointer-events: none;
z-index: 3;
}
@media only screen and (max-width: 768px) {
.drone-hero__drone {
top: 35%;
}
.drone-hero {
padding-bottom: 0 !important;
min-height: 50vh;
}
}
@media only screen and (max-width: 500px) {
.drone-hero__drone {
top: 75%;
right: 0;
width: 100%;
}
.drone-hero__subtitle {
margin: 0 auto;
color: var(--headings);
text-shadow: none;
}
}
.drones-stats-section {
padding: 6rem 1rem 4rem;
background:
linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 25%),
linear-gradient(to bottom, rgba(0,0,0,0) 75%, var(--brand) 100%),
url(//www.mzeroa.com/wp-content/uploads/2025/07/Copy-of-Schappert_Plane_5-scaled-e1751461883968.jpg) center/cover no-repeat;
}
.drones-stats__inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.drones-stats__title {
font-weight: 500 !important;
font-style: italic;
color: var(--brand) !important;
margin-bottom: 3rem !important;
}
#drones-stats-count {
font-weight: 700;
display: inline-block;
min-width: 6ch;
text-align: right;
}
.drones-stats__cards {
display: flex;
flex-direction: column;
gap: 2rem;
justify-content: center;
margin: 0 auto;
}
.drones-stats-card {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.drones-stats-card p {
margin: 0 auto;
font-size: 18px
}
.drones-stats-card__number {
font-size: 4rem;
font-weight: bold;
color: var(--brand);
flex: 0 0 auto;
}
.drones-stats-card__copy {
flex: 1;
text-align: left;
line-height: 1.6;
}
.drones-included-section {
padding: 4rem 1rem 10rem;
background: linear-gradient(
to bottom,
var(--brand) 0%,
var(--brand) 75%,
#fff 100%
);
}
.drones-included__inner {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 1200px;
margin: 0 auto;
align-items: center;
}
.drones-included__media {
display: flex;
justify-content: center;
}
.drones-included__image {
width: 80%;
margin-left: 6rem;
}
.drones-included__content {
color: #fff;
}
.drones-included__title {
font-size: 2rem;
margin-bottom: 2rem !important;
margin-left: 2rem;
color: #fff !important;
}
.drones-included__list {
list-style: none;
margin: 0;
padding: 0;
}
.drones-included__item {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.drones-included__icon {
flex: 0 0 32px;
width: 32px;
height: auto;
margin-right: 1rem;
}
.drones-included__text {
font-size: 18px;
color: #fff;
}
.trial-hero {
padding: 5rem 1rem 6rem;
min-height: 70vh;
background:
linear-gradient(to bottom, rgb(38,88,151, 0.3) 8%, var(--brand) 100%),
url(//www.mzeroa.com/wp-content/uploads/2025/07/pexels-sharn07jot-5310841-scaled.png) center top/cover no-repeat;
color: #fff;
}
.trial-hero__inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2;
text-shadow: 1px 1px rgba(0,0,0,0.3);
}
.trial-hero__title {
font-size: 2.75rem !important;
font-weight: 600 !important;
color: var(--primary-bg) !important;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 1rem;
}
.trial-hero__subtitle {
font-style: italic;
display: block;
font-size: 2.25rem;
margin-top: 0.25rem;
}
.trial-hero__copy {
font-size: 18px;
line-height: 1.6;
margin: 1.5rem 0;
}
.trial-hero__plane {
position: absolute;
bottom: -10vh;
left: 50%;
transform: translateX(-50%);
width: 80%;
pointer-events: none;
z-index: 3;
}
.trial-reasons {
padding: 0 1rem 6rem;
background: linear-gradient(to bottom, var(--brand) 30%, #fff 100%);
}
.trial-reasons__inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.trial-reasons__title {
font-size: 2rem !important;
font-weight: 700 !important;
color: #fff !important;
margin-bottom: 0.5rem;
}
.trial-reasons__subtitle {
font-size: 1.25rem;
color: #fff !important;
text-transform: uppercase;
margin-bottom: 3rem !important;
}
.trial-reasons__cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
}
.trial-reasons__card {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
padding: 2rem 1.5rem;
text-align: left;
}
.trial-reasons__icon {
display: block;
margin: 0 auto 1rem;
width: 48px;
height: auto;
}
.trial-reasons__heading {
font-size: 1.25rem !important;
font-weight: 600 !important;
color: var(--brand) !important;
margin-bottom: 1rem;
text-align: center;
}
.trial-reasons__text {
font-size: 18px;
line-height: 1.6;
}
.edu-hero {
background: var(--brand);
color: #fff;
padding: 0 1rem 4rem;
text-align: center;
}
.edu-hero__top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 4rem 2rem 6rem;
background: linear-gradient(to right, rgba(76,147,205, 1) 0%, rgba(76,147,205, 0) 70%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
overflow: hidden;
}
.edu-hero__top-left,
.edu-hero__top-right {
position: relative;
z-index: 2;
}
.edu-hero__top-left {
flex: 1 1 45%;
min-width: 280px;
padding-right: 2rem;
}
.edu-hero__top-right {
flex: 1 1 45%;
min-width: 280px;
}
.edu-hero__title {
font-weight: 500 !important;
text-align: left;
color: #fff !important;
line-height: 1.6;
padding-left: 4rem;
}
.edu-hero__copy {
text-align: left;
line-height: 1.6;
color: #fff;
margin-bottom: 1.5rem;
padding-right: 4rem;
}
.edu-hero__plane {
position: absolute;
top: -5rem; right: 0;
width: 75%;
height: auto;
z-index: 10;
}
.edu-hero__trusted {
width: 50%;
} @media only screen and (max-width: 1025px) {
.edu-hero__plane {
width: 65%;
top: 20vh;
}
}
@media only screen and (max-width: 576px) {
.edu-hero {
padding-bottom: 2rem;
}
.edu-hero__title {
padding: 0;
text-align: center;
}
.edu-hero__copy {
font-size: 1rem;
text-align: center;
}
.edu-hero__plane {
width: 75%;
top: 35vh;
}
.edu-hero__trusted {
width: 100%;
padding-top: 4rem;
margin-bottom: 0;
}
}
.edu-slider {
position: relative;
max-width: 800px;
margin: 0 auto 4rem;
}
.edu-slider__viewport {
overflow: hidden;
}
.edu-slider__track {
display: flex;
transition: transform 0.4s ease;
}
.edu-slider__slide {
flex: 0 0 100%;
box-sizing: border-box;
padding: 2rem 1.5rem;
background: var(--primary-bg);
color: var(--headings);
text-align: center;
border-radius: 8px;
}
.edu-slider__slide h3 {
margin-top: 0;
color: var(--brand) !important;
}
.edu-slider__slide p {
font-size: 18px;
margin: 0 auto;
}
.edu-slider__dots {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 1rem;
}
.edu-slider__dot {
width: 0.75rem;
height: 0.75rem;
background: #ccc;
border: none;
border-radius: 50%;
padding: 0;
cursor: pointer;
}
.edu-slider__dot.active {
background: var(--brand);
}
.edu-courses {
position: relative;
width: 100vw;
max-width: none;
margin: 0 calc(50% - 50vw);
padding: 8rem 1rem 6rem;
background:
linear-gradient(to bottom, var(--brand) 6%, rgba(255,255,255, 0.3) 50%),
linear-gradient(to bottom, rgba(255,255,255,0.1) 50%, #fff 100%),     url(//www.mzeroa.com/wp-content/uploads/2025/07/Transparent-Clouds-Pic.png)
center/cover no-repeat;
color: var(--headings);
}
.edu-courses__inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
padding-top: 15rem;
}
.edu-courses__title {
font-weight: 700;
color: var(--headings) !important;
margin-bottom: 0.5rem;
text-shadow: 1px 1px 4px rgba(255,255,255,0.3);
}
.edu-courses__subtitle {
font-size: 1.125rem;
margin-bottom: 4rem !important;
color: var(--headings) !important;
margin: 0 auto;
text-shadow: 1px 1px 4px rgba(255,255,255,0.3);
}
.edu-courses__graphics {
display: grid;
gap: 3rem;
margin-bottom: 3rem;
}
.edu-courses__timeline {
display: flex;
align-items: center;
gap: 1rem;
}
.edu-courses__icon {
flex: 0 0 48px;
width: 48px;
height: 48px;
}
.edu-courses__line {
position: relative;
width: 100%;
height: 3px;
background: rgba(255,255,255,0.6);
}
.edu-courses__line--short {
width: 30% !important;
margin: 0;
}
.edu-courses__marker {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.edu-courses__timeline:first-of-type .edu-courses__marker:nth-of-type(1) { left: 10% !important; }
.edu-courses__timeline:first-of-type .edu-courses__marker:nth-of-type(2) { left: 30% !important; }
.edu-courses__timeline:first-of-type .edu-courses__marker:nth-of-type(3) { left: 50% !important; }
.edu-courses__timeline:first-of-type .edu-courses__marker:nth-of-type(4) { left: 75% !important; }
.edu-courses__timeline:first-of-type .edu-courses__marker:nth-of-type(5) { left: 85% !important; }
.edu-courses__timeline:last-of-type .edu-courses__marker {
left: 50% !important;
}
.edu-courses__dot {
display: block;
width: 10px;
height: 10px;
background: var(--brand);
border-radius: 50%;
margin: 0 auto;
}
.edu-courses__label {
display: block;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background: rgba(255,255,255,0.9);
color: var(--brand);
padding: 0.5rem 0.75rem;
border-radius: 4px;
white-space: nowrap;
margin-bottom: 0.5rem;
font-size: 0.875rem;
}
.edu-courses__footer {
font-size: 1rem;
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
}
.edu-courses__timeline:first-of-type .edu-courses__line {
position: relative;
}
.edu-courses__callout-wrapper {
position: absolute;
top: calc(100% + 10px); 
left: 0;
width: 100%;
height: 0;
}
.edu-courses__callout-label {
position: absolute;
left: 80%;
transform: translateX(-50%);
background: rgba(255,255,255,0.9);
color: var(--brand);
padding: 0.5rem 1rem;
border-radius: 4px;
font-size: 0.875rem;
white-space: nowrap;
z-index: 2;
}
@media only screen and (max-width: 768px) {
.edu-courses, .edu-courses__inner {
padding-top: 1rem !important;
}
} .bio-modal-overlay[hidden] {
display: none !important;
} .bio-modal-overlay:not([hidden]) {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
} .bio-modal-window {
background: #fff;
border-radius: 8px;
max-width: 80%;
max-height: 90vh;
overflow-y: auto;
padding: 2rem;
position: relative;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
} .bio-modal-close {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
font-size: 1.75rem;
line-height: 1;
cursor: pointer;
color: #333;
}
.bio-modal-content {
display: flex;
align-items: flex-start;
gap: 2rem;
}
.bio-modal-text-group {
flex: 1 1 0;
min-width: 0;
}
.bio-modal-image-group {
flex: 0 0 400px;
}
.bio-modal-img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.bio-modal-name,
.bio-modal-title,
.bio-modal-text {
order: 1;
flex: 1 1 auto;
}
.bio-modal-title {
font-style: italic;
}
.bio-modal-name {
color: var(--brand) !important;
}
.bio-modal-img {
order: 2;
flex: 0 0 40%;
max-width: 300px;
width: 100%;
height: auto;
margin: 0;
border-radius: 4px;
}
@media only screen and (max-width: 600px) {
.bio-modal-content {
flex-direction: column;
gap: 1rem;
}
.bio-modal-img {
order: 0;
width: 80%;
margin: 0 auto;
}
.contact‐grid {
display: flex !important;
flex-direction: column !important;
}
} .shop-courses h2,
.shop-books h2,
.shop-guarantee h2 {
margin: 0 auto;
color: var(--brand);
text-align: center;
padding: 2rem 0;
}
.feature-row.header {
position: -webkit-sticky;
position: sticky;
top: 100px;
z-index: 50;               
transition: opacity .2s ease, transform .2s ease;
opacity: 1;
transform: translateY(0);
background: var(--primary-bg)
}
.subscription-hero {
padding-bottom: 35rem;
}
.shop-cta {
height: 55vh;
}
.nm-condensed-title {
font-size: 1.125rem !important;
}
.nm-hero-title {
font-size: 2.25rem !important;
}
.nm-category-title,
.shop-course-card h3,
.shop-book-card h3{
font-size: 1.25rem !important;
}
.shop-gurantee-content {
margin: 0 auto;
display: flex;
justify-content: center;
}
.shop-cta {
display: flex;
justify-content: center;
align-content: center;
}
.shop-cta__inner {
margin: auto;
}
article.type-post .entry-content p {
max-width: revert !important;
}
article.type-post .entry-title {
text-align: center !important;
}
.nm-related-section {
padding-top: 2rem;
}
.nm-condensed-cta {
margin-top: auto;
}
.mza-testimonials-wrapper::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 5rem;
background: #fff;
pointer-events: none;
z-index: 2;
}
.trial-popup .mza-wings-btn::before,
.trial-popup .mza-wings-btn::after {
width: 60%;
margin: 0 -2.5rem;
} .contact‐grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
#wpcf7-f1712-p952-o1 > form > div.contact‐grid > p {
max-width: none !important;
width: 100% !important;
} .contact‐grid .full-width {
grid-column: 1 / -1;
} .contact‐grid label {
display: flex;
flex-direction: column;
font-weight: 500;
color: #fff;
font-size: 0.9rem;
}
.cf7-text,
.cf7-textarea {
padding: 1rem !important;
border: none;
border-radius: 4px;
background: rgba(255,255,255,0.8) !important;
color: #333;
font-size: 1rem;
width: 100%;
box-sizing: border-box;
} .cf7-textarea {
min-height: 8rem;
resize: vertical;
} .contact-submit {
display: flex;
justify-content: flex-end;
}
.bio-modal a[href="#bio"]:hover {
color: var(--primary-bg) !important;
border: 1px solid var(--brand) !important;
background-color: var(--brand) !important;
} @media (max-width: 600px) {
.contact‐grid {
grid-template-columns: 1fr;
}
.contact-submit {
justify-content: center;
}
}
@media only screen and (max-width: 700px) {
.mza-testimonials-wrapper::after {
height: 0rem !important;
}
}
@media only screen and (max-width: 992px) {
.feature-cards__inner {
grid-template-columns: 1fr !important;
}
.team-camo-tiles {
padding-bottom: 0 !important;
min-height: 750px !important;
margin-top: -20rem;
}
.mza-testimonials-wrapper::after {
height: 3rem;
}
.trial-hero__plane {
width: 100%;
bottom: 0;
}
} @media only screen and (min-width: 992px) {
.feature-cards__inner {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}
.team-camo-tiles {
padding-bottom: 10rem !important;
min-height: 1107px !important;
}
}  @media only screen and (min-width: 576px) {
.entry-content h1, h1 { font-size: 2rem !important; }
.entry-content h2, h2 { font-size: 1.75rem !important; }
.entry-content h3, h3 { font-size: 1.5rem !important; }
.entry-content h4, .entry-content h5, .entry-content h6, h4, h5, h6 { font-size: 1.25rem !important; }
.entry-content p { font-size: 1rem !important; max-width: 32ch; }
.desktop-spacer { height: 0 !important; }
} @media only screen and (min-width: 768px) {
.entry-content h1, h1 { font-size: 2.25rem !important; }
.entry-content h2, h2 { font-size: 2rem !important; }
.entry-content h3, h3 { font-size: 1.75rem !important; }
.entry-content h4, .entry-content h5, .entry-content h6, h4, h5, h6 { font-size: 1.25rem !important; }
.entry-content p { font-size: 1rem !important; max-width: 40ch;}
.desktop-spacer { height: 5rem !important; }
} @media only screen and (min-width: 992px) {
.entry-content h1, h1 { font-size: 2.5rem !important; }
.entry-content h2, h2 { font-size: 2.25rem !important; }
.entry-content h3, h3 { font-size: 2rem !important; }
.entry-content h4, .entry-content h5, .entry-content h6, h4, h5, h6 { font-size: 1.25rem !important; }
.entry-content p { font-size: 1.1rem !important; max-width: 55ch; }
.desktop-spacer { height: 10rem !important; }
.trial-popup h3 {
font-size: 1.5rem !important;
padding-bottom: 1rem;
}
} @media only screen and (min-width: 1200px) {
.entry-content h1, h1 { font-size: 2.75rem !important; }
.entry-content h2, h2 { font-size: 2.5rem !important; }
.entry-content h3, h3 { font-size: 2.25rem !important; }
.entry-content h4, .entry-content h5, .entry-content h6, h4, h5, h6 { font-size: 1.25rem !important; }
.entry-content p { font-size: 1.15rem !important; max-width: 65ch; }
.desktop-spacer { height: 10rem !important; }
.small-width {
max-width: 850px !important;
}
} @media only screen and (min-width: 1400px) {
.entry-content h1, h1 { font-size: 3rem !important; }
.entry-content h2, h2 { font-size: 2.5rem !important; }
.entry-content h3, h3 { font-size: 2rem !important; }
.entry-content h4, .entry-content h5, .entry-content h6, h4, h5, h6 { font-size: 1.25rem !important; }
.entry-content p { font-size: 1.2rem !important; max-width: 75ch; }
.desktop-spacer { height: 30rem !important; }
}.cart-item-row {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem 0;
border-bottom: 1px solid #999;
}
.cart-item-title {
font-size: 1rem !important;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
gap: 0.5rem;
}
.cart-item-title .title-text {
font-weight: bold !important;
}
.mode-badge {
border-radius: 50px;
color: rgba(36, 36, 36, 0.72);
background-color: #D6D6D8;
text-transform: uppercase;
font-size: 0.7rem !important;
font-weight: 400 !important;
padding: 0.25rem 0.5rem;
}
.audience-icon {
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.audience-icon.airplane {
background-image: url(//www.mzeroa.com/wp-content/themes/MzeroA/assets/images/planeDark.svg);
}
.audience-icon.drone {
background-image: url(//www.mzeroa.com/wp-content/themes/MzeroA/assets/images/droneDark.svg);
}
.cart-item-price {
text-align: left;
font-size: 1rem !important;
font-weight: bold;
}
.cart-item-price .price-suffix {
margin-left: 4px;
font-weight: normal !important;
font-size: 0.85rem !important;
color: #666;
}
.cart-item-desc {
font-size: 0.9rem !important;
color: #555;
text-align: left;
line-height: 1.4;
}
.price-subtext {
font-weight: normal !important;
font-size: 0.85rem !important;
}@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Italic.eot);
src: local('Cera Pro Italic'), local('CeraPro-Italic'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Italic.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Italic.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Regular.eot);
src: local('Cera Pro Regular'), local('CeraPro-Regular'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Regular.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BlackItalic.eot);
src: local('Cera Pro Black Italic'), local('CeraPro-BlackItalic'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BlackItalic.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BlackItalic.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BlackItalic.ttf) format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Light.eot);
src: local('Cera Pro Light'), local('CeraPro-Light'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Light.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Light.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BoldItalic.eot);
src: local('Cera Pro Bold Italic'), local('CeraPro-BoldItalic'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BoldItalic.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-BoldItalic.ttf) format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Black.eot);
src: local('Cera Pro Black'), local('CeraPro-Black'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Black.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Black.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Medium.eot);
src: local('Cera Pro Medium'), local('CeraPro-Medium'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Medium.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Medium.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Bold.eot);
src: local('Cera Pro Bold'), local('CeraPro-Bold'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Bold.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Thin.eot);
src: local('Cera Pro Thin'), local('CeraPro-Thin'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Thin.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Thin.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-Thin.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-MediumItalic.eot);
src: local('Cera Pro Medium Italic'), local('CeraPro-MediumItalic'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-MediumItalic.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-MediumItalic.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-LightItalic.eot);
src: local('Cera Pro Light Italic'), local('CeraPro-LightItalic'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-LightItalic.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Cera Pro';
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-ThinItalic.eot);
src: local('Cera Pro Thin Italic'), local('CeraPro-ThinItalic'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-ThinItalic.eot?#iefix) format('embedded-opentype'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-ThinItalic.woff) format('woff'),
url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/CeraPro/CeraPro-ThinItalic.ttf) format('truetype');
font-weight: 100;
font-style: italic;
}  @font-face {
font-family: "Graphik";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Graphik/Graphik-Thin_2.otf) format("opentype");
} @font-face {
font-family: "Graphik";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Graphik/Graphik-Light_5.otf) format("opentype");
} @font-face {
font-family: "Graphik";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Graphik/Graphik-Regular.otf) format("opentype");
} @font-face {
font-family: "Graphik";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Graphik/Graphik-Medium.otf) format("opentype");
} @font-face {
font-family: "Graphik";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Graphik/Graphik-Bold.otf) format("opentype");
}   @font-face {
font-family: "Lemon Milk";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-Light.otf) format("opentype");
} @font-face {
font-family: "Lemon Milk";
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-LightItalic.otf) format("opentype");
} @font-face {
font-family: "Lemon Milk";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-Regular.otf) format("opentype");
} @font-face {
font-family: "Lemon Milk";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-RegularItalic.otf) format("opentype");
} @font-face {
font-family: "Lemon Milk";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-Medium.otf) format("opentype");
} @font-face {
font-family: "Lemon Milk";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-MediumItalic.otf) format("opentype");
} @font-face {
font-family: "Lemon Milk";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-Bold.otf) format("opentype");
} @font-face {
font-family: "Lemon Milk";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(//www.mzeroa.com/wp-content/themes/MzeroA/fonts/Lemon Milk/LEMONMILK-BoldItalic.otf) format("opentype");
}.hide {
display: none;
}
mark {
background-color: var(--alt-brand);
padding: 0 2px;
}
mark.current-mark {
background-color: yellow;
}
.nm-filters.faq {
position: -webkit-sticky;
position: sticky;
top: 100px;
z-index: 1000;
background-color: #fff;
padding: 1rem 0;
border-bottom: 1px solid #bbb;
}
.nm-mark-arrow {
background: none;
border: none;
padding: 0;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.2s;
z-index: 2;
&:hover {
color: revert;
background-color: revert;
border-color: revert;
}
&:focus {
color: revert;
background-color: revert;
border-color: revert;
}
&:active {
color: revert;
background-color: revert;
border-color: revert;
}
}
#mark-prev {
padding: 0 1rem;
}
#mark-next {
padding: 0 0 0 1rem;
}
.nm-mark-arrow:disabled {
opacity: 0.3;
cursor: default;
}
.nm-mark-arrow img {
width: 100%;
height: auto;
display: block;
} .mza-wings-btn {
position: relative;
display: inline-block;
padding: 0.75rem 2rem;
border-radius: 999px;
text-decoration: none !important;
font-weight: 500;
transition: all 0.2s ease-in-out;
} .mza-wings-btn--light {
background-color: var(--alt-brand);
color:           var(--headings);
}
.mza-wings-btn--light:hover {
background-color: var(--brand);
color:            var(--primary-bg);
} .mza-wings-btn--dark {
background-color: var(--brand);
color:            var(--primary-bg);
}
.mza-wings-btn--dark:hover {
background-color: var(--alt-brand);
color:            var(--headings);
} .mza-wings-btn::before,
.mza-wings-btn::after {
content: url(//www.mzeroa.com/wp-content/themes/MzeroA/assets/images/LeftMWing.svg); position: absolute;
top: 50%;
width: 33%;
transform: translateY(-52.5%);
}
.mza-wings-btn::before {
left: -31%;
}
.mza-wings-btn::after {
right: -31%;
content: url(//www.mzeroa.com/wp-content/themes/MzeroA/assets/images/RightMWing.svg);
}  .mza-wings-btn--light::before,
.mza-wings-btn--light::after {
filter: 
brightness(0) saturate(100%) 
invert(79%) sepia(4%) saturate(5890%) hue-rotate(168deg) brightness(93%) contrast(94%);
transition: filter 0.2s ease-in-out;
}
.mza-wings-btn--light:hover::before,
.mza-wings-btn--light:hover::after {
filter:
brightness(0) saturate(100%)
invert(20%) sepia(96%) saturate(1349%) hue-rotate(197deg) brightness(98%) contrast(79%);
} .mza-wings-btn--dark::before,
.mza-wings-btn--dark::after {
filter:
brightness(0) saturate(100%)
invert(20%) sepia(96%) saturate(1349%) hue-rotate(197deg) brightness(98%) contrast(79%);
transition: filter 0.2s ease-in-out;
}
.mza-wings-btn--dark:hover::before,
.mza-wings-btn--dark:hover::after {
filter: 
brightness(0) saturate(100%) 
invert(79%) sepia(4%) saturate(5890%) hue-rotate(168deg) brightness(93%) contrast(94%);
}
.mza-icon-wrapper {
position: relative;
display: inline-block;
}
.mza-icon-wrapper img {
display: block;
transition: all 0.2s ease-in-out;
}
.mza-icon-wrapper .icon-hover {
position: absolute;
top: 0; left: 0;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.mza-icon-wrapper.has-hover:hover .icon-base {
opacity: 0;
transition: all 0.2s ease-in-out;
}
.mza-icon-wrapper.has-hover:hover .icon-hover {
opacity: 1;
transition: all 0.2s ease-in-out;
} .mza-icon-link {
text-decoration: none;
display: inline-block;
}
.mza-loading-spinner {
width: 36px;
height: 36px;
border: 4px solid rgba(0, 0, 0, 0.1);
border-top-color: var(--brand);
border-radius: 50%;
animation: mza-spin 0.8s linear infinite;
}
@keyframes mza-spin {
to { transform: rotate(360deg); }
}
.nm-related-title {
text-align: center;
font-style: italic;
font-weight: 400;
margin-bottom: 2rem;
font-size: 2rem;
color: var(--brand);
}
.breadcrumbs {
padding: 0 0 2rem;
}.nm-page-wrap {
width: 100%;
} .nm-hero-card {
display: flex; background: var(--primary-bg); border-radius: 8px;
overflow: hidden; margin-bottom: 3rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease-in-out;
} .nm-hero-card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease-in-out;
}
.nm-hero-card:hover .nm-hero-cta {
background: var(--brand);
color: #fff;
transition: all 0.2s ease-in-out;
} .nm-hero-card a {
color: inherit;
text-decoration: none;
display: flex; width: 100%;
} .nm-hero-thumb {
flex: 0 0 50%; overflow: hidden; position: relative;
}
.nm-hero-thumb img {
width: 100%;
height: 100%;
object-fit: cover; display: block;
} .nm-hero-content {
flex: 1; padding: 2rem; display: flex;
flex-direction: column;
justify-content: space-between;
background: var(--primary-bg);
} .nm-hero-title {
margin: 0 0 1rem;
font-size: 2.25rem;
color: var(--headings);
line-height: 1.2;
} .nm-hero-excerpt {
margin: 0 0 1.5rem;
color: var(--text);
font-size: 1rem;
line-height: 1.5;
} .nm-hero-cta {
align-self: start; display: inline-block;
color: var(--brand);
font-size: 1rem;
border: 1px solid var(--brand);
padding: 0.6rem 1.2rem;
border-radius: 999px; background: transparent;
transition: all 0.2s ease-in-out;
text-align: center;
width: 100%;
} @media (max-width: 768px) {
.nm-hero-card {
flex-direction: column;
}
.nm-hero-thumb {
flex: 0 0 auto;
height: 250px; }
.nm-hero-content {
padding: 1.5rem;
}
} .nm-filters {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
width: 100%;
}
.nm-filter-group {
display: flex;
align-items: center;
gap: 0.75rem;
}
.nm-filter-label {
margin-right: 0.5rem;
color: var(--text);
}
.nm-filter-btn {
background: var(--primary-bg);
border: 1px solid var(--brand);
color: var(--brand);
padding: 0.45rem 1rem;
border-radius: 999px;
font-size: 0.95rem;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.nm-filter-btn.active,
.nm-filter-btn:hover {
background: var(--alt-brand);
border-color: var(--alt-brand);
color: var(--headings);
transition: all 0.2s ease-in-out;
} .nm-search-group {
display: flex;
align-items: center;
width: 30%;
margin-left: auto;
border: 1px solid var(--brand);
border-radius: 999px;
background: var(--primary-bg);
overflow: hidden;
}
#nm-search-input {
flex: 1;
border: none; 
background: transparent; 
padding: 0.45rem 1rem; 
font-size: 0.95rem;
color: var(--text);
outline: none;
}
#nm-search-btn {
background: var(--alt-brand);
color: var(--headings);
border: none;  
padding: 0.45rem 1.2rem;     
font-size: 0.95rem;
cursor: pointer;
margin-right: 10px;  
border-radius: 999px; 
transition: all 0.2s ease-in-out;
}
#nm-search-btn:hover {
background: var(--brand);
color: var(--primary-bg);
transition: all 0.2s ease-in-out;
}
.nm-search-group:focus-within {
box-shadow: 0 0 0 2px rgba( var(--brand-rgb, 0,123,186), 0.2 );
} .nm-category-section {
margin-bottom: 3rem;
}
.nm-category-title {
font-size: 1.25rem;
color: var(--brand);
border-bottom: 2px solid var(--brand);
display: inline-block;
margin-bottom: 1rem;
}
.nm-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
width: 100%;
box-sizing: border-box;
position: relative;
}
.nm-loading-placeholder {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.nm-loading-spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(0, 0, 0, 0.1);
border-top-color: var(--brand);
border-radius: 50%;
animation: nm-spin 1s linear infinite;
}
@keyframes nm-spin {
to { transform: rotate(360deg); }
}
.nm-no-results {
width: 100%;
text-align: center;
font-size: 1rem;
color: #555;
padding: 1rem 0;
} .nm-condensed-card {
background: var(--primary-bg);
border-radius: 6px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease-in-out;
display: flex;
flex-direction: column;
text-align: center;
}
.nm-condensed-card a {
color: inherit;
text-decoration: none;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.nm-condensed-thumb img {
width: 100%;
height: 160px;
object-fit: cover;
}
.nm-condensed-content {
padding: 0.75rem 1rem 1.25rem;
flex-grow: 1;
}
.nm-condensed-title {
font-size: 1.125rem;
margin: 0 0 0.5rem;
line-height: 1.3;
color: var(--headings);
}
.nm-condensed-excerpt {
flex-grow: 1;
margin: 0 0 0.75rem;
color: var(--text);
font-size: 0.95rem;
line-height: 1.4;
}
.nm-condensed-cta {
display: inline-block;
color: var(--brand);
font-size: 0.95rem;
border: 1px solid var(--brand);
padding: 0.4rem 0.9rem;
border-radius: 999px;
text-align: center;
width: 100%;
transition: all 0.2s ease-in-out;
}
.nm-condensed-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
transition: all 0.2s ease-in-out;
}
.nm-condensed-card:hover .nm-condensed-cta {
background: var(--brand);
color: #fff;
transition: all 0.2s ease-in-out;
}
.nm-grid-wrapper {
position: relative;
width: 100%;
transition: opacity 0.3s ease;
}
.nm-grid-wrapper.nm-fade {
opacity: 0.4;
pointer-events: none;
}
.nm-page-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
padding: 0;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.2s;
z-index: 2;
&:hover {
color: revert;
background-color: revert;
border-color: revert;
}
&:focus {
color: revert;
background-color: revert;
border-color: revert;
}
&:active {
color: revert;
background-color: revert;
border-color: revert;
}
}
.nm-page-arrow:disabled {
opacity: 0.3;
cursor: default;
}
.nm-page-arrow img {
width: 100%;
height: auto;
display: block;
}
.nm-air-prev,
.nm-dron-prev,
.nm-related-prev,
.nm-newsletter-prev,
.nm-press-release-prev {
left: -50px;
}
.nm-air-next,
.nm-dron-next,
.nm-related-next,
.nm-newsletter-next,
.nm-press-release-next {
right: -50px;
}.mobile-only {
display: none;
}
.shop-wrapper {
width: 100%;
}
.shop-subscriptions {
padding-bottom: 4rem;
background: var(--primary-bg);
width: 100%;
}
.subscription-comparison {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.card-wrapper {
display: flex;
align-items: flex-end;
justify-content: center;
height: 400px;
width: 100%;
position: relative;
z-index: 1;
}
.card-wrapper::after {
content: "";
position: absolute;
bottom: 0;
width: 300px;
height: 20px;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 0%, transparent 80%);
filter: blur(6px);
transform: translateY(50%);
opacity: 0.7;
z-index: 0;
transition: all 0.2s ease-in-out;
} #membership-comparison-sections {
display: none;
padding-top: 3rem;
}
#membership-comparison-sections.active {
display: block;
}
.price-value[data-mode="annual"] .cents-part {
font-size: 0.55em;
vertical-align: super;
position: relative;
top: 0;
}
.is-hidden { display: none; }
h2.comparison-header {
color: var(--brand);
text-align: center;
padding: 2rem 0;
}
.mza-membership-toggle {
padding: 3rem 0 2rem;
position: relative;
z-index: 1;
overflow: visible;
}
.compare-toggle-btn {
border-radius: 50px;
transition: all 0.3s ease-in-out;
border: 1px solid var(--alt-brand);
background: white;
color: var(--alt-brand);
}
.compare-toggle-btn[aria-expanded="true"] {
background-color: var(--alt-brand);
color: white;
border: 1px solid transparent;
position: relative;
z-index: 9;
}
.shop-wrapper .mza-membership-toggle {
margin-top: -12rem;
}
.mza-membership-toggle__switch {
display: flex;
border: 2px solid #4C93CD;
background-color: white;
border-radius: 999px;
overflow: hidden;
margin-bottom: 2rem;
margin-left: auto;
justify-content: center;
width: 20%;
padding: 0.5rem;
gap: 0.5rem;
}
.toggle-sale-badge {
position: absolute;
top: 13%;
right: 2.5%;
background: #D43B3B;
color: #fff;
font-weight: 400;
font-size: .75rem;
line-height: 1;
padding: .35rem .55rem;
border-radius: 999px;
border: 1px solid white;
box-shadow: 0 4px 12px rgba(0,0,0,.18);
pointer-events: none;
z-index: 5;
}
.toggle-btn {
padding: 0.5rem 1.25rem;
background: transparent;
color: #4C93CD;
border: none;
border-radius: 50px;
cursor: pointer;
font-size: 1.15rem !important;
font-weight: 400 !important;
transition: all 0.2s ease-in-out;
}
.toggle-btn.active {
background: #4C93CD;
color: #fff;
} .mza-toggle-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1rem;
max-width: 1200px;
margin: 0 auto;
text-align: left;
align-items: stretch;
} .mza-product-card {
background: #fff;
border-radius: 12px;
padding: 1.5rem 1rem;
box-shadow: 1px 4px 12px rgba(0,0,0,0.15);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
overflow: visible;
transition: box-shadow 0.2s ease;
}
.mza-product__flag {
position: absolute;
top: -1rem;
left: 2rem;
background: #EFCA60;
color: rgba(135, 74, 33, 1);
font-weight: 600 !important;
font-size: .8rem !important;
padding: .4rem .7rem;
border-radius: 999px;
box-shadow: 0 6px 16px rgba(0,0,0,.18);
z-index: 6;
}
.mza-product-card.tier-gold {
box-shadow: 0 0 18px 2px rgba(239, 202, 96, 0.40);
border: 1px solid rgba(239, 202, 96, 0.5);
}
.mza-product-card.tier-gold::before,
.mza-product-card.tier-bronze::before,
.mza-product-card.tier-perks::before,
.mza-product-card.tier-courses::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 21%;
border-radius: 8px 8px 0 0;
z-index: 0;
}
.mza-product-card.tier-gold::before {
background: linear-gradient(180deg, rgba(253, 243, 152, 0.80) 23.56%, rgba(234, 177, 61, 0.80) 100%);
background-color: #E5CB61;
}
.mza-product-card.tier-bronze::before {
background: linear-gradient(180deg, rgba(252, 223, 164, 0.80) 18.27%, rgba(223, 154, 83, 0.80) 82.21%);
background-color: #E9B96E;
}
.mza-product-card.tier-perks::before {
background: linear-gradient(180deg, rgba(111, 193, 230, 0.80) 23.56%, rgba(76, 147, 205, 0.80) 66.35%, rgba(38, 88, 151, 0.80) 99.04%);
background-color: #6FC1E6;
}
.mza-product-card.tier-courses::before {
background: linear-gradient(180deg, rgba(76, 147, 205, 0.80) 23.56%, rgba(38, 88, 151, 0.80) 100%);
background-color: #265897;
} .mza-product__image img:not(.mza-product-card.tier-courses img) { display:block; max-height: 110px; width:auto; } .mza-product__image:not(.mza-product-card.tier-courses .mza-product__image) {
z-index: 1; 
margin: 0 auto .75rem;
max-width: 150px;
margin-bottom: 1rem;
}
.mza-product-card.tier-courses .mza-product__image {
z-index: 1;
}
.mza-product__image img:not(.mza-product-card.tier-courses img) {
max-width: 150px;
height: auto;
object-fit: cover;
object-position: center;
} .mza-product__badge {
font-size: 0.7rem !important;
font-weight: 400 !important;
color: rgba(36, 36, 36, 0.72);
background: #D6D6D8;
padding: 0.25rem 0.5rem;
border-radius: 999px;
text-transform: uppercase;
margin-bottom: 1rem;
}
.mza-card-body {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
min-height: 200px;
width: 100%;
height: 100%;
} .mza-product-card h3 {
font-size: 1.5rem !important;
font-weight: 500;
margin-bottom: 0.5rem;
text-transform: uppercase;
text-align: center;
}
p.mza-product__desc {
font-size: 1rem !important;
color: #8A8B8E;
text-align: center;
max-width: 65% !important;
} p.mza-price,
p.mza-course-price {
font-size: 1.4rem !important;
font-weight: 700 !important;
color: var(--brand);
margin-bottom: 1rem !important;
margin-top: auto !important;
text-align: center;
}
.mza-price .price-period {
font-size: 1rem !important;
font-weight: 400 !important;
color: #8A8B8E;
margin-left: 0.25rem;
} .mza-add-to-cart {
background: var(--brand);
color: #fff;
padding: 0.75rem 1.5rem;
font-size: 1rem;
font-weight: 500 !important;
border: none;
border-radius: 50px;
cursor: pointer;
transition: background 0.2s ease;
text-align: center;
margin-top: auto;
width: 90%;
&:hover {
color: black;
background-color: var(--alt-brand);
}
} .mza-product__footer {
font-size: 0.8rem;
color: #8A8B8E;
margin-top: 0.75rem;
text-align: center;
}
.mza-product-card.tier-courses .mza-product__footer {
color: white;
} .description-row {
margin-top: -1rem;
margin-bottom: 1.5rem;
}
.tier-caption-row {
margin: 2rem 0;
display: flex;
justify-content: center;
}
.tier-caption-row .feature-col {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.caption-text-col {
flex: 3;
}
.caption-text {
font-size: 0.95rem;
color: #777;
text-align: center;
line-height: 1.4;
max-width: 100%;
padding: 0 1rem;
} .title-row .feature-col {
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.5px;
color: #333;
text-transform: uppercase;
}
.tier-card-image {
transition: all 0.2s ease-in-out;
height: 400px;
width: auto;
}
.tier-card-image:hover {
transform: scale(1.05);
transition: all 0.2s ease-in-out;
z-index: 3;
}
.card-wrapper:hover::after {
height: 35px;
transition: all 0.2s ease-in-out;
}
.shop-subscriptions.hovering-tier .feature-col {
opacity: 0.4;
transition: all 0.2s ease-in-out;
}
.shop-subscriptions.hovering-tier .feature-col.hover-active {
opacity: 1;
z-index: 2;
}
.tier-card-image {
transition: transform 0.25s ease;
cursor: pointer;
}
.tier-card-image:hover,
.subscription-add-btn:hover img {
transform: scale(1.05);
z-index: 3;
}
.card-row {
align-items: flex-end;
justify-content: center;
}
.card-row .feature-col {
display: flex;
align-items: flex-end;
justify-content: center;
}
.card-row .feature-col.tier-gold {
order: 1;
}
.card-row .feature-col.tier-perks {
order: 3;
}
.card-row .feature-col.tier-bronze {
order: 2;
} .feature-col.no-feature {
color: #aaa;
font-size: 1.5rem;
font-weight: normal;
}
.feature-col.no-feature::before {
content: "—";
display: inline-block;
} .comparison-row {
display: flex;
width: 100%;
justify-content: center;
gap: 2rem;
margin-bottom: 2rem;
}
.card-row,
.button-row {
align-items: flex-end;
}
.features-row {
flex-direction: column;
gap: 0.75rem;
} .feature-col {
flex: 1;
text-align: center;
}
.feature-col.spacer {
flex: 1.2;
text-align: right;
padding-right: 1rem;
}
.tier-card-image {
border-radius: 8px;
vertical-align: bottom;
} .feature-comparison-table {
display: flex;
flex-direction: column;
width: 100%;
gap: 0.5rem;
}
.feature-row {
display: flex;
justify-content: center;
gap: 2rem;
padding: 0.5rem 0;
position: relative;
min-height: 56px;
}
.feature-row .feature-label {
position: absolute;
font-family: 'Cera Pro';
text-transform: uppercase;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 160px;
text-align: left;
font-weight: 400;
font-size: 0.95rem;
color: var(--headings);
line-height: 1.4;
white-space: normal;
}
.feature-row.header {
border-bottom: 1px solid #e0e0e0;
}
.feature-row .feature-col {
flex: 1;
text-align: center;
font-size: 1rem;
color: var(--headings);
} .feature-col.has-feature .checkmark {
display: inline-block;
width: 30px;
height: 30px;
background: url(//www.mzeroa.com/wp-content/themes/MzeroA/assets/images/checkmark.svg) no-repeat center center;
background-size: contain;
filter: invert(67%) sepia(68%) saturate(319%) hue-rotate(99deg) brightness(87%) contrast(85%);
} .feature-col.no-feature {
color: #aaa;
font-size: 1.2rem;
line-height: 1;
} .subscription-add-btn {
display: inline-block;
text-decoration: none;
transition: transform 0.2s ease;
}
.subscription-add-btn img {
width: 200px;
height: auto;
}
.subscription-add-btn:hover img {
transform: scale(1.05);
}
[class*=" color-"] {
font-weight: 500;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.color-gold {
color: #a57019 !important;
}
.color-perks {
color: #5790c7 !important;
}
.color-bronze {
color: #CD7F32 !important;
}
.add-to-cart-caption {
font-size: 0.85rem;
text-align: center;
margin-top: 0.25rem;
opacity: 0.85;
font-weight: 400;
}
.subscription-hero {
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
background: 
linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 40%, var(--primary-bg) 100%),
url(//www.mzeroa.com/wp-content/themes/MzeroA/assets/images/blackYellowHex.png) no-repeat center top;
background-size: cover;
height: 80vh;
position: relative;
z-index: 1;
text-align: center;
display: flex;
flex-direction: column;
gap: 2rem;
justify-content: center;
align-items: center;
}
.subscription-heading {
font-size: 2rem;
color: var(--primary-bg);
letter-spacing: 0.1em;
text-transform: uppercase;
}
p.subscription-hero-text {
color: white;
font-size: 1.4rem !important;
padding: 0 1em;
text-align: left;
}
.overlap-row {
position: relative;
z-index: 2;
} .shop-grid {
display: grid;
justify-content: center;
gap: 1.5rem;
padding: 0 1rem;
margin: 0 auto 4rem;
}
.shop-courses {
padding: 2rem 0;
}
#shop-courses-grid {
grid-template-columns: repeat(2, 1fr);
} #shop-books-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem; padding: 0 1rem; margin: 0 auto 4rem;
} #shop-books-grid .shop-book-card {
flex: 0 0 370px;
} .nm-shop-placeholder {
position: fixed;
top:      0;
left:     0;
width:    100vw;
height:   100vh;
background: rgba(255,255,255,0.8);
display:  flex;
align-items:    center;
justify-content: center;
z-index:  9999; } .nm-shop-spinner {
width:  40px;
height: 40px;
border: 4px solid rgba(0,0,0,0.1);
border-top-color: var(--brand);
border-radius:    50%;
animation:        nm-spin 1s linear infinite;
} @keyframes nm-spin {
to { transform: rotate(360deg); }
}
.purchase-options-dropdown {
position: relative;
width: 100%;
}
button.purchase-options {
width: 90%;
}
.shop-book-card,
.shop-course-card,
.purchase-options-dropdown {
overflow: visible !important;
}
.shop-wrapper {
overflow: visible !important;
}
.purchase-options-dropdown .purchase-options-menu {
display:      none;
position:     absolute;
top:          100%;
left:         0;
width:        100%;
margin:   0;
padding:      0;
list-style:   none;
background:   #fff;
border:       1px solid #ccc;
box-shadow:   0 4px 8px rgba(0,0,0,0.1);
z-index:      1000;
}
.purchase-options-dropdown .purchase-options-menu.open {
display: block;
}
.purchase-options-dropdown .purchase-options-menu li + li {
margin-top: .25em;
}
.purchase-options-dropdown .purchase-options-menu a {
display:         block;
padding:         .5em 1em;
color:           #333;
text-decoration: none;
}
.purchase-options-dropdown .purchase-options-menu a:hover {
background: #f5f5f5;
}  .shop-course-card::before,
.shop-book-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
border-radius: 8px 8px 0 0;
background: linear-gradient(
to bottom,
var(--alt-brand) 0%,
var(--brand)     100%
);
z-index: 0;
}
.tier-gold .tier-card-image {
border-radius: 20px;
border: 3px solid #EFCA60;
box-shadow: 0 0 18px 2px rgba(239, 202, 96, 0.9);
}
.tier-gold .card-wrapper:has(.subscription-hover-trigger:hover)::before {
transform: scale(1.1);
transition: all 0.3s ease-in-out;
}
.tier-gold .card-wrapper::before {
content: 'Best Value';
position: absolute;
top: -1rem;
left: 1rem;
background: #EFCA60;
color: rgba(135, 74, 33, 1);
font-weight: 600 !important;
font-size: .8rem !important;
padding: .4rem .7rem;
border-radius: 999px;
box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
z-index: 6;
} .shop-course-card img,
.shop-book-card img {
position: relative;
z-index: 1;
max-width: 55%;
margin: 1rem auto;
}
.shop-course-card img {
max-width: 70%;
} .shop-course-card > *,
.shop-book-card > * {
position: relative;
z-index: 2;
}
.shop-course-card,
.shop-book-card {
position: relative; overflow: hidden;
background: var(--primary-bg);
border-radius: 8px;
box-shadow: 1px 4px 12px rgba(0,0,0,0.15);
overflow: hidden;
display: flex;
flex-direction: column;
}
.shop-course-card .course-icon {
position: absolute;
top: 0;
left: 1rem;
width: 25px;
height: 25px;
} .shop-course-card h3,
.shop-book-card h3 {
margin: 1rem;
font-size: 1.4rem !important;
font-weight: 500;
text-align: center;
color: var(--headings);
}
.shop-course-card .price,
.shop-book-card .price {
margin: 0 1rem 0.5rem;
font-size: 1.1rem !important;
font-weight: 500 !important;
text-align: center;
color: #8A8B8E;
}
.shop-course-card .note {
margin: 0 1rem 1rem;
font-size: 1.1rem;
text-align: center;
color: #8A8B8E;
} .shop-course-card .btn.add-to-cart,
.shop-book-card .btn.purchase-options {
margin: 0 1rem 1.5rem;
padding: 0.75rem;
border-radius: 25px;
border: 1px solid var(--brand);
background: transparent;
color: var(--brand);
font-size: 1rem;
font-weight: 400;
cursor: pointer;
margin-top: auto;
transition: background 0.2s, color 0.2s;
}
.shop-course-card .btn.add-to-cart:hover,
.shop-book-card .btn.purchase-options:hover {
background: var(--brand);
color: var(--primary-bg);
} .shop-cta {
position: relative;
background: url(//www.mzeroa.com/wp-content/themes/MzeroA/assets/images/mzaPlaneClouds.png) center/cover no-repeat;
height: 50vh;
}
.shop-cta::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(76, 147, 205, 0.6);
pointer-events: none;
}
.shop-cta__inner {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
padding: 4rem 1rem;
text-align: center;
}
.shop-cta__title {
font-size: 2rem !important;
line-height: 1.3;
margin-bottom: 1.5rem;
color: var(--primary-bg) !important;
text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.cta-subtitle {
font-size: 1rem !important;
}
.shop-cta-btn {
margin-top: 2rem;
} @media (max-width: 768px) {
.desktop-only { display: none !important; }
.mobile-only { display: block !important;   width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
.subscription-hero { align-items: center; } .shop-subscriptions.mobile-only {
position: relative;
overflow: hidden; margin-top: -18rem;
}
.feature-list {
margin: revert;
}
.feature-row .feature-label {
margin-left: 1rem;
}
.mobile-slider {
position: relative;
width: 100%;
height: 400px; overflow: hidden; } .mobile-slider .feature-col {
position: absolute;
top: 0;
transition: 
left 0.4s ease-in-out,
transform 0.4s ease-in-out,
opacity 0.4s ease-in-out;
opacity: 0.5;
} .mobile-slider .feature-col.prev {
left: 25%;
transform: translateX(-50%) scale(0.8);
z-index: 1;
} .mobile-slider .feature-col.active {
left: 50%;
transform: translateX(-50%) scale(1);
opacity: 1;
z-index: 2;
} .mobile-slider .feature-col.next {
left: 46%;
transform: translateX(25%) scale(0.8);
z-index: 1;
} .mobile-only .tier-card-image {
height: 250px !important;
width: auto !important;
}
.mobile-slider-cta {
text-align: center;
padding: 1rem;
background: var(--primary-bg);
}
.mobile-tier-name {
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 0.5rem;
text-transform: uppercase;
color: #333;
border-bottom: 1px solid #e0e0e0;
}
.mobile-add-btn {
display: inline-block;
padding: 0.75rem 2rem;
border: 2px solid var(--brand);
background: transparent;
color: var(--brand);
font-size: 1rem;
border-radius: 4px;
transition: background 0.2s, color 0.2s;
cursor: pointer;
}
.mobile-add-btn:hover {
background: var(--brand);
color: var(--primary-bg);
} .shop-course-card img,
.shop-book-card img {
max-width: 60%;
margin: 2rem auto 1rem auto;
}
.shop-grid,
#shop-courses-grid {
grid-template-columns: repeat(1, 1fr);
}
}
a[href="#cart"] {
position: relative;
}
a .cart-icon-badge {
position: absolute;
top: 0;
right: 0;
min-width: 20px;
height: 20px;
background: red;
color: #fff;
font-size: 14px;
line-height: 16px;
text-align: center;
border-radius: 50%;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
box-sizing: border-box;
}
@media only screen and (min-width: 1600px) {
.shop-wrapper .mza-membership-toggle {
margin-top: -50rem;
}
.subsciption-hero {
padding-bottom: 70rem;
}
}
@media only screen and (min-width: 1024px) {
.shop-wrapper .mza-membership-toggle {
margin-top: -37rem;
}
.tier-gold .card-wrapper::before {
left: 6rem;
}
}
@media only screen and (max-width: 1024px) {
.mza-membership-toggle__switch {
width: 25%;
}
.toggle-sale-badge {
top: 7.5%;
right: 3.25%;
}
}
@media only screen and (max-width: 768px) {
.mza-membership-toggle__switch {
width: 30%;
}
.toggle-sale-badge {
top: 7%;
right: 3.5%;
}
.subscription-hero {
padding-bottom: 14rem !important;
}
.shop-wrapper .mza-membership-toggle {
margin-top: -23rem;
}
.manned-feature-card {
flex-direction: column;
}
}
@media only screen and (max-width: 426px) {
.mza-membership-toggle__switch {
width: 60%;
}
.toggle-sale-badge {
top: 5%;
right: 8.5%;
}
.tier-gold .card-wrapper::before {
display: none;
}
.subscription-hero {
padding-bottom: 6rem;
}
.shop-wrapper .mza-membership-toggle {
margin-top: -28rem;
}
.shop-course-card .course-icon {
top: -1.5rem;
}
}.mza-testimonials-wrapper {
position: relative; display: inline-block; } .mza-testimonials-list {
position: absolute;
top: 17.5%;
left: 8%;
right: 8%;
bottom: 20%;
overflow-y: auto;
padding: 1rem;
background: rgba(255,255,255,0.9);
box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
margin: 0 auto;
width: 68%;
height: 63.5%;
display: flex;
flex-direction: column;
align-items: center;
} .mza-testimonial {
display: flex;
width: 95%;
align-items: flex-start;
gap: 2rem;
background: var(--primary-bg);
border-radius: 6px;
padding: 1rem;
margin-bottom: 1rem;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} .mza-testimonial__thumb {
flex: 0 0 auto;
text-align: center;
margin-right: 1rem;
}
.mza-testimonial__thumb .mza-testimonial__photo {
border-radius: 50%;
width: 125px;
object-fit: cover;
display: block;
margin: 0 auto;
}
.mza-testimonial__thumb .mza-testimonial__name {
margin-top: 0.5rem;
font-weight: 600;
font-size: 1rem;
color: var(--brand);
} .mza-testimonial__quote {
flex: 1 1 auto;
font-size: 1rem;
font-style: italic;
color: var(--headings);
line-height: 1.4;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center; 
} .mza-testimonial__type-icon {
flex: 0 0 auto;
margin-left: 1rem;
align-self: center;
}
.mza-testimonial__type-icon .mza-icon {
width: 24px;
height: auto;
display: block;
}