.sitelist{margin:5px;}
.sitelist li{
  display:inline-block;
  min-width:140px;
  min-height:50px;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  border:1px solid gray;
  padding:6px;
  border-radius:5px;
  margin:2px 10px;
  padding:6px;
}
.sitelist li:hover{
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
  border-color: darkgray;
  background-color: pink;
}
.sitelist li a {
  display:inline-block;
  line-height:2em;
  min-height:35px;
  width:100%;
}
.subheading {
  background-color:lightsalmon;
  border:1px solid gray;
  border-radius:5px;
  font-size:1.2em;
  font-weight:inherit;
  padding:5px;
  margin:20px 0 0 0;
}
.lightsalmon{background-color:lightsalmon;}
.lightpink{background-color:lightpink;}
.lightgreen{background-color:lightgreen;}
.lightblue{background-color:lightblue;}
.lightyellow{background-color:lightyellow;}

/* stolenbike */
/* status */
.rejected {background-color:red !important;}
.waiting {background-color:pink !important;}
.status {color:black;font-weight:bolder;}
/* header */
header {
  background-color:tan;
  background-repeat:no-repeat;
  background-size:cover !important;
  border:1px;
  border-radius:5px;
  display:block;
  height:200px;
  padding:10px;
  background-position:center center !important;
}
header h1 {
  background-color:rgba(255, 255, 255, 0.5);
  border-radius:5px;
  display:inline-block;
  font-size:1.5em;
  font-weight:lighter;
  margin:160px 10px 10px;
  padding:5px;
}

#tools {
  height:2em !important;
  background-color:#EEDDFF;
  border-radius:0 0 0.5em 0.5em;
  color:black;
  height:1em;
  margin:0 2em 0 0;
  opacity:0.5;
  overflow:hidden;
  padding:1px 4px;
  position:fixed;
  right:0;
  text-align:left;
  top:0;
  z-index:1000;
  display:block;
}
#tools a {
  font-size:1.5em;
  padding-bottom:20px;
}
.button {
  background-color:lightgreen;
  border-bottom:1px solid #333333;
  border-right:1px solid #333333;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-radius:0.5em;
  box-shadow:#333333 0.1em 0.1em 10px 3px;
  color:black;
  display:inline-block;
  font-size:1.7em;
  margin-top:0.2em;
  padding:0.3em;
}



/* pageheader */
.pageheader {
  font-size: 1.4em;
}
/* footer */
footer {
margin-top: 2em;
}
/* bike page */
.bikeinfo {
  font-size:1.5em;
  font-weight:lighter;
  line-height:1.2;
}
.bikeinfo h1{
  font-weight:bolder;
  font-size: 2.5em;
}
.bikeinfo b {
  font-style:italic;
  font-weight:bold;
}
.bikephoto {
  border-radius:5px;
  float:right;
  width:50%;
}
.bikelink {
  color: black;
}
.bikelink:hover < .mix {
  border-color:red;
}
.bikelink:hover span {
  border-color:yellow;
}
.bikebuttons {
  background-color:gray;
  border-radius:5px;
  display:block;
  height:40px;
  margin:10px 0 5px;
  padding:5px;
  width:100%;
 font-size: 25px; 
}
.bikebuttons a { color: black; }
.bikebuttons i:hover { color: darkpink; }
.bikebuttons i {
/*  border:1px solid #666666; */
  border-radius:5px;
  color:#AAAAAA;
  padding:2px;
}
.bikebuttons .left { float: left; }
.bikebuttons .right { float: right; }

