﻿html,
body {
    font-family: Ubuntu, Helvetica, Arial, sans-serif;
    height: 100%;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.navbar-withlogo .navbar-brand {
  padding: 1px 15px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

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

.page-header {
    margin-top: 20px;
    border-color: #337ab7;
}

hr {
    border-color: #337ab7
}

h2 {
    margin-top: 0px;
}

.jumbotron {
    margin-top: 4px;
    color: linen;
    text-shadow: 4px 4px 4px #404040;
    background-image: url("../Images/home-header.jpg");
    background-size: cover;
}

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

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

.breadcrumb {
    background-color: #D8EAD1
}

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-wrap {
    padding:0;
    list-style-type: none;
}

.read-more-wrap li {
    padding:1em 0;
}

.read-more-wrap li:first-child {
    padding:0;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}


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

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

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

/* Home Page Carousel *--

header.carousel {
    height: 50%;
}

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

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles *--

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

/* Pricing Page Styles *--

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles *--

footer {
    margin: 50px 0;
}

/* 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%;
    }
}
*/