/* ================================
   MIKE'S PC SHOP - MASTER CSS
   Single unified layout for all pages
================================ */

/* GLOBAL RESET */
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }

/* BASE */
body{
  font-family:"Times New Roman", Times, serif;
  background:url("https://mikes-pc-shop.com/images/background.jpg") repeat;
  color:#000;
  font-size:24px;
  line-height:1.35;
  overflow-x:hidden;
}

a{ color:#0000EE; text-decoration:underline; }
img{ display:block; border:0; }
table{ border-collapse:collapse; width:100%; }

/* PAGE WRAP */
.wrap{
  width:90%;
  margin:0 auto;
  padding-top:40px;
  padding-bottom:10px;
}

/* HEADER */
.banner{ margin:0 auto; }
.rule{
  border:0;
  border-top:1px solid #808080;
  margin:10px 0 0 0;
}

/* SHIFT NAV + CANVAS */
.mid-shift{ padding-top:60px; }

/* NAV */
.nav a{
  display:block;
  margin:0 0 6px 0;
  text-decoration:none;
}
.nav a:last-child{ margin-bottom:0; }

.nav-spacer{ height:12px; }
.fb-badge{
  display:block;
  margin:0 auto;
  text-align:center;
}

/* =========================
   HOME PAGE TEXT
========================= */

.home-lead{
  text-align:center;
  font-size:26px;
  font-weight:bold;
  margin:0 0 14px 0;
}

.home-sublead{
  text-align:center;
  font-size:24px;
  font-weight:normal;   /* second sentence NOT bold */
  margin:0 0 26px 0;
}

/* section title */
.home-section-title{
  text-align:left;      /* left start */
  font-size:22px;
  font-weight:bold;
  margin:0 0 10px 0;
}

/* bullet list */
.home-bullets{
  text-align:left;      /* left justified */
  font-size:22px;
  margin:0 0 0 0;
}
.home-bullets div{
  margin:6px 0;
}

/* quote */
.home-quote{
  font-size:22px;
  font-style:italic;
  margin-top:40px;
  text-align:right;
}

/* spacing helpers */
.home-gap-lg{ height:30px; }
.home-gap-xl{ height:50px; }

/* =========================
   PAYMENTS PAGE
========================= */

.paypal-center,
.paypal-center img{
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

/* =========================
   LINKS PAGE
========================= */

.links-center{
  text-align:center;
  font-size:22px;
}
.links-center a{
  display:block;
  margin:10px 0;
}

/* =========================
   FOOTER
========================= */

.spacer-cell{ height:40px; }

.footer{
  text-align:center;
  padding-bottom:8px;
}

.footer .email{
  font-size:22px;
  margin:0;
}
.footer .copy{
  font-size:14px;
  margin:6px 0 0 0;
}

/* =========================
   SEO HIDDEN H1
========================= */

.sr-only{
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

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

@media (max-width:900px){

  table,tr,td{
    display:block;
    width:100% !important;
  }

  td{ text-align:center; }

  .wrap{ padding-top:22px; }

  .nav img{
    margin-left:auto;
    margin-right:auto;
    max-width:260px;
    width:100%;
    height:auto;
  }

  .banner{
    max-width:750px;
    width:100%;
    height:auto;
  }

  .hdr-left img{
    margin-left:auto;
    margin-right:auto;
    max-width:160px;
    width:100%;
    height:auto;
  }

  .mid-shift{ padding-top:22px; }

  /* mobile bullet centering still readable */
  .home-section-title,
  .home-bullets{
    text-align:left;
    padding-left:12px;
  }

  .home-quote{
    text-align:center;
  }
}