@import "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";

html, body{
    height:100%;		/* For full height images */
    font-family:'Montserrat', sans-serif;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #eee;
}

.alert {
    margin-top: 0;
    margin-bottom: 5px;
}

body>.navbar-transparent {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.navbar-transparent .navbar-nav > .active > a {
    background-color: transparent;
}

.navbar-form {
    margin-right: 0;
}

.navbar-nav>li>a.profile-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 2em;
}

.navbar-nav>.btn{
    margin-top: 5px;
    margin-right: 1.7em;
}

.navbar-nav>.btn:hover{
    margin-top: 5px;
    margin-right: 1.7em;
}

.sign-up-button, .sign-up-button:hover{
    margin-top: 5px;
    margin-right: 1.7em;
}

.navbar-nav > li > a {
    font-size: 16px;
}

.navbar-brand {
    font-weight: bold;
}

.navbar-brand > img {
    float: left;
    margin-right: 10px;
    max-height: 20px;
}

.navbar-right > li:last-child {
    margin-right: 10px;
}

.navbar-spacer {
    height: 71px;
}

/*.btn {
    background-image: none;
    -webkit-box-shadow: 0px 1px 0px #ddd;
    -moz-box-shadow: 0px 1px 0px #ddd;
    box-shadow: 0px 1px 0px #ddd;
}*/

/* Home page styling */
.corporate-jumbo {
    /*background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)),*/
    background-image: linear-gradient(rgba(0, 47, 86, 0.5), rgba(0, 47, 86, 0.5)), url("/static/img/banner.jpg");
    background-repeat: no-repeat;
    background-position: 80% center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #f5f5f5;
    padding: 5em 0;
    margin-bottom: 0;
    height: 40%;
    position: relative;
    min-height: 25%;
}

.corporate-jumbo-small {
    background-image: linear-gradient(rgba(0, 70, 132, 0.8), rgba(0, 70, 132, 0.8)), url("/static/img/code.jpg");
    height: 25%;
}

.hero_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
}

.corporate-jumbo .well {
    background-color: rgba(245, 245, 245, .7);
}

.corporate-jumbo p, .corporate-jumbo h1 {
    color: #eee;
    text-shadow: 0px 0px 2px black;
}

.corporate-jumbo p {
    font-weight: 500;
}

.corporate-jumbo .well legend {
    color: #333;
}

.corporate-jumbo > .container {
    display: block;
    position: absolute;
    top: 40%;
    left: 10%;
}

.corporate-jumbo > .container > .row > div a {
    width: 18em;
}

.contact-banner {
    padding: 100px 0;
    background: #e0e0e0;
    margin-top: 100px;
}

.footer a:hover {
    text-decoration: none;
}

.lead, .lead-title {
    color: white;
}

/* Profile page styling */
.profile-head {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2NkAIILFy78NzAwYATRjCABZEGwAEwFiA1WBlIOUwkA72gTdDIYVO4AAAAASUVORK5CYII=) repeat;
    padding: 70px 0px 30px 20px;
}
.profile-body {
    padding: 4px 0px;
}

.text-page {
    padding: 120px 0;
}

.st-logo a {
  color: inherit;
  text-decoration: none;
}
.st-logo img {
  width: 3em;
  height: 3em;
}

#map-outer {
    height: 440px;
    padding: 40px 20px;
    margin-bottom: 20px;
    background-color:#FFF
}

#map-container {
    height: 400px
}

.img-dim {
    opacity: 0.5;
    box-shadow: inset 0px 0px 64px 64px #EA1717, 0px 0px 4px 4px #EA1717;
}

/* Authentication forms */
.form-box form,
.form-box .form-message {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-box form .checkbox {
  margin-bottom: 10px;
}

.form-box form .checkbox {
  font-weight: normal;
}

.form-box form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-box form .form-control:focus {
  z-index: 2;
}

.btn {
    color: white;
	text-transform:uppercase;
    display:inline-block;
    align-content: center;
	/* padding:1rem 5rem; */
	font-size: 16px;
}

.btn-warning{
    border-radius: 0px;
    border: 0;
	background:#ff8809;
}
.btn-warning:hover{
	background:#d75900;
	color:white;
	margin: 0;
}
.btn-primary{
    border-radius: 0px;
    border: 0;
	background:#004684;
}
.btn-primary:hover{
	background:#002240;
	color:white;
	margin: 0;
}
.btn-success {
    border-radius: 0px;
    border: 0;
	background:#008425;
}
.btn-success:hover {
	background:#024000;
	color:white;
    margin: 0;
}
.btn-danger {
    border-radius: 0px;
    border: 0;
	background:#840025;
}
.btn-danger:hover {
	background:#400200;
	color:white;
    margin: 0;
}
.btn-default{
    border-radius: 0px;
    border: 0;
	background:#eee;
	color:black;
}
.btn-default:hover{
	background:#ddd;
	color:black;
	margin: 0;
}

#header-spacer{
    height: 50px;
}

input[type="file"] {
    display: none;
}
.custom-file-label {
    border: 1px solid #ccc;
    align-content: center;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    /* border-radius: 5px; */
}

.modal-dialog-fix {
    background-color: #ffffff !important;
    border-radius: 5px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%) !important;
}

.modal-header-info {
    background-color: #cce5ff !important;
    color: #004085 !important;
    border-color: #b8daff !important;
    border-radius: 5px 5px 0px 0px;
    border-radius-bottom: none;
}

.modal-header-danger {
    background-color: #f2dede !important;
    color: #a94442 !important;
    border-color: #ebccd1 !important;
    border-radius: 5px 5px 0px 0px;
    border-radius-bottom: none;
}

.modal-header-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 5px 5px 0px 0px;
    border-radius-bottom: none;
}

.highlight:hover {
    background:#ddd;
	color:black;
	margin: 0;
	cursor: pointer;
}

.loading-spin {
    animation: spin 4s linear infinite;
}

@keyframes spin { 100% { transform:rotate(360deg); } }