/* app css stylesheet */
html,
body
{
    width: 100%;
    height: 100%;
    margin: 0;
    color: white;
    /*// no animations here!*/
}

[data-ng-cloak] {
    display: none;
}

hr {
  margin: 8px auto !important;
}

#mother {
  height: 100%;
  width: 100%;
  background: url(../images/lighthouse.jpg) no-repeat left top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#veamcast-tagline {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 100;
  color: #ffffff;
  font-size: 22px;
  font-weight: bolder;
  /*-webkit-text-stroke: 1px black;*/
  text-shadow:
     1px 1px 0 #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

#veamcast-form-panel {
  margin-top: 8%;
  border-radius: 10px;
  background-color: #444444;
  background-color: rgba(0,0,0,0.2);
}

.veamcast-screens {
  width: 70%;
  height: auto;
  opacity: .8;
  -webkit-transition: all none !important;
  transition:all none !important;
}

.veamcast-cta {
  font-size: 1.5em !important;
}

.veamcast-notes {
  font-size: 10px !important;
  color: #efefef !important;
}

.veamcast-carousel-text {
  font-size: 1.8em;
  line-height: 1.2em;
  min-height: 3em;
}

#veamcast-carousel {
  color: #ffffff;
  margin-top: 15%;
  margin-left: 5%;
 /* font-family: 'Josefin Sans', Arial, sans-serif;
  font-weight: 100;*/
/*  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 300;*/
  font-family: 'Oxygen', Arial, sans-serif;
  font-weight: 300;
}

.veamcast-muted {
  color: #eaeaea !important;
}

.hide-this {
  display: none;
}

.show-this {
  display: block !important;
}

.no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.faded {
  -webkit-transition:all linear 1s;
  transition:all linear 1s;
  opacity: 0;
  margin-left: -150px;
}

.fade-out {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
  opacity: 0 !important;
  margin-left: -75px !important;
}

.fade-in {
  -webkit-transition:all linear 1s;
  transition:all linear 1s;
  opacity: 1 !important;
  margin-left: 0px !important;
}

#footer {
  /*position: fixed;*/
  /*bottom: 10px;*/
  color: #eaeaea;
  /*right: 20px;*/
  font-weight: 100;
}