/* styles.css */

/* imports */
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');  
;

@import url('https://fonts.googleapis.com/css?family=Open+Sans');  
;


html,
body {
    height: 100%;
}

/* cover */

#cover {
    background: linear-gradient(
      rgba(0, 0, 0, 0.85), 
      rgba(0, 0, 0, 0.85)
    ), url('images/bg.jpg') center bottom no-repeat;
    background-size: cover;
    color: beige;
    font: 120%/1.5 "Didact Gothic", "Open Sans", "HelveticaNeue", sans-serif;
  -webkit-text-size-adjust: 100%;
    /*height: 100%;*/
    text-align: center;
    display: flex;
   /* align-items: center; */
    
}

/* tint - to tint all visible TODO placing a single element */


.tint {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.9);
}



#cover-caption {
 width: 100%;   
}

.head {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.padbot {
    padding-bottom: 1rem;
}

/* carousel responsive*/

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  max-height: 33rem;
}



/* carousel tint */

.cartint {
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  padding: 1rem;
  color: beige;
}

a, a:link, a:visited, a:hover {
    text-decoration: none;
  /*  color: beige; */
}

b {
    color: darkseagreen;
}

form {
    padding: 2rem;
}

#InputEmail1 {
    /* max-width: 10rem; */
}

h3 {
    color:darkseagreen;
}


#footer {
    padding: 0.2rem;
    background-color: #3f5340; 
    font-size: 80%;
}

.lefty {
    text-align:justify;
}

.form-bg {
    background-color: rgba(255,255,220,0.2);
    padding: 4rem; /* fix when it's small */
}

.form-control {
    background-color: darkseagreen;
}

.max-col {
    max-width: 28rem;
}

.max-col-text {
    max-width: 36rem;
}

.form-check-label {
    padding-right: 1rem;
}

#formresult {
    height:100%;
}

.btn-success {
    background-color: darkseagreen;
    color: black;
}


.bar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open>.nav-link {
    color: beige; 
}

.bg-darkseagreen {
    background-color: #3f5340;
}
/* deploy where??? TODO

$('.carousel').carousel({
  interval: 2000
})

*/