/* ==========================================================
   SEMBEE.INFO - SITE-SPECIFIC STYLES
   ========================================================== */

:root{
  --site-accent:#2F4694;
  --site-accent-text:#ffffff;
  --site-link:#294384;
  --site-link-hover:#1F3266;
}


/* ==========================================================
   SEMBEE.INFO LANDING PAGE
   ========================================================== */

main > .page-introduction{
  padding-top:62px;
  padding-bottom:54px;
}

.introduction-copy{
  max-width:none;
  margin:0;
  color:#424743;
  font-size:1.05rem;
}

.resource-section{
  padding:0 0 68px;
}

.feature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.feature-card{
  display:flex;
  min-height:190px;
  flex-direction:column;
  background:#fff;
  border-top:4px solid var(--site-accent);
  padding:24px 26px;
  color:var(--ink);
  text-decoration:none;
}

.feature-card:hover,
.feature-card:focus{
  color:var(--ink);
  text-decoration:none;
}

.feature-card h2{
  margin:0 0 8px;
  font-size:1.24rem;
  line-height:1.25;
}

.feature-card p{
  margin:0 0 20px;
  color:#5c615d;
  font-size:.94rem;
}

.card-link,
.card-status{
  margin-top:auto;
  color:#383c39;
  font-size:.9rem;
  font-weight:650;
}


/* Individual publication colours */

.feature-card.exchange{
  border-top-color:#745391;
}

.feature-card.office{
  border-top-color:#2F7D57;
}

.feature-card.dos{
  border-top-color:#C96A22;
}

.feature-card.w32tm{
  border-top-color:#31559A;
}

.feature-card.wuauclt{
  border-top-color:#0078D4;
}

.feature-card.loginscripts{
  border-top-color:#2F6F73;
}

.feature-card.archive{
  border-top-color:#6E4A57;
}


/* ==========================================================
   SEMBEE.INFO NAVIGATION
   Slightly tighter because this site links to all publications.
   ========================================================== */

.site-nav{
  gap:20px;
  font-size:.90rem;
}

/* Space between the legacy resources block and the Sembee block */
.corporate-section{
  padding-top:56px;
  padding-bottom:84px;
}

.corporate-section .section-kicker{
  margin-top:0;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:680px){

  main > .page-introduction{
    padding-top:42px;
    padding-bottom:42px;
  }

  .feature-grid{
    grid-template-columns:1fr;
  }

  .site-nav{
    gap:17px;
  }
  
}