/* Styles go here */

body {
  background-color: #070700;
  /*background-image: url('http://cdn.elegantthemes.com/blog/wp-content/uploads/2013/09/bg-9-full.jpg');*/
  background-image: url('/images/bg/bg-9-full.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  /*causes background image to stay put and content moves instead so we never get to the end of image*/
  background-attachment: fixed;
}

.container {
  /* padding-top: 25px; */
}

.adFont {
  font-family: 'Architects Daughter', cursive;
}

.bsFont {
  font-family: 'Berkshire Swash', cursive;
}

.blueBlur {
  text-shadow: 0em 0em 0.5em DarkBlue;
}

.logo {
  color: ghostWhite;
  font-family: 'Architects Daughter', cursive;
}

.logoFirstLetters {
  font-family: 'Berkshire Swash', cursive;
}

.logoOtherLetters {
  color: lightBlue;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Architects Daughter', cursive;
}

/*not overriding for some reason
not sure i like it any better anyway...*/
.subFooterWell {
  background-color: lightBlue; 
  background-color: rgba(173,216,230, 0.20);
}

.panel, .panel-default, .panel-header, .panel-footer {
  border-bottom-left-radius: 30px !important;;
  /* border-top-right-radius: 30px !important; */
  /*i don't want a regular color for this one first, just want nothing if it can't do it*/
  /* background-color: rgba(255, 255, 255, 0.6); */
-webkit-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  -moz-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
}

.jumbotron:hover,
.panel:hover {
  /*i don't want a regular color for this one first, just want nothing if it can't do it*/
background-color: rgba(255, 255, 255, 0.6);
/* -webkit-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
-moz-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60); */
}

.jumbotron,
.well,
.panel,
.panel-default > .panel-heading {
  background-color: rgba(255, 255, 255, 0.65);
}

.panel-footer {
  background-color: rgba(255, 255, 255, 0.35);
  /* color: ghostWhite; */
  /* background-color:rgba(0,0,0, 0.75); */
}

.panel-primary > .panel-heading {
  background-color: #070700;
  /* background-color: rgba(0, 0, 0, 0.70); */
}

.btn-info {
  background-color: #070700;
}

/* .panel-footer .btn {
  background-color: #070700;
} */

/* .panel-footer .btn:hover {
  background-color: darkBlue;
} */

header {
  /*keep it in a fixed position and on top of everything else at all times*/
  /*   position: fixed;
z-index: 1000; */
  /* top: 0; */
  /* left:0; */
  /* width: 100%; */
  /* background-color: LightSteelBlue; */
  /* background-color: rgba(176, 196, 222, 0.10); */
  width: 90%;
  margin: auto;
}

#headerLogo {
  /* padding-bottom: 5px; */
}

#headerNav {

}

footer {
  text-align: center;
}


#content {}


/* html {
  width: 85%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
} */


/* form {
  the next 2 lines remove the space after a form tag
  margin: 0px;
  padding: 0px;
} */


/* th {
  background-color: darkGray;
}

table,
th,
td {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}

table tr:nth-child(odd) {
  background-color: #f1f1f1;
}

table tr:nth-child(even) {
  background-color: #ffffff;
}

tfoot {
  text-align: center
} */

nav {
  /* text-align: center; */
  /*adjust animation.css animation*/
  -webkit-animation-duration: 0.05s;
  /* -webkit-animation-iteration-count: infinite; */
  /* -webkit-animation-delay: 2s; */
}

/*nav li {*/


/*make navigation bar horizontal*/


/* display: inline; */


/*   padding: 2% 1% 2% 1%;

border-top-left-radius: 20%;
border-bottom-right-radius: 20%; */


/* } */

.db-nav {
  /* display: inline; */
  /* padding: 2% 1% 2% 1%; */
  /* border-top-left-radius: 20%; */
  /* border-bottom-right-radius: 20%; */
  /* text-decoration: none; */
  /* color: #070700; */
}

.db-nav:hover {
  /* background-color: #070700; */
  /* color: lightblue; */
  /* -webkit-box-shadow: 5px -5px 5px 3px rgba(0,0,0,0.53);
-moz-box-shadow: 5px -5px 5px 3px rgba(0,0,0,0.53); */
  /* box-shadow: 5px -5px 10px -2px rgba(0,0,255,0.53); */
  /* -webkit-box-shadow: 0px -6px 31px -10px rgba(33,43,224,1);
-moz-box-shadow: 0px -6px 31px -10px rgba(33,43,224,1); */
  /* box-shadow: 0px -6px 31px -10px rgba(33,43,224,0.5); */
}

.nav > li > a {
  /* background-color: ghostWhite; */
  color: ghostWhite;
  border-style: none;
  border-top-right-radius: 35%;
  border-top-left-radius: 35%;
}

.nav > li > a:hover {
  background-color: #070700;
  border-style: none;
  cursor: pointer;
  -webkit-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  -moz-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  border-top-left-radius: 0%;
  /* border-bottom-left-radius: 35%; */
}

.nav-tabs > li.active > a {
  color: darkBlue;
  background-color: ghostWhite;
  font-weight: bold;
  border-style: none;
  cursor: pointer;
  -webkit-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  -moz-box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  box-shadow: 0px -9px 9px -6px rgba(0, 0, 0, 0.60);
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  border-bottom-left-radius: 35%;
  border-top-left-radius: 0%;
}

.nav-tabs > li.active > a:hover {
  color: darkBlue;
  background-color: ghostWhite;
  font-weight: bold;
  cursor: pointer;
  border-style: none;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  /* border-bottom-left-radius: 35%; */
}


/************
animation
************/

.debug {
  /*from*/
  transition: all linear 0.1s;
  background-color: transparent;
  width: 100%;
  position: relative;
  top: 0;
}

.ng-hide {
  /* to */
  /* background-color: transparent; */
  top: -400px;
}


/************
form authentication
************/


/*should see what bootstrap offers instead of this*/


/*this offers green or red shadow based on input validity
          the way the model knows about it is due to the required tag
          then angular gives us the css classes to use ng-invalid and valid*/


/*           .requiredInput {
  outline: none;
} */


/* .requiredInput.ng-invalid {
  box-shadow: 0 0 5px rgba(255, 0, 0, 1);
} */


/* form {
  padding: 5%;
}
form.ng-invalid {
  background-color: pink;
  background-color: rgba(255, 0, 0, 0.1);
}

form.ng-valid {
  background-color: lightgreen;
  background-color: rgba(0, 255, 0, 0.1);
  padding: 3%;
} */


/*           .requiredInput.ng-valid {
  box-shadow: 0 0 5px rgba(0, 255, 0, 1);
} */