/*
  mainlogix.css
  LogASys/wgr, 11/2014
*/

/*----------------------------------------------------------------------------*/

* {
  font-family: 'Play', sans-serif;
}

.panel-primary {
  border-color: rgb( 255, 202, 5 );
}

html, body {
  height: 100%;
}

body {
  padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
  color: rgb( 64, 64, 64 );
  background: linear-gradient( to bottom, rgba( 255, 255, 255, .15 ) 0%, rgba( 64, 64, 64, .75 ) 100% );
  background-attachment: fixed;
}

.well > p, .well > span {
  color: rgb( 64, 64, 64 );
  /*text-shadow: 0px 1px 1px rgba( 80, 80, 80, 0.5 );*/
}

a {
  color: rgb( 64, 0, 0 );
}

a:focus {
  color: darkslategray;
}

a:hover {
  color: darkslategray);
}

li:hover {
  /*font-weight: bold;*/
  background-color: rgb( 255, 202, 5 );
}

.btn-default {
  border: 1px solid rgb( 255, 255, 255 );
  border-image: none;
  color: rgb( 51, 51, 51 );
  text-shadow: none;
  background-color: rgb( 255, 255, 255 );
}

.btn-default:hover {
  border: 1px solid rgb( 255, 255, 255 );
  border-image: none;
  color: rgb( 51, 51, 51 );
  text-shadow: none;
  background-color: rgb( 255, 255, 255 );
}

.btn-default:focus {
  border: 1px solid rgb( 255, 255, 255 );
  border-image: none;
  color: rgb( 51, 51, 51 );
  text-shadow: none;
  background-color: rgb( 255, 255, 255 );
}

/*----------------------------------------------------------------------------*/

.img-hover:hover {
  opacity: 0.8;
}

/* Home Page Carousel */
header.carousel {
  height: 40%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
  height: 100%;
}

header.carousel .fill {
  width: 60%;
  height: 100%;
  background-position: center;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
}

/* Footer Styles */
footer {
  margin: 10px 0px;
}

/* Responsive Styles */

@media( max-width:991px ) {
  .customer-img,
  .img-related {
    margin-bottom: 30px;
  }
}

@media( max-width:767px ) {
  .img-portfolio {
    margin-bottom: 15px;
  }

  header.carousel .carousel {
    height: 70%;
  }
}

/*----------------------------------------------------------------------------*/