body { 
  background: url('../images/hazy-hills.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.navbar-brand {
	font-size:1.5rem;
 }

 .navbar-write {
 	background-color: rgba(255,255,255,0.2);
 	border-radius:0 0 20px 20px;
 }
 
 .navbar ul {
	font-size:1.3em;
 }

 .card-header:first-child {
  border-radius:20px 20px 0 0;
 }

 .btn.btn-ui {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
    padding:5px 7px 0 7px;
 }

 .btn.btn-ui:hover {
    background-color: rgba(255, 255, 255, 0.6);
 }

 .btn.full-width {
    width:100%;
 }

 #addButton {
    background-color: rgba(255, 255, 255, 0.4);
    fill:rgba(0,0,0,0.2);
    border-radius:20px;
 }

 #addButton:hover {
  background-color: rgba(255, 255, 255, 0.7);
 }

 #editButton, #trashButton  {
  float:right;
  margin-top:-10px;
  fill:rgba(0,0,0,0.2);
 }

.lucentDark {

	background-color: rgba(0,0,0,0.5);
	color:#CCC;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.lucentLight {

	background-color: rgba(255,255,255,0.5);
	color:#333;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.centerAll {

	text-align: center;
	margin: 0 auto;
}

.center {

	text-align: center;
}

.bold {

	font-weight: bold;
}

.expanded {

	letter-spacing: 1px;
}

.marginTop {

	margin-top: 50px;

}

.marginBottom {

	margin-bottom: 12px;

}

.paddingBottom {

	padding-bottom: 25px;

}

.paddingTop {

	padding-top: 25px;

}

.roundedBig {border-radius: 20px;}

.roundedSmall {border-radius: 8px;}

.shorter {width:50%;}

/* Entry container */

.entry {
  margin-top:8%;
  margin-bottom:8%;
	padding:3% 1% 5% 2%;
	text-align:left;
	letter-spacing: 0.5px;
  border-radius:20px;
}

.entry:last-of-type {
  margin-bottom:25vh;
}

#write-container {
    padding:2%;
    height:100%;
    display:flex;
    flex-direction:column;
}

#write-container .form-group:nth-of-type(2) {
  flex-grow:1;
  flex-basis:100%;
}

#write-container input, #write-container textarea {
    background-color:transparent;
    border:none;
    width:100%;
}

/* The entry textarea in the form */

#entry {
    height:100%;
    border:none;
    color:inherit;
    overflow:auto;
    text-align:left;
    outline:none;
    letter-spacing: 0.5px;
    padding-bottom:1%;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 3%, black 97%, rgba(0,0,0,0.3) 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 3%, black 97%, rgba(0,0,0,0.3) 100%);
}

#title {
  color:inherit;
}

#save-entry {
    margin-top:-35px;
    margin-left:2%;
    background-color: rgba(255,255,255,0.4);
}

#register {
  margin-top:-35px;
  margin-left:10px;
}

#save-entry:hover {
    background-color: rgba(255,255,255,0.6);
}

.entry-wrapper {
	border-radius: 20px;
	padding: 15px 0 25px 0;
	margin-top:30px;
}

.entry-wrapper form {
  height:100%;
}

.autohide {
    opacity: .3;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.autohide:hover {opacity: 1;}

.form-status-holder {
	opacity:0.6;
	text-align:center;
	position:relative;
	bottom:2px;
}

div.card {
	background-color:rgba(255,255,255,0.4) !important;
	border-radius:20px;
}

body.blueBoat {
	background: url('../images/boat-blue.jpg') no-repeat center center fixed; 
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.blueBoat .write-wrapper {
	color:#eee;
	height:66vh;
}

body.blueBoat #trashButton, body.blueBoat #editButton {
  fill: rgba(255,255,255,0.3);
}

body.blueBoat #trashButton:hover, body.blueBoat #editButton:hover {
  background-color: rgba(0,0,0,0.3);
}

body.blueBoat .entry {
    color:#eee;
}

body.coffeeCup {
	background: url('../images/sepia-coffee-cup.jpg') no-repeat center top fixed; 
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.coffeeCup .write-wrapper { 
	color:#a38068;
	height:75vh;
}

body.coffeeCup .entry { 
    color:#a38068;
}

body.hazyHills {
	background: url('../images/hazy-hills.jpg') no-repeat center center fixed; 
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.hazyHills .write-wrapper { 
	background-color: rgba(255,255,255,0.4);
	color:#333;
	height:80vh;
}

body.hazyHills .entry { 
    background-color: rgba(255,255,255,0.4);
    color:#333;
}

body.yellowBasket {
	background: url('../images/yellow-and-basket.jpg') no-repeat 70% center fixed; 
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.yellowBasket .write-wrapper { 
	color:#555;
	height:65vh;
}

body.yellowBasket .entry { 
    color:#555;
}

@media screen and (max-width:767px) {
  #top-auth-links {
    display:none;  
  }

  .marginTop {
    margin-top:16px;
  }
}