/* Shared desktop header for the Qinghai investment portal pages. */
.portal-head{
  background:#fff;
  border-top:3px solid var(--green);
}
.portal-head-row{
  height:64px;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.portal-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ink);
}
.portal-brand img{
  width:auto;
  height:64px;
  max-height:none;
  object-fit:contain;
}
.portal-brand .name{
  display:none;
}
.portal-brand .name small{
  display:block;
  margin-top:4px;
  color:#7b8e98;
  font-size:10px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:1px;
}
.portal-search{
  width:340px;
  height:40px;
  flex:none;
  display:flex;
  overflow:hidden;
  border:1px solid #a9c7d3;
  border-radius:3px;
  background:#fff;
}
.portal-search input{
  min-width:0;
  flex:1;
  padding:0 13px;
  border:0;
  outline:0;
  color:var(--ink);
  background:#fff;
  font:inherit;
  font-size:13px;
}
.portal-search button{
  width:76px;
  border:0;
  background:var(--green);
  color:#fff;
  font:inherit;
  font-size:14px;
  cursor:pointer;
}
.portal-search button:hover{background:#0e775b;}
.portal-main-nav{
  background:var(--lake-d);
  border-bottom:3px solid var(--green);
}
.portal-main-nav .wrap{
  display:flex;
  min-height:48px;
}
.portal-main-nav a{
  flex:1;
  padding:13px 8px 12px;
  border-left:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.90);
  text-align:center;
  font-size:15px;
  line-height:1.5;
  white-space:nowrap;
}
.portal-main-nav a:last-child{border-right:1px solid rgba(255,255,255,.12);}
.portal-main-nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.09);
}
.portal-main-nav a.on{
  color:#fff;
  background:var(--green);
  font-weight:600;
}
.subpage-masthead{
  position:relative;
  height:118px;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(3,45,64,.52),rgba(3,55,73,.12) 58%,rgba(3,55,73,.02)),
    url("assets/qinghai-city.jpg");
  background-position:center 51%;
  background-size:cover;
}
.subpage-masthead::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:42px;
  background:linear-gradient(180deg,transparent,rgba(2,39,55,.18));
}
.subpage-masthead .wrap{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  align-items:flex-end;
  padding-bottom:16px;
}
.subpage-masthead h1{
  position:relative;
  padding-left:14px;
  color:#fff;
  font-size:23px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:2px;
  text-shadow:0 2px 10px rgba(0,30,44,.50);
}
.subpage-masthead h1::before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  bottom:1px;
  width:3px;
  background:var(--gold);
}

/* Unified government-site footer. */
.portal-official-footer.footer{
  margin-top:34px;
  background:#07556f;
  color:#c9dde4;
  font-size:12.5px;
}
.portal-official-footer .portal-footer-inner{
  padding:24px 0 27px;
}
.portal-official-footer .portal-footer-main{
  line-height:1.95;
}
.portal-official-footer .portal-footer-main p{
  margin:0;
}
.portal-official-footer .portal-footer-org{
  margin-bottom:3px;
  color:#fff;
  font-size:14px;
  font-weight:600;
  letter-spacing:1px;
}
.portal-official-footer .portal-footer-main span,
.portal-official-footer .portal-footer-main a{
  display:inline-block;
  margin-right:24px;
}
.portal-official-footer .portal-footer-main a{
  color:#e4f0f3;
}
.portal-official-footer .portal-footer-main a:hover{
  color:#fff;
  text-decoration:underline;
}
.portal-official-footer .portal-footer-records{
  margin-top:2px;
}
