/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 28, 2015, 6:53:49 PM
    Author     : aaronpackard
*/

#nav-logo {
    margin-top: -7px;
}
.blueimp-gallery > .description {
  position: absolute;
  top: 30px;
  left: 15px;
  color: red;
  display: none;
}

.blueimp-gallery-controls > .description {
  display: block;
}

.ng-invalid.ng-dirty {
    border-color: #FA787E;
}
.ng-valid.ng-dirty {
    border-color: #78FA89;
}
#download_btn {
    padding-left: 7px;
}
.bolder {
    font-weight: 8em;
}

#letter_nav {
  font-size: 40px;
  padding: 20px;
  background: #fff;
  border: solid 1px #2b338e;
  color: #2b338e;
}
#letter_well {
    padding:15px;
    background: #fff;
    border: solid 2px #2b338e;
    border-radius: 5px;
}
#patent_box {
    border: solid 1px #2b338e;
    border-radius: 5px;
    background: #ffffff;
}
.purple_well {
    background: #2b338e;
    border-radius: 5px;
}

.full {
  background: url(../images/steel-texture-full.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;    
}
body {
    background: none;
}
.purple_transparent {
    background: rgba(43, 51, 142, 0.7); 
    border-radius: 10px;
}
.purple_transparent2 {
    background: rgba(43, 51, 142, 0.4);
    border-radius: 2px;
    padding: 2px;
}

#steel_banner {
    background: url(../images/steel-texture-banner.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 95%;
  margin-top: -10px;
}

.content_header {
    font-family: 'Alegreya', serif;
    font-size: 2.6em;
}
.faq_question {
    font-family: 'Alegreya', serif;
    font-size: 1.6em;
    padding: 10px;
}
.faq_answer {
    font-family:  sans-serif;
    font-size: 1.2em;
    font-weight: .5em;
    line-height: 1.3em;
    padding: 10px;
    margin: 10px;
}
.history_paragraph {
    font-family:  sans-serif;
    font-size: 1.25em;
    font-weight: .5em;
    line-height: 1.4em;
    padding: 5px;
    margin: 5px;
}
.invention_title {
    font-family: 'Alegreya', serif;
    font-size: 2.4em;
}
#top_banner {
    margin-top: -20px;
}
#bio_pic {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px;
}
.invention_header {
    font-family: 'Alegreya', serif;
    font-size: 2.4em;
    color: #000000;
}
#bright_link {
    color:blue;
}
#opportunities_list span{
    font-size: 1.4em;
    padding: 5px;
    margin: 5px;
}
#opportunities_list a{
    font-size: 1.2em;
    color: #000000;
}
.patent_homepage {
    margin:18px;
}

#flame_bg {
  background: url(../images/flame_bg.jpg) ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#military_bg {
  background: url(../images/military_bg.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
#marine_bg {
  background: url(../images/marine_bg.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
#solar_bg {
  background: url(../images/solar_bg.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
#geo_bg {
  background: url(../images/geo_bg.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
#athletic_bg {
  background: url(../images/athletic_bg.jpg) no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: .85;
}

.spaced span {
    padding: 3px;
    margin: 3px;
}




/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.small_text {
    font-size: .4em;
}