/* bike form */
#box .dfield {font-weight:bold;}
#box .shortfield {
  font-size:1em;
  font-weight:bold;
  width:200px !important;
}
#box .group { padding: 0 0 0 0 !important; }
#box input[type=text], #box select, #box textarea, #box input[type=file] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
#box input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
#box input[type=submit]:hover {
  background-color: #45a049;
}
#box div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
#box .nopost { background-color: #bbdddd; }
#box .nopostreq { background-color: #bbaadd; }
.hidden{ display:inline-block; color:#446666;}
.note {
  font-style:italic;
  font-size: 0.9em;
  padding: 2px 0 2px 20px !important
}
label.req{background-color: transparent;}
label.req::before {
  content: "*";
  color: red;
}
.req {background-color:pink;}
.subtext {font-size:0.7em;}
#box label {
  font-style:italic;
  text-transform:capitalize;
}
.subtitle {
  font-weight:bolder;
  padding: 2px 0 2px 0 !important
}
.full {
  display:block;
  width:100%;
  margin-bottom: 8px;
}
::placeholder {
  color: rgb(0,0,0,0.5);
  opacity: 0.5; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: rgb(0,0,0,0.5);
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: rgb(0,0,0,0.5);
}
/* faq page */
.info {
  font-size:1.3em;
}
.info p {
  margin:0.5rem 1rem 1rem;
}
.info .title {
  font-weight:bold;
  margin:1rem 1rem 0.5rem;
}

/* Small screens */
@media only screen and (max-width: 600px) {
  .bikephoto {
    max-width:300px;
    float:none;
    width:100%;
}
}
/* mixitup Item list */
#ItemList div {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #cccc99 10%, #eee 80%) center center;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  height:240px;
  overflow:hidden;
  width:300px;
/*  width: 33%; */
/*  max-width: 290px; */
/*  min-width: 150px; */
  padding: 2px 4px;
  margin:2px;
  margin: 2px 2px 4px;
  vertical-align: top;
  border-radius:0.5em;
  border-style: solid;
  border-width: 1px 1px 0;
  display: inline-block;
}
#ItemList div a {
  color:#111111;
  display:block;
  height:100%;
  position:absolute;
  text-decoration:none;
  top:0;
  width:95%;
}
#ItemList div a.a2 { margin-top:1.2rem; }
#ItemList div .edit { }
#ItemList div .edit span { }

#ItemList div p { margin:0; padding:0; }
#ItemList div p, #ItemList li h1 { height:1.3em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#ItemList div .directions { height:auto; overflow:unset; white-space:unset; }
#ItemList div.mix { vertical-align:top; }
#ItemList .MixItemText { padding:5px 0 4px 5px; } 
#ItemList div .location { font-size:0.9em; }
#ItemList div .location a { font-weight:bold; }
#ItemList div .nickname { font-size:0.9em; }
#ItemList div .links { font-size:0.9em; }
#ItemList div .links a { font-weight:bold; }
#ItemList div .updated { height:auto; font-size:0.9em; }
#ItemList div .updated img {  }
#ItemList div h1 { font-size:1.2em; margin:0; }
#ItemList div h1 { text-transform: unset; }
#ItemList div img.album { vertical-align:top; }
#ItemList div.center { text-align:center; }

#ItemList .trail-item p, #ItemList .trail-item h1 { height:auto; text-overflow:unset; overflow:unset; white-space:unset; }

.mix {
}
.mix .bikeinfo, .mix .stoleninfo{background-color:rgb(255,255,255,0.85);}
.mix .stoleninfo{}
.mix .bikeinfo, .mix .stoleninfo {
  border-radius:5px;
  display:block;
  border:1px solid gray;
  border-radius:5px;
  display:block;
  margin:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size: 0.8em;
}

.msgbox {
  clear:both;
  display:block;
  font-size:1.3em;
  padding:1rem;
}
.searchoption { font-size: 0.9em; }
.formsec ul { float:left; margin:4px 1px; padding:1px 4px; }
.formsec li { display:inline; vertical-align: top; }
.field input,select { font-size:1.1em; text-transform: capitalize;}
.field textarea { max-width:400px; }
.formsec { display: block; clear:both; }
.form { float:left; margin:4px 1px; padding:1px 4px; }
.form li { display:inline; vertical-align: top; }
.field { font-size:1.1em; text-transform: capitalize; padding:0 0 0 2px; font-weight:bold; }

.filter{ display:inline-block; }
.nav-link a {}
.nav-link i {font-size:2em;margin-left:5px;}