/* overrides and client-customized styles */
/* 488 Indiana Wesleyan University AA */

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

#hero1 /* Trusted resource */ {
 background-image:url('/app_themes/blankcanvas/AIP/images/home-hero-07-1000x400px.jpg');}
#hero2 /* Life */ {
 background-image:url('/app_themes/blankcanvas/AIP/images/home-hero-08-1000x400px.jpg');}
#hero3 /* ID Theft */ {
 background-image:url('/app_themes/blankcanvas/AIP/images/id-theft-hero-1000x400px.jpg');}
#hero4 /* Travel */ {
 background-image:url('/app_themes/blankcanvas/AIP/images/100-sample-photo-1000x400px.jpg');}
#hero5 /* Health*/ {
 background-image:url('/app_themes/blankcanvas/AIP/images/home-hero-ehealth1-1000x400px.jpg');}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #d11140;  /* red */}
.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: #d11140;  /* red */
      font-size: 200px;  }
  .logo-small {
      color: #d11140;  /* red */
      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: #d11140;  /* red */ }

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