/*
Theme Name: CMDTek Brand
Template: cyber
Version: 1.0.9
Description: CMDTek brand and homepage presentation layer.
*/

:root {
  --cmdtek-green: #00a94f;
  --cmdtek-green-dark: #007a39;
  --cmdtek-charcoal: #4b4b4b;
  --cmdtek-ink: #1f2933;
  --cmdtek-muted: #5b6670;
  --cmdtek-surface: #f4f7f5;
  --cmdtek-border: #dce5df;
}

body.home {
  color: var(--cmdtek-ink);
  background: #fff;
}

/* Keep the homepage navigation transparent over the green hero. */
body.home .cyber_menu > ul > li > a {
  color: #fff !important;
  font-weight: 700;
}
body.home .cyber_menu > ul > li > a:hover {
  color: #c9f5da !important;
}
/* Dropdowns use a white surface, so they need dark text even on the home hero. */
body.home .cyber_menu ul .sub-menu {
  background: #fff !important;
}
body.home .cyber_menu ul .sub-menu li a {
  color: var(--cmdtek-charcoal) !important;
}
body.home .cyber_menu ul .sub-menu li:hover > a {
  color: var(--cmdtek-green-dark) !important;
}
body.home .em-header-quearys-top.msin-menu-search,
body.home .em-quearys-menu i,
body.home .top-quearys-style,
#scrollUp { background: var(--cmdtek-green) !important; }
#scrollUp:hover,
body.home .top-quearys-style:hover { background: var(--cmdtek-green-dark) !important; }

.cmdtek-home {
  font-family: Muli, Arial, sans-serif;
  overflow: hidden;
}
.cmdtek-home * { box-sizing: border-box; }
.cmdtek-home h1,
.cmdtek-home h2,
.cmdtek-home h3,
.cmdtek-home p { margin-top: 0; }
.cmdtek-home h1,
.cmdtek-home h2,
.cmdtek-home h3 { color: var(--cmdtek-ink); font-weight: 800; line-height: 1.15; }
.cmdtek-home p { color: var(--cmdtek-muted); line-height: 1.7; }

