/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

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. */
}

.text-primary {
  color: #89CBED;
}

.navbar-brand {
  height: 75px;
}

.navbar-nav {
  padding-top: 12px;
}

.navbar-nav>li {
  border: 1px solid;
}

.navbar-nav .social-icons {
  color: #CCCCCC;
}
.navbar-nav .social-icons:hover {
  color: #FFFFFF;
}

.navbar-toggle {
  margin-top: 20px;
}

.img-portfolio {
    margin-bottom: 30px;
}

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

/* Helper Styles */

.no-padding {
  padding: 0;
}

.large-page-space {
  padding: 20px;
}

.fluid-black-bkgrd {
  background-color: #f5f5f5;
  padding: 5px 0 10px 0;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Home Page Styles */

.if-a-panel {
  background-image: url('../img/phone-home-what-if-app.png');
  background-repeat: no-repeat;
  background-position: 0 40px;
  background-size: 100%;
}
.if-a-panel-margin {
  margin-top: 330px;
}

.mtx-panel {
  background-image: url('../img/lego-home-mtx-pricing.png');
  background-repeat: no-repeat;
  background-position: right top;
}
.mtx-panel-margin {
  margin-right: 220px;
}

.china-panel {
  background-image: url('../img/world-home-china.png');
  background-repeat: no-repeat;
  background-position: right top;
}
.china-panel-margin {
  margin-right: 130px;
}

.usability-panel {
  background-image: url('../img/lens-home-usability.png');
  background-repeat: no-repeat;
  background-position: right top;
}
.usability-panel-margin {
  margin-right: 220px;
}

/* Tab Styles */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background-color: #ecfee3;
}

/* Form Styles */

.form-green-bkgrd {
  background-color: #ecfee3;
  border: 1px solid #dddddd;
  border-top-color: transparent;
  padding: 20px;
}

/* Image Styles */

.img-top-btm-margin {
  margin: 10px 0;
}

.img-right-margin {
  margin-right: 10px;
}

.img-thumbnail-small {
  width: 200px;
}


/* Footer Styles */

.footer {
  width: 100%;
  min-height: 75px;
  color: #9d9d9d;
  background-color: #000000;
  text-align: center;
  padding: 15px 0;
}

/* Bootstrap Override Styles */

.bg-warning {
  background-color: #ECD955;
}
.panel-info>.panel-heading {
  color: #000000;
  background-color: #5EC1DD;
}
.panel-success>.panel-heading {
  color: #000000;
  background-color: #a7c746;
}
.panel-danger>.panel-heading {
  color: #000000;
  background-color: #F59103;
}
.panel {
  margin: 0;
  border: 1px solid #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.panel-heading {
  border-radius: 0;
  border-bottom: 0;
}


/* Media Queries
================================= */

/* Extra small devices only */
/* No media query since this is the default in Bootstrap */
@media(max-width:767px) {
    .img-portfolio { margin-bottom: 15px; }
    .if-a-panel { background-size: 380px; }
    .if-a-panel-margin { margin-top: 220px; }
}

/* Small devices and up */
@media(min-width:768px) {
    .img-portfolio { margin-bottom: 15px; }
    .if-a-panel-margin { margin-top: 400px; }
}

/* Medium devices and up */
@media (min-width: 992px) {
    .customer-img, .img-related { margin-bottom: 30px; }
    .if-a-panel-margin { margin-top: 270px; }
}

/* Large devices and up */
@media (min-width: 1200px) {
    .if-a-panel-margin { margin-top: 320px; }
}