/* home screen hero section */

.home  div.jumbotron.jumbotron-search{
  background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../../images/splash/home.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 92vh;
  position: relative;
}
.home  div.jumbotron.jumbotron-search h1{
  text-align: center;
  color: #fff;
}

.home .dialog{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.home  #search-jumbotron-slj{
  font-size: 58px !important;
}

.home  #search-jumbotron-tagline{
  font-family: 'pt-sans', sans-serif;
  font-size: 18px;
}

/* downward pointing arrow on first jumbotron to signal user that there is more content below */
.home  #down-signal{
  color: #FFF;
  font-size: 25px;
  display: block;
  bottom: 0;
  position: absolute;
  margin: 0 auto;
  width: auto;
  cursor: pointer;
  left: 47%;
}

/* remove nav search on home */

.home .header-search{
  display: none;
}


/* search bar on home screen */


.home div.search-form {
  padding:10px;
  margin: 5% auto;
  font-size: 38px !important;
  text-shadow: 1px 1px black;

}

/* home search bar */


.home .search-form #searchform input#s,
.home .search-form #searchform input#s:visited{
  display: block !important;
  outline-width: 0;
  border: 2px solid #fff;
  height: 100%;
  font-size: 15px;
  height: 50px !important;
  color: #fff !important;
  /* background: transparent;*/
  background-color: rgba(255,255,255,0.2);
}

.home input::-webkit-input-placeholder{
  color: #EFEFEF;
}
.home input:-moz-placeholder {
  color: #EFEFEF;
}
.home input:-ms-input-placeholder {
  color: #EFEFEF;
}

.home .search-form #searchform #searchsubmit{
  border-radius: 0;
  right: 0;
  top: 0;
  border: 0;
  line-height: 5px;
  color: #fff !important;
  padding: 22px;
  border-left: 2px solid #fff;
  font-size: 23px;
  cursor: pointer;
  text-shadow: none;
  background: transparent;
}

.home .search-form #searchform #searchsubmit:hover{
  background: #fff;
  transition: background 0.15s ease-in 0s, color 0.15s ease-in 0s ;
  color: #222 !important;
}




/* about slj */

.home #frontpage_content_row{
  padding-top: 10px;
  padding-bottom: 0px;
}
.home .aboutus-container{
  padding-bottom: 20px;
}
.home .aboutus-container h3 {
  font-family: "trajan-sans-pro",sans-serif;
}
.home .about-us{
  font-size: 40px;
  color: #333;
  text-transform: uppercase;
}

/* photo of SLJ */
.home .slj{
  margin-bottom: 15px;
  width: 300px;
  height: 400px;
  margin-right: 30px;
}

.home .text{
  line-height: 1.5em;
  font-size: 15px;
  padding:8px 0;
}


.home .macarthur-quote{
  background-image: url('../../images/quote-bg.jpg');
  height: auto;
  background-size: cover;
  background-position: center;
  margin: 0;
  padding: 80px 0 !important;
}
.home .macarthur-quote p{
  font-family: "trajan-sans-pro", sans-serif;
  font-size: 17px;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.8;
  text-transform: uppercase;
}
.home .macarthur-quote p strong{
  font-weight: 600;
}


/* container-with-world-background*/

.home .container-with-world-background{
  background-image: url('https://sljinstitute.net/wp-content/uploads/2014/08/map-bg.jpg');
  height: auto;
  background-size: cover;
  background-position: center;
  margin: 0;
}

.home .first-header{
  color: white !important;
  padding: 50px;
  font-size: 35px !important;
}

.home .second-header{
  color: white;
  text-align: center;
  padding: 0 30px 30px 30px;
  margin-top: 0;
}

/* get the app */

ul#social_media_icons{
  font-size: 30px !important;
}

li.fa.fa-youtube, li.fa.fa-envelope, li.fa.fa-facebook, li.fa.fa-rss{
  color: #333;
}

.home .get-the-app{
  text-transform: lowercase;
  font-size: 35px !important;
  margin-bottom: 30px;
}

.home .get-the-app-container{
  background: #4682B4;
  margin: 0;
  padding: 50px;

}
.home .get-the-app-container h1 {
  color: white;
  font-family: "trajan-sans-pro",sans-serif;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.home .get-the-app-container h3{
 color: white;
 font-size: 20px;
 padding-top: 0;
 margin-top: 0;
 font-family: 'pt-sans',sans-serif;
}

.home .app-cluster{
  margin-bottom: 20px;
}
.home .app-cluster img{
  padding: 10px;
  display:inline-block;
  max-width: 180px;
  height: auto;
}