/* Package services. Every rule is scoped to the services pages by body class (4896, 4921, 4927, 4922, 4925, 4524). */

/* Services (4896): five equal-height columns on desktop, one service box with its button at the bottom of each column. */
@media (min-width: 768px) {
  .page-id-4896 .wpb_row:has(> .vmc-svc-col) { display: flex; align-items: stretch; }
  .page-id-4896 .vmc-svc-col { width: 20% !important; float: none !important; }
}
@media (max-width: 767px) {
  .page-id-4896 .vmc-svc-col { width: 100% !important; }
}
.page-id-4896 .vmc-svc-col > .vc_column-inner { height: 100%; }
.page-id-4896 .vmc-svc-col > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; height: 100%; }
.page-id-4896 .vmc-svc-col .gt-service-boxes { flex: 1 1 auto; display: flex; flex-direction: column; }
.page-id-4896 .vmc-svc-col .gt-service-boxes > .gt-grid,
.page-id-4896 .vmc-svc-col .gt-service-boxes .gt-grid-col { flex: 1 1 auto; }
.page-id-4896 .vmc-svc-col > .vc_column-inner > .wpb_wrapper > :last-child { margin-top: auto; }

/* Mobile title bar (390 px): the 48 px title word (e.g. DISTRIBUTION) overflowed the screen; smaller title on mobile. */
@media (max-width: 767px) {
  .page-id-4896 .gt-title-bar h1,
  .page-id-4921 .gt-title-bar h1,
  .page-id-4922 .gt-title-bar h1,
  .page-id-4925 .gt-title-bar h1,
  .page-id-4927 .gt-title-bar h1 { font-size: 36px; }
}

/* Buttons added by this package (.vmc-cta): black with the theme's gold. */
.page-id-4922 .vmc-cta a,
.page-id-4925 .vmc-cta a,
.page-id-4927 .vmc-cta a,
.page-id-4524 .vmc-cta a {
  display: inline-block;
  background: #111 !important;
  color: #c9a24a !important;
  border: 1px solid #c9a24a !important;
  border-radius: 0 !important;
  padding: 14px 34px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none !important;
}
.page-id-4922 .vmc-cta a:hover,
.page-id-4925 .vmc-cta a:hover,
.page-id-4927 .vmc-cta a:hover,
.page-id-4524 .vmc-cta a:hover {
  background: #c9a24a !important;
  color: #111 !important;
}

/* Military Advertising Bureau (4927): body text in normal weight; only labels and sub-headings (strong, b) are bold. */
.page-id-4927 .wpb_text_column p,
.page-id-4927 .wpb_text_column li { font-weight: 400; }
.page-id-4927 .wpb_text_column strong,
.page-id-4927 .wpb_text_column b { font-weight: 600; }

/* Advertise (4524): the video title is styled like the section headings (same size, uppercase). */
.page-id-4524 .wpb_video_heading {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}