/* overrides and client-customized styles */
/* 469 University of Alaska Fairbanks AA */

#hero1, #hero2, #hero3, #hero4  {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 40%;
  padding: 50px 25px;
  position: relative; }

#hero1  {
  background-image: url('/app_themes/blankcanvas/AIP/images/home-hero-04-1000x400px.jpg');
}
#hero2  {
  background-image: url('/app_themes/blankcanvas/AIP/images/home-hero-01-1000x400px.jpg');
}
#hero3  {
  background-image: url('/app_themes/blankcanvas/AIP/images/id-theft-hero-1000x400px.jpg');
}
#hero4  {
  background-image: url('/app_themes/blankcanvas/AIP/images/100-sample-photo-1000x400px.jpg');
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #236192;  /* blue */}
.carousel-indicators li {
    border-color: #fff;  /* white */ }
.carousel-indicators li.active {
    background-color: #fff;  /* white */}

.jumbotron {
    color: #025196 ; /*  navbar blue  */
    background-image: url('/app_themes/blankcanvas/AIP/images/108-sample-photo-1000x400px.jpg');
    /*background-position: 0% 25%;*/
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 25px;
    font-family: Montserrat, sans-serif;
}
  .logo {
      color: #236192;  /* blue */
      font-size: 200px;  }
  .logo-small {
      color: #236192;  /* blue */
      font-size: 50px;
    }

  .navbar-default .navbar-toggle {
    border: none;
	}
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    }

  /* MLG added to make navbar legible */
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #025196 !important; /* same blue as navbar bkgrnd */
      background-color: #fff !important; 
	}
  .navbar-default .navbar-nav>.open>a, 
  .navbar-default .navbar-nav>.open>a:hover, 
  .navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;  /* gray */
    color: #025196 !important;} /* same blue as navbar bkgrnd */
  /* -------------------------------- */

  .dropdown-menu>li>a {color: #025196 !important; /* same blue as navbar bkgrnd */} 
  .dropdown-menu>li>a:hover {background-color: #efefef !important;  /* light gray */}

  .thumbnail {
      padding: 14px;
	}

  footer .glyphicon,
  footer .fa {
    color: #236192;  /* blue */ }


  #portfolio {
   /*  border-top: 9px solid #dd0000; red */
  }

@media screen and (max-width: 768px) {
  #hero1, #hero2, #hero3, #hero4  {
    padding: 30px 25px 50px 25px;}
}