/* 
    Document   : klever.scss
    Created on : 15-Jan-2014, 17:51:11
    Author(s   : Keoghan, Ian
    Description:
        To generate css file to overload the klever customer bootstrap for this site.

	DO NOT EDIT THE CSS FILE DIRECTLY WE'LL LOSE THE CHANGES WHEN SASS PROCESSES THE FILES
*/
.navbar {
  background-image: url("/kontent-ten/img/menu-bg.png");
  margin-top: 60px;
  background-repeat: repeat-x;
  overflow: visible;
  font-size: 14px;
  box-shadow: 3px 3px 12px -5px #cccccc;
  -moz-box-shadow: 3px 3px 12px -5px #cccccc;
  -webkit-box-shadow: 3px 3px 12px -5px #cccccc; }

.navbar-header {
  max-height: 60px; }

@media (min-width: 768px) {
  .navbar-brand {
    padding: 0;
    position: relative;
    top: -26px; }

  .navbar-brand img.lg {
    display: block; }

  .navbar-brand img.sm {
    display: none; } }
@media (max-width: 767px) {
  .navbar-brand {
    padding: 0;
    position: relative;
    top: -1px;
    left: 9px;
    height: 50px; }

  .navbar-brand img.lg {
    display: none; }

  .navbar-brand img.sm {
    display: block; } }
@media (max-width: 767px) {
  .navbar-collapse.collapsing,
  .navbar-collapse.in {
    border: 1px solid gainsboro;
    margin: 50px 0 30px 0; } }
.navbar-default .navbar-toggle {
  padding: 6px;
  margin-bottom: 5px; }
  .navbar-default .navbar-toggle .home {
    background-color: #008b98; }
  .navbar-default .navbar-toggle .our-team, .navbar-default .navbar-toggle .about {
    background-color: #99007e; }
  .navbar-default .navbar-toggle .our-work, .navbar-default .navbar-toggle .websites {
    background-color: #009973; }
  .navbar-default .navbar-toggle .bespoke {
    background-color: #9a0000; }
  .navbar-default .navbar-toggle .our-services, .navbar-default .navbar-toggle .ecommerce {
    background-color: #997b00; }

.navbar-nav > li > a {
  border-top-width: 8px;
  border-top-style: solid;
  padding: 5px 12px 0 12px;
  height: 60px;
  display: inline-block; }

.navbar-nav > li > a.item-dropdown-toggle-close {
  padding-right: 4px; }

.navbar-nav > li > a.dropdown-toggle.dropdown-toggle-close {
  padding-left: 4px; }

@media (max-width: 767px) {
  .navbar-collapse.collapsing,
  .navbar-collapse.in {
    border: 1px solid gainsboro;
    margin: 6px 0 13px 0; }

  .navbar-nav > li > a {
    border-top-style: solid;
    border-top-width: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    width: 100%; } }
@media (min-width: 768px) {
  .navbar-nav > li {
    max-width: 140px; } }
.navbar-default .navbar-nav > .home > a, .navbar-default .navbar-nav .homepage > a {
  color: #008b98;
  border-color: #008b98; }
  .navbar-default .navbar-nav > .home > a:hover, .navbar-default .navbar-nav > .home > a:focus, .navbar-default .navbar-nav .homepage > a:hover, .navbar-default .navbar-nav .homepage > a:focus {
    color: #008b98;
    border-color: #006d77; }
.navbar-default .navbar-nav > .our-team > a, .navbar-default .navbar-nav .about > a {
  color: #99007e;
  border-color: #99007e; }
  .navbar-default .navbar-nav > .our-team > a:hover, .navbar-default .navbar-nav > .our-team > a:focus, .navbar-default .navbar-nav .about > a:hover, .navbar-default .navbar-nav .about > a:focus {
    color: #99007e;
    border-color: #780063; }
.navbar-default .navbar-nav > .our-work > a, .navbar-default .navbar-nav .websites > a {
  color: #009973;
  border-color: #009973; }
  .navbar-default .navbar-nav > .our-work > a:hover, .navbar-default .navbar-nav > .our-work > a:focus, .navbar-default .navbar-nav .websites > a:hover, .navbar-default .navbar-nav .websites > a:focus {
    color: #009973;
    border-color: #00785a; }
.navbar-default .navbar-nav > .our-services > a, .navbar-default .navbar-nav .management-systems > a {
  color: #9a0000;
  border-color: #9a0000; }
  .navbar-default .navbar-nav > .our-services > a:hover, .navbar-default .navbar-nav > .our-services > a:focus, .navbar-default .navbar-nav .management-systems > a:hover, .navbar-default .navbar-nav .management-systems > a:focus {
    color: #9a0000;
    border-color: #790000; }
.navbar-default .navbar-nav > .e-commerce > a {
  color: #997b00;
  border-color: #997b00; }
  .navbar-default .navbar-nav > .e-commerce > a:hover, .navbar-default .navbar-nav > .e-commerce > a:focus {
    color: #997b00;
    border-color: #786000; }
.navbar-default .navbar-nav > .contact-us > a {
  border-color: #92918f;
  border-color: #92918f; }
  .navbar-default .navbar-nav > .contact-us > a:hover, .navbar-default .navbar-nav > .contact-us > a:focus {
    color: #92918f;
    border-color: #82807e; }

#admin_links {
  background-color: #333333;
  border: 1px solid #000000;
  color: #ffffff;
  padding: 10px 0 10px 0; }
  #admin_links a {
    color: #ffffff; }
  #admin_links button {
    background: #ffffff;
    color: #333333; }
  #admin_links .dropdown-menu > li > a {
    color: #333333; }

#private_menu {
  background-color: #dfdfdf;
  border: 1px solid #cecece;
  color: #333333;
  padding: 10px 0 0 0; }
  #private_menu a {
    color: #333333; }

.carousel .item {
  background-color: #008B98;
  height: 230px; }

.carousel {
  margin-top: 1em; }

.carousel-control {
  opacity: 0.8; }

/* these panels will be better creating widget using the bootstrap panel-types
 * now that we've remapped the colours
 */
.panel {
  background-image: linear-gradient(to bottom, white 0%, #efefef 100%);
  background-repeat: repeat-x;
  box-shadow: 3px 3px 12px -5px #cccccc;
  -moz-box-shadow: 3px 3px 12px -5px #cccccc;
  -webkit-box-shadow: 3px 3px 12px -5px #cccccc; }

.panel-default > .panel-heading {
  background: transparent;
  color: #333333;
  border-top: 7px solid #DDDDDD;
  border-bottom: none; }

div#text-3 .panel-heading {
  border-color: #008B98;
  color: #008B98; }

div#box-our-team .panel-heading {
  border-color: #99007E;
  color: #99007E; }

div#box-our-work .panel-heading {
  border-color: #009973;
  color: #009973; }

div#box-our-services .panel-heading {
  border-color: #9A0000;
  color: #9A0000; }

div#text-7 .panel-heading {
  border-color: #997B00;
  color: #997B00; }

div#box-contact-us .panel-heading {
  border-color: #92918F;
  color: #92918F; }

footer {
  margin-top: 60px;
  background-color: #f6f6f6;
  color: #999999;
  font-size: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 3px 3px 12px -5px #cccccc;
  -moz-box-shadow: 3px 3px 12px -5px #cccccc;
  -webkit-box-shadow: 3px 3px 12px -5px #cccccc; }
  footer .row > div {
    padding-top: 20px; }
  footer .social-bar {
    padding-top: 10px; }
    @media (max-width: 767px) {
      footer .social-bar {
        padding-top: 0; } }
    footer .social-bar .social:before {
      color: inherit; }
    footer .social-bar a {
      color: #999;
      text-decoration: none; }
      footer .social-bar a:hover {
        color: #008b98; }

.form-signin {
  margin: 0 auto;
  max-width: 365px;
  padding: 15px; }

.form-signin .btn {
  margin-top: 15px; }

.portfolio-container .portfolio-main {
  display: block;
  float: left;
  width: 930px;
  height: 440px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 1199px) {
    .portfolio-container .portfolio-main {
      width: 730px;
      padding-left: 10px; } }
  @media (max-width: 991px) {
    .portfolio-container .portfolio-main {
      width: 510px; } }
  @media (max-width: 767px) {
    .portfolio-container .portfolio-main {
      width: 410px;
      height: auto;
      float: none;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 429px) {
    .portfolio-container .portfolio-main {
      width: 100%;
      height: auto; } }
  .portfolio-container .portfolio-main .scroll {
    padding-left: 10px;
    background: white;
    position: absolute;
    right: 0;
    height: 440px; }
    @media (max-width: 767px) {
      .portfolio-container .portfolio-main .scroll {
        display: none; } }
    .portfolio-container .portfolio-main .scroll a:link, .portfolio-container .portfolio-main .scroll a:hover, .portfolio-container .portfolio-main .scroll a:active, .portfolio-container .portfolio-main .scroll a:visited {
      margin-top: 30px;
      margin-bottom: 30px;
      padding: 70px 30px 70px 30px;
      color: #9a0000;
      display: block; }
    .portfolio-container .portfolio-main .scroll span {
      font-size: 30px;
      color: #9a0000; }
.portfolio-container .portfolio-mini {
  float: right;
  display: block;
  width: 200px;
  height: 400px;
  overflow: hidden;
  margin-top: 20px;
  position: relative; }
  @media (max-width: 767px) {
    .portfolio-container .portfolio-mini {
      display: none; } }

.portfolio-nav {
  color: #9a0000;
  font-size: 30px;
  text-align: right;
  margin-bottom: 20px; }
  .portfolio-nav a {
    color: #9a0000;
    padding: 10px; }

ul.portfolio {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap; }
  @media (max-width: 767px) {
    ul.portfolio {
      white-space: normal; } }
  ul.portfolio li {
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 20px; }
    ul.portfolio li img {
      width: 400px;
      height: 400px;
      margin: 0;
      border: 1px solid #999999;
      padding: 5px;
      box-shadow: 3px 3px 12px -5px #cccccc;
      -moz-box-shadow: 3px 3px 12px -5px #cccccc;
      -webkit-box-shadow: 3px 3px 12px -5px #cccccc; }
      @media (max-width: 429px) {
        ul.portfolio li img {
          width: 100%;
          height: auto; } }

ul.portfolio-sm {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.portfolio-sm li {
    margin-right: 20px;
    display: block;
    margin-bottom: 20px; }
    ul.portfolio-sm li img {
      width: 190px;
      height: 190px;
      margin: 0;
      border: 1px solid #999999;
      padding: 5px;
      box-shadow: 3px 3px 12px -5px #cccccc;
      -moz-box-shadow: 3px 3px 12px -5px #cccccc;
      -webkit-box-shadow: 3px 3px 12px -5px #cccccc; }

ul.portfolio-checklist {
  margin: 10px 0 40px 0;
  padding: 0;
  list-style-type: none; }
  ul.portfolio-checklist li {
    margin: 0 0 10px 0;
    padding: 0;
    height: 52px; }
    ul.portfolio-checklist li h3 {
      color: #999999;
      font-weight: bold;
      margin: 0;
      padding: 0;
      font-size: 14px;
      float: left;
      padding: 15px 0 0 15px; }
    ul.portfolio-checklist li img {
      float: left; }

.portfolio_item h2 {
  color: #9a0000;
  text-transform: uppercase;
  margin: 0;
  padding: 15px 0 15px 0;
  font-size: 18px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #999999; }
.portfolio_item img.main-portfolio-image {
  width: 100%;
  padding: 5px;
  background: white;
  border: 1px solid #999999; }

.text-home {
  color: #008b98; }

.text-team {
  color: #99007e; }

.text-work {
  color: #009973; }

.text-services {
  color: #9a0000; }

.text-contact {
  color: #92918f; }

address {
  border-left: 8px solid #92918f;
  min-height: 200px;
  padding: 10px;
  font-size: 16px; }
  address h3 {
    margin-top: 0; }
  address.post {
    border-left-color: #008b98; }
    address.post h3 {
      color: #008b98; }
  address.telephone {
    border-left-color: #009973; }
    address.telephone h3 {
      color: #009973; }
  address.email {
    border-left-color: #99007e; }
    address.email h3 {
      color: #99007e; }

.people-image {
  border-left: 8px solid #e5e5e5;
  margin-top: 22px; }
  .people-image.roger {
    border-left-color: #008b98; }
  .people-image.ian {
    border-left-color: #99007e; }
  .people-image.keoghan {
    border-left-color: #009973; }
  .people-image.beth {
    border-left-color: #9a0000; }
  .people-image img {
    border: 1px solid #92918f; }

table.table-roj {
  font-size: x-small; }
  table.table-roj > tbody > tr > td, table.table-roj > tbody > tr > th {
    padding: 2px;
    text-align: center; }

table.table-roj-tight {
  font-size: xx-small; }
  table.table-roj-tight > tbody > tr > td, table.table-roj-tight > tbody > tr > th {
    padding: 1px;
    text-align: center; }

.nav-pills > li > a {
  font-size: smaller; }

.table > tbody > tr > td.info, .table > tbody > tr > th.info {
  background-color: #d9a6d0; }
.table > tbody > tr.info {
  background-color: #d9a6d0; }