/* ---------------------------------------------------- */
/*   GREG'S CYCLE LTD - MOBILE VERSION     */
/* ---------------------------------------------------- */

body {
  font-size: 2em;
}

.top {
  text-align: right;
}

.imgLeft { /* aka left header image - remove for mobile version */
  display: none;
}

.logo { /* aka middle header image - the logo */
  left: 0;
  text-align: left;
  width: 63%;
}
  .logo img {
    width: 100%;
  }

.clock { /* aka right header image */
  width: 35%;
}

/*+++++++++++++++++++++++++++++++
NEW MENU - 2021
++++++++++++++++++++++++++++++++*/
.header {
  z-index: 155;
}
#rightMenu { /* desktop version is static */
  font-size: 1.3em;
  transform: translateX(-478px); /* -448px prior to adding shadow*/
  transition: transform 250ms ease-in-out;
  width: 448px;
}
.transBack {
  background-color: red;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 154;
}
.rightMenuInner {
  box-shadow: 10px 20px 25px 5px black;
}
.rightMenuCurrent {
  border-left: solid #FFCC00 15px;
  border-right: solid #FFCC00 15px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.rightMenuInner a:link {
  padding-bottom: 15px;
  padding-left: 10px;
  padding-top: 15px;
  width: 428px;
}
.rightMenuInner a:hover {
  border-left: solid #FFCC00 15px;
  border-right: solid #FFCC00 15px;
  width: 406px;
}
.rightMenuInner li span{
  display: block;
}
.menuToggle { /* desktop version is moved offscreen */
  height: 64px;
  left: 10px;
  top: -20px;
  width: 64px;
}
.spinner {
  height: 11px; /* orig = 3px */
  width: 200%;
}
.horizontal {
  margin-top: 7px;
}
.diagonal.part-2 {
  margin-top: 7px;
}
input[type=checkbox]:checked ~ .menuToggle > .diagonal.part-1 {
  margin-top: 15px;
}
input[type=checkbox]:checked ~ .menuToggle > .diagonal.part-2 {
  margin-top: -28px;
}
/*++++++ END MENU +++++++*/

.topBar {
  font-size: 1em;
  height: auto;
  position: relative;
  top: 0;
  z-index: 100;
}

.mainWhitePS {
  font-size: 1em;
  position: relative;
  top: 5px;
  width: 100%;
}

.contact { /* remove for mobile version */
  display: none;
}

ul.check1 li {
  width: 85%;
}

.community {
  text-align: center;
}

.copyright {
  font-size: 1em;
}

.gregs
   font-size: 1.1em;
   width: 85%;
 }

.specials {
  width: 65%;
}

.specials img {
  width: 90%;
}

.premiere {
  font-size: 1em;
}

.pitStop {
  font-size: 1.3em;
}

.hours {
  font-size: 1em;
}

.navBottom {
  font-size: 1em;
}

.specs {
  font-size: 1.2em;
  width: 95%;
}

.blkBoxes {
  margin: 5px;
  width: 45%;
}

.brochures {
  font-size: 1.2em;
  width: 95%;
}

.redBoxes {
  margin: 5px;
  width: 45%;
}

.specsParts {
  font-size: 1.2em;
}

.blkBoxesParts {
  font-size: 1em;
  width: 45%;
}

.blkBoxCZparts {
  font-size: 1.1em;
  width: 90%;
}

.blkGold {
  font-size: 1.1em;
  padding: 2px;
  width: 95%;
}

.boxLeft {
  height: 200px;
  width: 22%;
}

.repairs {
  width: 50%;
}

.boxRight {
  height: 200px;
  width: 22%;
}

.services {
  font-size: 1.2em;
}

.blkRed1 {
  width: 45%;
}

.welding {
  font-size: 1.2em;
}

.weldImg {
  width: 45%;
}

/* ----- HISTORY PAGE TABLE ----- */
.wTable {
  width: 95%;
}

.rYears {
  width: 20%;
}

.wTcellM {
  width: 23%;
}

.rMake {
  width: 57%;
}

.wTcellL {
  width: 20%;
}

.wTcellR {
  width: 57%;
}

/*****************************************************/
/*                        MENU                       */
/*****************************************************/
#navcontainer { /* Contains menu and side animation */
width: 149px;
Height: 510px;
float: left;
padding: 0px 0px 0px 0px;
text-align: left;
position: relative;
border-top: 1px solid #ffcc00;
/*border: 1px solid white;*/
}

#navcontainer ul { /* Menu container */
margin-top: 5px;
padding-left: 0px;
list-style-type: none;
}

#navcontainer a { /* Menu - individual items */
display: block;
padding: 5px 0px 5px 6px;
width: 141px;
border-bottom: 1px solid #ffcc00;
border-left: 1px solid #ffcc00;
border-right: 1px solid #ffcc00;
}

#navcontainer a:link, #navlist a:visited {
color: #ff0000;
font-weight:bold;
text-decoration:none;
}

#navcontainer a:hover {
color: #ffffff;
background-color: #990000;
background-image: url(barback.png);
width: 133px;
text-transform: uppercase;
border-left: 5px solid #ffcc00;
border-right: 5px solid #ffcc00;
}

.current { /* Menu: current page item, not active */
padding: 3px 6px 3px 0px;
color: #ffffff;
font-weight: bold;
text-align: center;
background-color: #990000;
background-image: url(barback.png);
width: 133px;
border-left: 5px solid #ffcc00;
border-right: 5px solid #ffcc00;
border-bottom: 1px solid #ffcc00;
}