a { color: #005500;
	     text-decoration: none;
	     
}

span.highlighted { 
	color: #005500;
	font-family:arial;
	font-weight:500;
}

a.tag { color: #FFFFFF;
	text-decoration:none;
}
a.tag:hover {
	font-weight:bold;
}
a.tag:focus {
	font-weight:bold;
}
div { border-color: #003300; }

.year,.cost,.month,.day,.user,.affiliation,.location {
	cursor:pointer;
	color:#005500;
}

.year:hover,.cost:hover,.month:hover,.day:hover,.user:hover,.affiliation:hover,.location:hover {
	font-weight:bolder;	
}

.category { 
	opacity: .6;
	cursor:pointer;
}

.category:hover {
	opacity: 1.0;
}

span.criterion {
	display: 'inline';
	white-space: nowrap;
	border-style:solid;
	border-width:1px;
	-moz-border-radius:15px;
	border-radius: 15px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right:4px;
	padding-bottom:2px;
	background-color:#BBCCCC;
	width:5%;
	font-size:10px;
}

div.tripEntry {
    margin-bottom:2px;
    background-color:#dddddd;
    border-style: solid; 
    border-width: 2px; 
    padding-top:4px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:4px; 
    width:225px;
    height:60px;
    -moz-border-radius: 15px; 
    border-radius: 15px;
    cursor: pointer;
}

.search-input {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-family: Roboto;
  border-radius:15px;
  padding: 0 11px 0 13px;
}

input.search-input {
  background-color: #fff;
}

#mapFind {
    width: 250px;
    margin-right:12px;
    margin-left: 5px;
    margin-top:10px;
}

.search-input:focus {
  border-color: #4d90fe;
}

input[type=button].search-input {
  background-color:#BBBBBB;
  color:white;
  cursor:pointer;
}
input[type=button].search-input:hover {
  border-color: #4d90fe;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

.content {
    margin-left: 270px;
    display:block;
}

.openNavLink {
  position:absolute;
  top:2px;
  left:2px;
  z-index:1;
}   

.mapContainer {
  position:fixed;
  display: block;
  right:10px;
  left:0px;
  top:5px;
  bottom:5px;
  margin-left:905px;
}

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 265px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 3; /* Stay on top */
    top: 0; /* Stay at the top */
    margin-left: 0;
    left: 0px;
    background-color: #bbb; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
}

.card {
  position: relative;
  margin-left:20px;
  margin-top:10px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  width:95%;
}

.shadow {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shadowInset {
  box-shadow: inset 0 0 10px #000000;
}

.shadowInset100 {
  box-shadow: inset 0 0 20px #000000;
}

div.newsEntry {
  position:relative;
}

div.profilePicture {
  display:inline-block;
  top:0px;
  left:0px;
  width:100px;
  height:100px;
  border-radius:10px;
  border-width:1px;
  border-style:solid;
  display:inline-block;
  position:relative;
  z-index:2;
  background-repeat:no-repeat;
  background-color:black;
  background-position:center;
  background-size:cover;
}

.profileLabel {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:inline-block;
  color:#eeeeee;
  background-color:rgba(0, 0, 0, .3);
  font-weight:bold;
  text-shadow: 1px 1px gray;
}

.searchIcon {
  cursor: pointer;
  font-weight:bold;
  text-shadow: 2px 2px #444444;
  font-size:20px;
}

div.newsEntryHeader {
  position:absolute;
  top:0px;
  left:85px;
  padding:10px;
  padding-left:25px;
  background-color:white;
  z-index:1;
}

.newsEntryTitle {
  font-size:24px;
  font-family: 'Anton', sans-serif;
}

.newsEntryName {
  font-family: 'Indie Flower', cursive;
  font-weight:bold;
  font-size:20px;
}

.newsEntryDate {
  font-family: 'Indie Flower', cursive;
  font-size:20px;
  margin-left:30px;
}

div.newsEntryContent {
  position:absolute;
  top:100px;
  left:20px;
}

div.newsEntryText {
  padding:20px;
      background-color:#F3F5F5;
      font-family: 'Raleway', sans-serif;
}

.newsItem {
  text-align:right;
  position:relative;
  margin-top:30px;
}

.topTitle {
    font-family: flicker;
    font-size:48px;
    text-align:right;
    color:#F5F5F5;
}

.topDescription {
    font-family: 'Montserrat', sans-serif;
    color:white;
    font-size:16px;
    opacity:.9;
    text-align:right;
}

.sideTitle {
  border: 1px solid black;
  border-radius:5px;
  position:absolute;
  top:400px;
  left:-3px;
  transform:rotate(270deg);
  transform-origin:left top 0;
  font-size:20px;
  width:290px;
  height:40px;
  -webkit-line-clamp: 2;
  text-overflow:ellipsis;
  text-align:center;
  background-color:#00000088;
  color:white;
  vertical-align:middle;
  padding:5px 10px 10px 10px;
  overflow:hidden;
}

.newsText {
  margin-top:30px;
  width:510px;
  min-height:300px;
  height:auto;
  border-radius:15px;
  border-width:1px;
  background-color:#f8f8ffff;
  font-size:18px;
  text-align:left;
  padding:20px;
  padding-top:30px;
  display:inline-block;
  border-radius:10px;
  border-width:1px;
  border-style:solid;
}

.affBox {
  display: inline-block;
  padding: 5px;
  border-radius: 15px;
  text-align: center;
  margin: 15px;
  cursor: pointer;
  backdrop-filter: blur(3px);
  box-shadow: 0 0 5px 5px #555;
  text-shadow: .2px .2px .4px #111111;
  width: 160px;
  padding-top: 15px;
  padding-bottom: 15px;
}