/*
Theme Name: Spacious PBMTA
Description: Approved navy and Verdana presentation for PBMTA, using Spacious parent templates.
Template: spacious
Version: 1.0.0
Requires PHP: 7.4
Text Domain: spacious-pbmta
*/

/* Palette and type from the approved Spacious preview. */
body.pbmta-site {
  --pbmta-bg: #102e48;
  --pbmta-panel: #193d58;
  --pbmta-text: #dce7ef;
  --pbmta-heading: #f7fafc;
  --pbmta-link: #9ed2f6;
  --pbmta-blue: #246a98;
  --pbmta-hover: #194f74;
  --pbmta-border: #35546d;
  background: var(--pbmta-bg);
  color: var(--pbmta-text);
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color-scheme: dark;
  overflow-wrap: break-word;
}
.pbmta-site #page { width: 100%; max-width: 1268px; margin: 0 auto; background: var(--pbmta-bg); box-shadow: none; }
.pbmta-site #page *, .pbmta-site #page *::before, .pbmta-site #page *::after { box-sizing: border-box; }
.pbmta-site #page :is(h1,h2,h3,h4,h5,h6,p,li,a,input,textarea,select,button,blockquote) { font-family: Verdana, Arial, sans-serif; }
.pbmta-site :is(h1,h2,h3,h4,h5,h6), .pbmta-site .entry-title a { color: var(--pbmta-heading); font-weight: 400; }
.pbmta-site #page a { color: var(--pbmta-link); }
.pbmta-site #page a:hover { color: #c1e5ff; }
.pbmta-site #page :is(a,button,input,textarea,select):focus-visible { outline: 2px solid #c1e5ff; outline-offset: 4px; }
.pbmta-site #page p { line-height: 1.65; }
.pbmta-site #page hr { background: var(--pbmta-border); }
.pbmta-site .inner-wrap { width: auto; max-width: none; margin: 0 30px; }
.pbmta-site #masthead, .pbmta-site #header-meta, .pbmta-site #header-text-nav-container, .pbmta-site #main, .pbmta-site #content { background: var(--pbmta-bg); }
.pbmta-site #header-text-nav-container { border: 0; margin: 0; }
.pbmta-site #header-text-nav-container > .inner-wrap { margin: 0 28px; }
.pbmta-site #header-text-nav-wrap { display: flex; align-items: center; gap: 24px; min-height: 128px; padding: 19px 0 16px; }
.pbmta-site #header-text-nav-wrap::after { display: none; }
.pbmta-site #header-left-section { float: none; flex: 0 0 270px; min-width: 0; margin: 0; }
.pbmta-site #header-logo-image { float: none; padding: 0; margin: 0; text-align: left; }
.pbmta-site #header-logo-image a { display: block; }
.pbmta-site #header-logo-image img { display: block; width: 270px; max-width: 100%; height: auto; margin: 0; filter: grayscale(1) invert(1) brightness(1.7); mix-blend-mode: screen; }
.pbmta-site #header-right-section { float: none; flex: 1; min-width: 0; margin: 0; }
.pbmta-site #site-title a { color: var(--pbmta-heading); font-size: 25px; line-height: 1.4; }
.pbmta-site #site-description { color: var(--pbmta-text); }
.pbmta-site .pbmta-header-tools { display: flex; flex-direction: column; align-items: flex-end; gap: 24px; }
.pbmta-site .pbmta-languages { display: flex; width: fit-content; border: 1px solid #47647a; }
.pbmta-site #page .pbmta-languages a { display: flex; align-items: center; justify-content: center; padding: 7px 13px; min-width: 43px; color: var(--pbmta-text); background: var(--pbmta-bg); font-size: 13px; line-height: 1.4; text-decoration: none; }
.pbmta-site #page .pbmta-languages a[aria-current] { background: var(--pbmta-blue); color: #fff; }
.pbmta-site #site-navigation { float: none; width: 100%; padding: 0; margin: 0; }
.pbmta-site #site-navigation .menu-primary-container { position: static; width: auto; }
.pbmta-site #site-navigation .nav-menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 20px; margin: 0; padding: 0; list-style: none; }
.pbmta-site #site-navigation li { float: none; margin: 0; background: transparent; }
.pbmta-site #site-navigation a { display: block; float: none; padding: 3px 0; font-size: 15px; line-height: 1.5; color: var(--pbmta-heading); text-decoration: none; }
.pbmta-site #site-navigation a:hover, .pbmta-site #site-navigation .current-menu-item > a, .pbmta-site #site-navigation .current_page_item > a { color: var(--pbmta-link); text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.pbmta-site #site-navigation .current-menu-item > a[href*="#"] { color: var(--pbmta-heading); text-decoration: none; }
.pbmta-site #site-navigation .current-menu-item > a[href*="#"]:hover { color: var(--pbmta-link); text-decoration: underline; }
.pbmta-site #site-navigation .sub-menu { background: var(--pbmta-panel); border: 1px solid #47647a; box-shadow: none; }
.pbmta-site #site-navigation .sub-menu a { padding: 9px 12px; font-size: 14px; }
.pbmta-site #site-navigation .menu-toggle { display: none; }
.pbmta-site #site-navigation .menu-toggle::before { content: none; }

/* Native page layout, including the unpublished interior pages. */
.pbmta-site #main { padding: 30px 0 35px; }
.pbmta-site #main article { margin-bottom: 0; }
.pbmta-site #main .entry-content { padding-bottom: 0; }
.pbmta-site .entry-content { color: var(--pbmta-text); }
.pbmta-site .entry-content h2 { font-size: 25px; line-height: 1.4; margin: 27px 0 15px; padding: 0; }
.pbmta-site .entry-content h3 { font-size: 20px; line-height: 1.4; margin: 22px 0 13px; padding: 0; }
.pbmta-site .entry-content :is(p,li) { font-size: 16px; line-height: 1.65; }
.pbmta-site .entry-content p { margin: 0 0 17px; }
.pbmta-site .entry-content :is(ul,ol) { padding-left: 21px; }
.pbmta-site .header-post-title-container { padding: 19px 0; background: var(--pbmta-panel); border-top: 1px solid var(--pbmta-border); border-bottom: 1px solid #47647a; box-shadow: none; }
.pbmta-site .header-post-title-class { color: var(--pbmta-heading); font-size: 28px; line-height: 1.35; }
.pbmta-site .breadcrumb, .pbmta-site .breadcrumb a { color: #bdcfdd; }
.pbmta-site .entry-meta, .pbmta-site .entry-meta a, .pbmta-site .posted-on, .pbmta-site .byline, .pbmta-site .widget { color: #bdcfdd; }
.pbmta-site .entry-meta-bar, .pbmta-site .post .entry-meta-bar { background: var(--pbmta-panel); border-color: var(--pbmta-border); }
.pbmta-site .entry-meta-bar:has(.entry-meta:empty) { display: none; }
.pbmta-site #secondary a { color: var(--pbmta-link); }
.pbmta-site #secondary :is(h2,h3,.widget-title) { color: var(--pbmta-heading); }
.pbmta-site :is(input[type="text"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="password"],input[type="number"],textarea,select) { background: var(--pbmta-panel); color: var(--pbmta-heading); border-color: #638197; }
.pbmta-site ::placeholder { color: #bdcfdd; opacity: 1; }
.pbmta-site :is(table,td,th,.wp-block-table table), .pbmta-site #comments :is(article,.comment-body) { background: var(--pbmta-bg); color: var(--pbmta-text); border-color: #47647a; }
.pbmta-site blockquote, .pbmta-site pre, .pbmta-site code, .pbmta-site .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--pbmta-panel); color: var(--pbmta-text); border-color: var(--pbmta-blue); }
.pbmta-site #page :is(button,input[type="submit"],input[type="reset"],.read-more,.wp-block-button__link,.pbmta-button) { background: var(--pbmta-blue); color: #fff; border: 0; border-radius: 0; box-shadow: none; }
.pbmta-site #page :is(button,input[type="submit"],input[type="reset"],.read-more,.wp-block-button__link,.pbmta-button):hover { background: var(--pbmta-hover); color: #fff; }
.pbmta-site #scroll-up { background-color: var(--pbmta-blue); color: #fff; }

/* Full-width front page content, without a title bar, sidebar or stock slider. */
.pbmta-site.pbmta-front #main { padding: 0; }
.pbmta-site.pbmta-front #main > .inner-wrap { margin: 0; width: 100%; }
.pbmta-site.pbmta-front #primary { width: 100%; max-width: none; float: none; }
.pbmta-site.pbmta-front #secondary, .pbmta-site.pbmta-front .header-post-title-container { display: none; }
.pbmta-site.pbmta-front #main .entry-meta-bar { margin: 0 30px; }
.pbmta-site .pbmta-home { background: var(--pbmta-bg); }
.pbmta-site .pbmta-container { padding: 0 30px; }
.pbmta-site .pbmta-hero { padding: 31px 0 32px; background: var(--pbmta-panel); border-top: 1px solid var(--pbmta-border); border-bottom: 1px solid #47647a; }
.pbmta-site .pbmta-hero h1 { max-width: 860px; font-size: 26px; line-height: 1.35; font-weight: 400; padding: 0; margin: 0 0 16px; }
.pbmta-site .pbmta-home .pbmta-eyebrow { max-width: 860px; color: #bdcfdd; font-size: 13px; line-height: 1.6; margin: 0 0 12px; }
.pbmta-site .pbmta-home .pbmta-lead { max-width: 890px; font-size: 15px; line-height: 1.65; margin: 0 0 19px; }
.pbmta-site #page .pbmta-button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 16px; line-height: 1.5; text-decoration: none; }
.pbmta-site .pbmta-section { padding: 29px 0; scroll-margin-top: 20px; }
.pbmta-site .pbmta-section + .pbmta-section { padding-top: 11px; }
.pbmta-site .pbmta-section > .pbmta-container > h2 { position: relative; color: var(--pbmta-heading); font-size: 24px; font-weight: 400; line-height: 1.4; padding: 0 0 12px; border-bottom: 1px solid var(--pbmta-border); margin: 0 0 18px; }
.pbmta-site .pbmta-section > .pbmta-container > h2::after { content: ''; width: 72px; height: 2px; background: var(--pbmta-blue); position: absolute; left: 0; bottom: -1px; }
.pbmta-site .pbmta-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; padding: 10px 0 0; }
.pbmta-site .pbmta-home .pbmta-service-card h3 { font-size: 22px; line-height: 1.35; margin: 0 0 12px; }
.pbmta-site .pbmta-home .pbmta-service-card p { font-size: 14px; line-height: 1.65; margin: 0; }
.pbmta-site .pbmta-home .pbmta-about p { font-size: 15px; line-height: 1.7; max-width: 1080px; }
.pbmta-site .pbmta-history-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 37px; }
.pbmta-site .pbmta-history-card { padding: 0 0 16px; border-bottom: 1px solid var(--pbmta-border); }
.pbmta-site .pbmta-home .pbmta-history-card h3 { font-size: 19px; line-height: 1.5; margin: 0 0 12px; }
.pbmta-site .pbmta-home .pbmta-history-card p { font-size: 14px; line-height: 1.65; margin-bottom: 0; }
.pbmta-site .pbmta-home .pbmta-history-card .pbmta-date { color: #adbfcd; font-size: 13px; margin-bottom: 7px; }
.pbmta-site .pbmta-home .pbmta-source-note { color: #bdcfdd; font-size: 13px; line-height: 1.65; margin: 0 0 20px; }

/* Native footer: organization identity and real language-specific footer menu. */
.pbmta-site #colophon, .pbmta-site .footer-widgets-wrapper { background: #0c263d; color: #d6e0e6; border-color: var(--pbmta-border); }
.pbmta-site .footer-widgets-area :is(p,h2,h3,.widget-title) { color: var(--pbmta-heading); }
.pbmta-site .footer-socket-wrapper { background: #0c263d; border-top: 1px solid var(--pbmta-border); }
.pbmta-site .footer-socket-area { display: flex; justify-content: space-between; gap: 40px; padding: 29px 0 28px; }
.pbmta-site .footer-socket-area::after { display: none; }
.pbmta-site .footer-socket-wrapper .copyright { float: none; max-width: 630px; font-size: 16px; line-height: 1.6; margin: 0; }
.pbmta-site #page .pbmta-footer-name { color: var(--pbmta-heading); font-size: 18px; line-height: 1.5; }
.pbmta-site #page .pbmta-footer-domain { color: #b6c6d0; font-size: 12px; line-height: 1.6; margin: 10px 0 0; }
.pbmta-site .footer-socket-wrapper .small-menu { float: none; margin: 0; }
.pbmta-site .footer-socket-wrapper .small-menu ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 18px; margin: 0; padding: 0; }
.pbmta-site .footer-socket-wrapper .small-menu li { float: none; margin: 0; padding: 0; }
.pbmta-site .footer-socket-wrapper .small-menu a { display: inline-block; color: #dce9f2; font-size: 13px; line-height: 1.7; padding: 0; }

@media (max-width: 1050px) {
  .pbmta-site #header-text-nav-container > .inner-wrap { margin: 0 24px; }
  .pbmta-site #header-text-nav-wrap { gap: 20px; padding: 18px 0; }
  .pbmta-site #header-left-section { flex-basis: 245px; }
  .pbmta-site #header-logo-image img { width: 245px; }
  .pbmta-site #site-navigation .nav-menu { gap: 5px 14px; }
  .pbmta-site #site-navigation a { font-size: 14px; }
}
@media (max-width: 768px) {
  .pbmta-site #header-text-nav-container > .inner-wrap { margin: 0 18px; }
  .pbmta-site #header-text-nav-wrap { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 15px; min-height: 0; padding: 16px 0; }
  .pbmta-site #header-left-section { width: auto; max-width: 100%; margin: 0; }
  .pbmta-site #header-logo-image img { width: 220px; }
  .pbmta-site #header-right-section, .pbmta-site .pbmta-header-tools { display: contents; }
  .pbmta-site .pbmta-languages { grid-column: 2; grid-row: 1; flex-direction: column; align-self: center; }
  .pbmta-site #page .pbmta-languages a { font-size: 12px; min-width: 39px; padding: 5px 10px; }
  .pbmta-site #site-navigation { grid-column: 1 / -1; width: 100%; margin: 0; }
  .pbmta-site #site-navigation .menu-primary-container { position: static; }
  .pbmta-site #site-navigation .menu-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; margin: 0; padding: 10px 12px; text-align: left; font-size: 15px; line-height: 1.5; cursor: pointer; }
  .pbmta-site #site-navigation.main-navigation .nav-menu { display: none; }
  .pbmta-site #site-navigation.main-small-navigation .nav-menu { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .pbmta-site #site-navigation a { font-size: 15px; padding: 9px 0; border-bottom: 1px solid var(--pbmta-border); }
  .pbmta-site #site-navigation .sub-menu { position: static; display: block; width: auto; border: 0; padding-left: 16px; }
  .pbmta-site .inner-wrap { margin: 0 20px; }
  .pbmta-site .pbmta-container { padding: 0 20px; }
  .pbmta-site .pbmta-service-grid { grid-template-columns: 1fr; gap: 27px; }
  .pbmta-site .pbmta-history-grid { grid-template-columns: 1fr; gap: 24px; }
  .pbmta-site .pbmta-hero { padding: 24px 0; }
  .pbmta-site .pbmta-hero h1 { font-size: 24px; line-height: 1.4; }
  .pbmta-site .pbmta-section { padding: 27px 0; }
  .pbmta-site .pbmta-section > .pbmta-container > h2 { font-size: 23px; }
  .pbmta-site .header-post-title-class { font-size: 25px; }
  .pbmta-site .entry-content h2 { font-size: 23px; }
  .pbmta-site .footer-socket-area { flex-direction: column; gap: 24px; padding: 27px 0; }
  .pbmta-site .footer-socket-wrapper .copyright { text-align: left; }
  .pbmta-site .footer-socket-wrapper .small-menu ul { justify-content: flex-start; }
}
@media (pointer: coarse) {
  .pbmta-site #page :is(button,.pbmta-button,.pbmta-languages a), .pbmta-site #site-navigation a, .pbmta-site .footer-socket-wrapper .small-menu a { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .pbmta-site #page * { scroll-behavior: auto; transition: none; }
}