/* Reset CSS*/

html, body, header, footer, hgroup, nav, article, section, figure, figcaption, h1, h2, h3, ul, li, body, div, p, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* Aligns the baseline of the element with the baseline of the parent element. This is default*/
  vertical-align: baseline;
}

/* Override */
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

.panel-group {
  padding-left: 30px;
}

h4, 
.list-group-item {
  font-family: 'Gill Sans Bold', Calibri, sans-serif;
}

a,
.panel-title {
  color: #F576B9; /* Persian Pink */
}

.list-group-item a:hover,
.titles a:hover {
  color: #777;
} 

.navbar-default .navbar-nav>li>a {
  color: #777;
  border-bottom: 1px solid #9b9b9b;
}

.navbar-nav > li {
    float: none;
}

.nav > li {
    position: relative;
    display: inline-block;
}

.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  color: #50c4e9; /* Blue */
}

.row {
  margin: 0 auto;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
  color: #50c4e9; /* Blue */
  background-color: transparent;
}   

.navbar-header {
  background-color: #fff;
}

.navbar-form {
  border-top: 0;
  border-bottom: 0;
}

.carousel-control.right,
.carousel-control.left {
  /* Override background to take off grey gradient on slider */
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
  background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));
  background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
}

.carousel-control,
.carousel-control:focus {
  /* Override carousel arrows color */
  color: #080808; /* Grey */
}

.carousel-control:hover {
  /* Override carousel arrows on hover color */
  color: #F576B9; /* Persian Pink */
}


.carousel-indicators li {
  /* Override carousel circle indicators color */
  background-color: #ddd; /* Grey */
}

.carousel-indicators li {
  /* Override carousel circle indicators color */
  background-color: #ddd; /* Grey */
}

.carousel-indicators .active {
  /* Override carousel circle indicators active color */
  background-color: #50c4e9; /* Blue */
}

@media screen and (min-width: 768px) {
  .carousel-indicators {
    /* Override carousel circle indicators to show below images */
    bottom: -45px;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    /* Override carousel circle indicators to still show on smaller screens */
    display: inherit;
  }
}

footer,
footer p {
  color: #777;
  padding: 30px 0 0 0; /* Override */
}

/* Content */

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/gill-sans-mt-light.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Gill Sans Regular';
  src: url('../fonts/gill-sans-mt-regular/GIL.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Gill Sans Bold';
  src: url('../fonts/gill-sans-mt-bold.ttf') format('truetype');
  font-weight: bold;
}

#loginLogo {
  padding: 0 15px;
}

html,
body {
  height: 100%;
}

body {
  font-family: 'Gill Sans', Calibri, sans-serif;
  color: #777; /* Grey #756c6c */
  margin: 0;
}

/* Hide panel when desktop size */
.panel-group {
  display: none;
}

/* Show list when desktop size */
.my-list {
  display: inherit;
}

#loginCreds {
  line-height: 3;
  float: right;
  padding-right: 15px;
}

#lastItemFooter {
  padding-bottom: 30px;
}

#contact {
  padding-top: 0;
}

.tableElementEmulation {
  margin: 0 15px 0 95px;
  min-width: 900px;
  /* overflow: auto; */
}

#workTable {
  min-width: 1000px; /* 800px */
}

.trElementEmulation li {
  list-style: none;
  float: left;
  padding: 2px 10px 2px 0;
  min-width: 205px;
}

.trElementEmulation.workTr li {
  min-width: 275px;
}

.tdElementEmulation a.active {
  color: #50c4e9; /* Blue */
}

.titles,
.titles a {
  font-family: 'Gill Sans Bold', Calibri, sans-serif;
  color: #F576B9; /* Persian Pink */
}

.titles a {
  font-size: 85%;
}

a.workTitle {
  font-size: 100%;
}

#awardsTitle,
.workTitle {
   line-height: 3;
}

.main {
  display: table;
}

.active,
.titles a.active {
  color: #50c4e9; /* Blue */
}

/* Responsive image */
@media(max-width:991px) {
    #splash-preload {
    }
}

/* Responsive image */

img {
    max-width: 100%;
    height: auto;
}

/* Override carousel to maintain aspect ratio */
.carousel-inner > .item > a > img.carousel, 
.carousel-inner > .item > img.carousel, 
.img-responsive.carousel, 
.thumbnail a > img.carousel, 
.thumbnail > img.carousel {
    display: block;
    max-width: 720px;
    max-height: 485px;
}

/* Auto for other non-carousel pages */
/* Override carousel to maintain aspect ratio */
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img, 
.img-responsive, 
.thumbnail a > img, 
.thumbnail > img {
    width: auto;
    height: auto;
}

@media (min-width: 768px) and (max-width: 979px) {
   /* Take off border from nav when phone size */
   .navbar-default .navbar-nav>li>a {
     color: #777;
   }

   .navbar-collapse {
     white-space: nowrap;
   }

  .main {
    min-width: 800px;
  }

  #workTable {
    min-width: 700px;
  }

}

.my-icon {
  margin: 0 15px 0 30px;
  vertical-align: middle;
  float: left;
  max-height: 48px;
  max-width: 48px;
}

@media (max-width: 768px) {
   /* Take off border from nav when phone size */
   .navbar-default .navbar-nav>li>a {
     color: #777;
     border-bottom: 0;
   }

   .nav > li {
    position: relative;
    display: block;
   }

   /* Smaller icon when phone size */
  .my-icon {
    height: 28px;
    width: 28px;
    margin: 0px auto 10px; /* Center for better text flow */
    display: block;
    float: none;
  }

  /* Center for better text flow */
  .titles {
    margin: 0 0 10px 30px;
    display: block;
  }

  .main {
    display: inherit;
    width: 95%;
  }

  .titles.main {
    text-align: center;
  }

  #workTable.titles.main {
    text-align: inherit;
  }

  #workTable {
    min-width: 0;
  }

  /* Make links list view */
  .tableElementEmulation {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .trElementEmulation li {
    float: none;
  }

  /* Show panel when mobile size */
  .panel-group {
    display: block;
  }

  /* Hide list when mobile size */
  .my-list {
    display: none;
  }

  /* Override carousel max-width so full img shows on mobile */
  .carousel-inner > .item > a > img.carousel, 
  .carousel-inner > .item > img.carousel, 
  .img-responsive.carousel, 
  .thumbnail a > img.carousel, 
  .thumbnail > img.carousel {
    max-width: 100%;
  }

}