/* GLOBAL */
html {
    position: relative;
    min-height: 100%;
  }
body {
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 60px;
	color:#3b3b3b;
}

#banner .row {
	padding-top:0px;
	padding-bottom: 20px;
}

main .row {
	padding-top:20px;
	padding-bottom: 10px;
}

.available {
	color:#28B10F;
}

tr.available {
	color:#28B10F;
	background-color: #D3D3D3;
}

.occupied {
	color:black;
}

/* Cards */
.card {
	border-style:none;
	padding-bottom: 40px;
}

.card-header {
	font-size: 1.5rem;
	padding:0px;
	background-color: #ffffff;
	color:#003057;
	font-weight:800;
	border-style:none;
}

/* Leasing */
/* Add some shadows to create a card effect */
.leasing-card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  
  /* Some left and right padding inside the container */
  .leasing-container {
	background-color:white;
	padding: 10px 16px 0px 16px;
  }
  
  /* Clear floats */
  .leasing-container::after, .row::after {
	content: "";
	clear: both;
	display: table;
  }
  
  .leasing-button {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 8px;
	color: white;
	background-color: #000;
	text-align: center;
	cursor: pointer;
	width: 100%;
  }
  
  .leasing-button:hover {
	background-color: #555;
  }

/* Team */
/* Add some shadows to create a card effect */
.team-card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  
  /* Some left and right padding inside the container */
  .team-container {
	background-color:white;
	padding: 10px 16px 0px 16px;
  }
  
  /* Clear floats */
  .team-container::after, .row::after {
	content: "";
	clear: both;
	display: table;
  }
  
  .team-button {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 8px;
	color: white;
	background-color: #000;
	text-align: center;
	cursor: pointer;
	width: 100%;
  }
  
  .team-button:hover {
	background-color: #555;
  }

  a.lease-button{
	border: none;
	outline: 0;
	display: inline-block;
	padding: 5px;
	color: white;
	background-color: #4b4b4b;
	text-align: center;
	cursor: pointer;
	width: 100%;
	text-decoration: none;
  }
  
  a.lease-button:hover {
	background-color: #555;
  }

  a.btn-white {
	border: none;
	padding: 5px 20px;
  	text-decoration: none;
	background-color: #ffffff;
	cursor: pointer;
	color:#000000;
	border: 1px solid #333;
	width:100%;
	text-align: center;
}

a.btn-white:hover {
	background-color: #000000;
	color: #ffffff;
	transition: all .5s ease-in-out;
}

/* HEADER */
#blue-header {	
	color: white;
	background-color: #003057;
    font-size: 1.5rem; 
}

#blue-header a {
	color:white;
	padding-right:7px;
}

#blue-header a:hover{
    text-decoration: none;
}

/* main navigation */
.navbar-light .navbar-nav .nav-link {
	color: #3b3b3b;
}

#main-nav #navbarNav a {
	height: 2.5rem;
	font-size: .9rem;
	letter-spacing: .2px;
	font-weight: 400;
	color: #262626;
}

#main-nav #navbarNav a:hover {
    background-color: #262626;
    color: white;
}

#main-nav nav{
	background-color: #ffffff;
}

#main-nav .nav-link {
	display:inline;
}

#main-nav li {
	padding-bottom:5px;
}

footer {
	font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/* color rows */
.row-grey {
	background-color: #f4f4f4;
}

/* SUPER FOOTER */
footer {
    position: absolute;
    bottom: 0;
    height: 60px;}

/* footer grey */
.footer-grey {
	background-color: #3b3b3b;
	font-size: .9rem;
	font-weight: 400;
	color: #ffffff;
	padding-top: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}

.gold-border-left{
	border-left: 1px dotted #ffffff;
	padding-left: 10px;
}

/* grey footer link lists */
#grey-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#grey-footer li a {
	display: block;
	color: #ffffff;
}

#grey-footer a {
	color: #ffffff;
}

/* FOOTER */

/* MEDIA QUERY*/
/* get rid of | from drop down on small screens */
@media only screen and (max-width: 576px) {
	#main-nav li:not(:first-child):before {
		content: "";
	}
	
	#gold-header h1{
		font-size: 1.5rem; 
		padding-top: 0px; 
		padding-bottom: 0px;	
	}
}