*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505 url('/wp-content/uploads/2014/12/STValkyrie-background.jpg') center top / cover fixed no-repeat;color:#222;font:14px/1.75 Lato,Arial,Helvetica,sans-serif}a{color:#24890d;text-decoration:none}a:hover{text-decoration:underline}.site{width:min(1093px,100%);margin:0;background:#fff;min-height:100vh}.hero{height:273px;background:#060606 url('/wp-content/uploads/2014/12/cropped-STValkyrie-header.jpg') center center / cover no-repeat}.main-nav{height:41px;background:#000;position:relative;color:#fff;display:flex;justify-content:flex-end}.nav-list{display:flex;list-style:none;padding:0 0 0 10px;margin:0}.nav-list>li{position:relative}.nav-list>li>a{display:block;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;padding:12px 12px 10px;height:41px;white-space:nowrap}.nav-list>li>a:hover,.nav-list>li>a:focus,.nav-list>li.active>a{background:#24890d;text-decoration:none}.nav-list>li:first-child.active>a{color:#41a8db;background:#000}.nav-list>li:has(.submenu)>a:after{content:' ▾';font-size:9px}.submenu{display:none;position:absolute;right:0;top:41px;z-index:20;background:#24890d;list-style:none;padding:0;min-width:220px;box-shadow:0 8px 20px #0006}.submenu li a{display:block;padding:8px 12px;color:white;font-size:12px}.submenu li a:hover{background:#165c08}.nav-list li:hover>.submenu,.nav-list li:focus-within>.submenu{display:block}.search-top{width:42px;height:41px;background:#2486bb;color:#fff;display:grid;place-items:center;font-size:22px}#menu-button{display:none}.layout{display:grid;grid-template-columns:193px minmax(0,900px);min-height:650px}.leftside{background:#000;color:white;min-width:0;padding:0}.leftside .site-title{display:none}.side-menu{padding:0;margin:0;list-style:none}.side-menu>li{border-bottom:1px solid #242424}.side-menu a{display:block;color:#fff;font-size:10px;font-weight:700;padding:9px 26px;text-transform:uppercase;line-height:14px}.side-menu .active>a{color:#4cb2ec}.side-menu a:hover{background:#24890d;text-decoration:none;color:white}.side-menu li.has-sub>a:after{content:'▸';float:right}.side-menu ul{display:none;list-style:none;padding:0;margin:0;background:#1e1e1e}.side-menu li:hover>ul,.side-menu li:focus-within>ul{display:block}.side-menu ul a{font-weight:400;padding-left:33px}.side-search{margin:40px 26px 34px;width:140px;background:#202020;color:#ddd;border:1px solid #393939;padding:4px 5px;font-size:10px}.left-widgets{margin:0 26px}.left-widgets h3{font-size:10px;color:white;margin:0 0 14px}.left-widgets a{font-size:10px;display:block;color:#fff;line-height:1.7}.main-content{max-width:none;min-width:0;padding:57px 26px 80px 98px;display:grid;grid-template-columns:minmax(0,411px) minmax(0,266px);gap:99px;align-content:start}.content-inner{min-width:0}.page-title{font-size:27px;line-height:1.25;font-weight:300;text-transform:uppercase;letter-spacing:.01em;margin:7px 0 18px}.entry p{margin:0 0 22px}.entry img{max-width:100%;height:auto}.entry iframe{max-width:100%;border:0}.entry h2{font-size:21px}.entry h1{font-size:25px}.entry audio{max-width:100%}.entry .aligncenter{display:block;margin:18px auto}.entry .alignnone{margin:10px 0}.entry .alignleft{float:left;margin:0 18px 12px 0}.entry .alignright{float:right;margin:0 0 12px 18px}.rightside h3{font-size:12px;line-height:1.5;margin:5px 0 14px;text-transform:uppercase;border-top:4px solid black;padding-top:6px}.rightside .banner{display:block;margin:0 0 15px}.rightside .banner img{width:100%;height:auto;display:block}.form-notice{padding:14px;border-left:4px solid #a00;background:#faf0f0}.footer{background:#000;color:#aaa;padding:22px 26px;font-size:12px}.blog-list article{margin-bottom:25px;border-bottom:1px solid #ddd}.blog-list h2{margin-bottom:4px}@media(max-width:1050px){.main-content{padding-left:50px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(190px,266px)}}@media(max-width:1050px){body{background-size:auto 100vh}.site{width:100%}.hero{height:clamp(140px,25vw,273px)}.layout{display:block}.leftside{display:none}.main-nav{height:auto;min-height:41px;display:block}.search-top{display:none}#menu-button{display:block;width:100%;background:#000;border:0;color:#fff;text-align:left;padding:11px 15px;font-size:12px;cursor:pointer}.nav-list{display:none;flex-direction:column;padding:0}.nav-list.open{display:flex}.nav-list>li>a{height:auto}.submenu{position:static;display:block;box-shadow:none;background:#191919;min-width:0}.main-content{padding:32px 22px;display:block}.rightside{margin-top:45px;max-width:310px}.page-title{font-size:25px}}
/* V1.3: original Twenty Fourteen blue menu colors */
:root{--nav-blue:#367da6;--nav-dark:#28678d}
.nav-list>li>a:hover,.nav-list>li>a:focus,.nav-list>li.active>a,.side-menu a:hover{background:var(--nav-blue);color:#fff}
.nav-list>li:first-child.active>a{background:#000;color:#41a8db}
.submenu,.side-menu .side-submenu{background:var(--nav-blue)}
.submenu li a:hover,.side-menu .side-submenu a:hover{background:var(--nav-dark);color:white}
.side-menu>li{position:relative}
.side-menu>li>ul.side-submenu{display:none;position:absolute;top:0;left:100%;min-width:193px;z-index:40;box-shadow:0 4px 12px #0005;padding:0}
.side-menu li:hover>ul.side-submenu,.side-menu li:focus-within>ul.side-submenu{display:block}
.side-menu .side-submenu li{position:relative;border-bottom:1px solid #ffffff18}
.side-menu .side-submenu a{padding:10px 26px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap}
.side-menu .side-submenu li>ul.side-submenu{left:100%;top:0;display:none}
.side-menu .side-submenu li:hover>ul.side-submenu,.side-menu .side-submenu li:focus-within>ul.side-submenu{display:block}
.side-menu .side-submenu li:has(ul)>a::after{content:'▸';float:right;margin-left:16px}
.side-menu>li.active>a{color:#41a8db}
.side-search-form{margin:40px 26px 34px}.side-search-form .side-search{margin:0;max-width:100%;width:140px}
.search-top{text-decoration:none;cursor:pointer}
#search-form{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
#search-query{padding:10px;min-width:220px;max-width:100%;border:1px solid #aaa}
#search-form button{background:var(--nav-blue);border:0;color:white;padding:10px 17px;cursor:pointer}
#search-results article{border-bottom:1px solid #ddd;padding:10px 0}
#search-results h2{font-size:17px;margin:0 0 5px}
#search-results p{margin:0 0 10px}
@media(max-width:1050px){.side-menu>li>ul.side-submenu{position:static}.submenu{background:var(--nav-blue)}}

/* V1.6: proportional desktop layout matching the reference screenshot.
   Preserve all relative document links and legacy root-relative upload URLs. */
@media (min-width: 1051px) {
  .site{width:min(1260px,100%)}
  .hero{height:314px}
  .main-nav{height:47px}
  .nav-list>li>a{height:47px;padding:14px 14px 12px;font-size:11.5px}
  .submenu{top:47px}
  .search-top{width:48px;height:47px}
  .layout{grid-template-columns:222px minmax(0,1038px)}
  .side-menu a{font-size:11.5px;padding:10px 30px;line-height:16px}
  .side-menu>li>ul.side-submenu{min-width:222px}
  .side-menu .side-submenu a{font-size:11.5px;padding:11px 30px}
  .side-search-form{margin:46px 30px 39px}
  .side-search-form .side-search{width:162px}
  .left-widgets{margin:0 30px}
  .left-widgets h3,.left-widgets a{font-size:11.5px}
  .main-content{padding:66px 30px 92px 113px;grid-template-columns:minmax(0,474px) minmax(0,307px);gap:114px}
  .page-title{font-size:31px}
  .rightside h3{font-size:14px}
  .footer{padding:25px 30px}
}
/* V1.9: at portrait / mid-width viewports switch to single-column layout
   rather than squeezing the 193px sidebar and two content columns.
   The header image is 1260 x 313; show it in full without cropping. */
@media (max-width:1050px) {
  .hero { height:auto; aspect-ratio:1260 / 313; min-height:0;
          background-size:100% auto; background-position:center top; }
  .site { width:100%; max-width:100%; }
  .layout { display:block; }
  .main-content { display:block; padding:32px clamp(18px,4vw,42px) 65px; }
  .rightside { max-width:360px; margin-top:48px; }
  .entry img, .entry iframe { max-width:100%; height:auto; }
}

/* V1.7: preserve original blue links throughout content and widgets */
.entry a,.content-inner a,.blog-list a,.footer a{color:#2486bb}
.entry a:hover,.content-inner a:hover,.blog-list a:hover,.footer a:hover{color:#155f8d}
.entry .wp-block-embed-youtube{margin:0 0 24px}
.entry .video-embed{width:100%;aspect-ratio:16/9;height:auto;border:0;display:block}

/* V1.10: narrow screen header and layout fix; keep 2014 styling on desktop. */
@media screen and (max-width: 1050px) {
  html, body { overflow-x: hidden; }
  .site { width: 100%; min-width: 0; max-width: 100%; overflow: hidden; }
  .hero { width:100%; height:auto; aspect-ratio:1260 / 313; min-height:0; background-size:contain; background-position:left top; background-repeat:no-repeat; }
  .layout { display:block; min-width:0; }
  .leftside { display:none; }
  .main-content { min-width:0; max-width:100%; padding:32px clamp(16px,4vw,42px) 60px; display:block; }
  .content-inner,.entry,.rightside { min-width:0; max-width:100%; }
  .rightside { margin-top:40px; }
  .entry img,.entry iframe,.entry video,.entry audio, .entry embed { max-width:100%; }
  .main-nav { width:100%; min-width:0; }
}
@media screen and (max-width:600px) {
  .hero { aspect-ratio:1260 / 313; }
  .main-content { padding:24px 16px 44px; }
  .page-title { font-size:23px; }
}

/* V1.12 — Portrait desktop (1051–1200 CSS px). Keep sidebars and the
   original desktop design, but fit both columns inside the viewport. */
@media screen and (min-width:1051px) and (max-width:1200px) {
  html, body { overflow-x:hidden; }
  .site { width:100%; max-width:100%; overflow:visible; }
  .hero { width:100%; height:auto; aspect-ratio:1260 / 313;
          background-size:100% 100%; background-position:center top; }
  .layout { display:grid; grid-template-columns:190px minmax(0,1fr); }
  .leftside { display:block; min-width:0; }
  .main-content { min-width:0; max-width:100%;
      padding:40px 22px 65px 38px;
      display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,235px);
      gap:24px; }
  .content-inner,.rightside,.entry { min-width:0; max-width:100%; }
  .rightside { margin:0; }
  .rightside .banner img { max-width:100%; height:auto; }
  .entry img,.entry iframe,.entry video,.entry audio,.entry embed { max-width:100%; }
  .side-menu>li>ul.side-submenu { min-width:190px; }
}