.cmdtek-hero {
  background: linear-gradient(125deg, #173528 0%, #075c32 54%, #00a94f 100%);
  color: #fff;
  padding: 112px 22px 104px;
  position: relative;
}
.cmdtek-hero:before,
.cmdtek-hero:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
  pointer-events: none;
}
.cmdtek-hero:before { width: 570px; height: 570px; right: -200px; top: -250px; }
.cmdtek-hero:after { width: 360px; height: 360px; left: -170px; bottom: -240px; }
.cmdtek-wrap { width: min(1140px, 100%); margin: 0 auto; position: relative; z-index: 1; }
.cmdtek-eyebrow { color: #c9f5da !important; font-size: .83rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 18px !important; }
.cmdtek-hero h1 { color: #fff; font-size: clamp(2.4rem, 5vw, 4.65rem); max-width: 820px; margin-bottom: 22px; }
.cmdtek-hero .cmdtek-lede { color: #edfdf3; font-size: clamp(1.05rem, 2vw, 1.32rem); max-width: 680px; }
.cmdtek-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.cmdtek-button { display: inline-block; border-radius: 5px; font-weight: 800; padding: 15px 23px; text-decoration: none !important; transition: .2s ease; }
.cmdtek-button-primary { background: #fff; color: var(--cmdtek-green-dark) !important; }
.cmdtek-button-primary:hover { background: #e4f8eb; transform: translateY(-2px); }
.cmdtek-button-secondary { border: 1px solid rgba(255,255,255,.75); color: #fff !important; }
.cmdtek-button-secondary:hover { background: rgba(255,255,255,.14); color: #fff !important; }

.cmdtek-section { padding: 88px 22px; }
.cmdtek-section-alt { background: var(--cmdtek-surface); }
.cmdtek-section-heading { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.cmdtek-section-heading h2 { font-size: clamp(1.95rem, 3.5vw, 3rem); margin-bottom: 15px; }
.cmdtek-section-heading p { font-size: 1.08rem; }
.cmdtek-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.cmdtek-card { background: #fff; border: 1px solid var(--cmdtek-border); border-radius: 10px; padding: 30px 27px; box-shadow: 0 8px 25px rgba(31,41,51,.05); }
.cmdtek-card-mark { align-items: center; background: #e6f7ed; border-radius: 50%; color: var(--cmdtek-green-dark); display: flex; font-size: 1.2rem; font-weight: 900; height: 42px; justify-content: center; margin-bottom: 18px; width: 42px; }
.cmdtek-card h3 { font-size: 1.25rem; margin-bottom: 11px; }
.cmdtek-service-page .cmdtek-card h3 a { color: var(--cmdtek-ink); text-decoration: none; }
.cmdtek-service-page .cmdtek-card h3 a:hover { color: var(--cmdtek-green-dark); }
.cmdtek-card p { margin-bottom: 0; }
.cmdtek-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; counter-reset: steps; }
.cmdtek-step { padding-left: 64px; position: relative; }
.cmdtek-step:before { align-items: center; background: var(--cmdtek-green); border-radius: 50%; color: #fff; content: counter(steps); counter-increment: steps; display: flex; font-weight: 800; height: 39px; justify-content: center; left: 0; position: absolute; top: 0; width: 39px; }
.cmdtek-step h3 { font-size: 1.16rem; margin-bottom: 9px; }
.cmdtek-step p { margin-bottom: 0; }
.cmdtek-callout { background: var(--cmdtek-charcoal); border-radius: 12px; color: #fff; display: flex; gap: 32px; align-items: center; justify-content: space-between; padding: 50px; }
.cmdtek-callout h2 { color: #fff; font-size: clamp(1.8rem, 3.4vw, 2.65rem); margin-bottom: 12px; }
.cmdtek-callout p { color: #edf3ef; margin-bottom: 0; max-width: 680px; }
.cmdtek-callout .cmdtek-button { flex: 0 0 auto; background: var(--cmdtek-green); color: #fff !important; }
.cmdtek-callout .cmdtek-button:hover { background: #06bf5b; }

body.home .footer-middle,
body.home .footer-bottom { background: #27312b !important; }
body.home .footer-middle,
body.home .footer-middle p,
body.home .footer-middle a,
body.home .footer-bottom,
body.home .footer-bottom p,
body.home .footer-bottom a { color: #e9f2ec !important; }
body.home .footer-bottom a:hover { color: #8de7b1 !important; }

/* Use the full green/charcoal logo whenever the legacy theme places it on white. */
body:not(.home) .main_sticky_main_l.standard-logo img {
  content: url('/wp-content/uploads/2020/08/CMDTek-logo-v2.0a.png');
}

.cmdtek-service-page { color: var(--cmdtek-ink); font-family: Muli, Arial, sans-serif; }
.cmdtek-service-page * { box-sizing: border-box; }
.cmdtek-service-page h1, .cmdtek-service-page h2, .cmdtek-service-page h3 { color: var(--cmdtek-ink); font-weight: 800; line-height: 1.16; }
.cmdtek-service-page p, .cmdtek-service-page li { color: var(--cmdtek-muted); line-height: 1.7; }
.cmdtek-page-hero { background: linear-gradient(125deg, #173528, #007a39); color: #fff; padding: 84px 22px; }
.cmdtek-page-hero h1 { color: #fff; font-size: clamp(2.25rem, 4.7vw, 4.1rem); margin: 0 0 18px; max-width: 850px; }
.cmdtek-page-hero p { color: #e2f6e9; font-size: 1.15rem; margin: 0; max-width: 730px; }
.cmdtek-service-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 55px; padding: 76px 22px; }
.cmdtek-service-layout h2 { font-size: clamp(1.75rem, 3vw, 2.6rem); margin-bottom: 18px; }
.cmdtek-service-layout h3 { font-size: 1.18rem; margin-bottom: 8px; }
.cmdtek-service-layout ul { margin: 0; padding-left: 21px; }
.cmdtek-service-layout li { margin-bottom: 8px; }
.cmdtek-service-aside { background: var(--cmdtek-surface); border-left: 4px solid var(--cmdtek-green); border-radius: 5px; height: fit-content; padding: 28px; }
.cmdtek-service-aside h3 { margin-bottom: 12px; }
.cmdtek-service-aside a { color: var(--cmdtek-green-dark); font-weight: 800; }
.cmdtek-contact-grid { display: grid; gap: 64px; grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr); }
.cmdtek-contact-note { border-left: 4px solid var(--cmdtek-green); margin-top: 32px; padding: 8px 0 8px 22px; }
.cmdtek-contact-note h3 { font-size: 1.3rem; margin-bottom: 7px; }
.cmdtek-contact-form { background: #fff; border: 1px solid var(--cmdtek-border); border-radius: 10px; padding: 34px; box-shadow: 0 8px 25px rgba(31,41,51,.05); }
.cmdtek-contact-form h2 { font-size: 1.7rem; margin-bottom: 20px; }
.cmdtek-contact-form input:not([type="submit"]), .cmdtek-contact-form textarea, .cmdtek-contact-form select { border: 1px solid var(--cmdtek-border); border-radius: 4px; box-sizing: border-box; color: var(--cmdtek-ink); max-width: 100%; padding: 12px; width: 100%; }
.cmdtek-contact-form input[type="submit"] { background: var(--cmdtek-green); border: 0; border-radius: 4px; color: #fff; cursor: pointer; font-weight: 800; padding: 13px 22px; }
.cmdtek-contact-form input[type="submit"]:hover { background: var(--cmdtek-green-dark); }
.cmdtek-account-panel { background: #fff; border: 1px solid var(--cmdtek-border); border-radius: 10px; box-shadow: 0 8px 25px rgba(31,41,51,.05); margin: 0 auto; max-width: 700px; padding: 36px; }
.cmdtek-account-panel input:not([type="submit"]), .cmdtek-account-panel textarea, .cmdtek-account-panel select { border: 1px solid var(--cmdtek-border); border-radius: 4px; box-sizing: border-box; max-width: 100%; padding: 12px; width: 100%; }
.cmdtek-account-panel input[type="submit"], .cmdtek-account-panel button { background: var(--cmdtek-green); border: 0; border-radius: 4px; color: #fff; cursor: pointer; font-weight: 800; padding: 13px 22px; }
.cmdtek-link-card { display: block; text-decoration: none !important; }
.cmdtek-link-card h3 { color: var(--cmdtek-ink); }
.cmdtek-link-card:hover { border-color: var(--cmdtek-green); transform: translateY(-2px); }
.cmdtek-link-card:hover h3 { color: var(--cmdtek-green-dark); }
@media (max-width: 800px) { .cmdtek-service-layout, .cmdtek-contact-grid { grid-template-columns: 1fr; gap: 28px; padding: 58px 20px; } .cmdtek-page-hero { padding: 68px 20px; } }

@media (max-width: 900px) {
  .cmdtek-grid, .cmdtek-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cmdtek-callout { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
  .cmdtek-hero { padding: 76px 20px; }
  .cmdtek-section { padding: 65px 20px; }
  .cmdtek-grid, .cmdtek-process { grid-template-columns: 1fr; }
  .cmdtek-card { padding: 25px 22px; }
  .cmdtek-callout { padding: 34px 25px; }
}