/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  margin: 0;
  padding: 0;
  color: #5a5a5a;
  font-family: ubuntu, sans-serif;
  font-weight: lighter;
}

.page-body li, .page-body li a {
  line-height: 20px;
  font-size: 14px;
}

a {
  color: rgb(110, 167, 74);
}

a:hover {
  color: rgb(75, 124, 47);
}

.wrapper {
  width: 100%;
}

.colour-bar {
display: block;
margin: 0;
padding: 0;
font-size: 5px;
height: 33px;
background-color: #5c247b;
border: none;
}

.colour-bar img {
  margin-top: 5px;
}

/* NAVBAR CSS ITEMS
-------------------------------------------------- */
a.brand {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 35px;
  line-height: 35px;
}

.brand h2 {
  font-weight: lighter;
  color: rgb(87, 87, 87);
  margin: 0 0 0 -23px;
  padding: 0;
  line-height: 35px;
}

.navbar {
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 0;
}

.navbar-inner {
  background-color: white;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-box-shadow: none;
  background-image: none;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.nav {
  min-height: 35px;
  height: 35px;
  text-align: left;
}

li.navtop, li.dropdown {
  text-transform: lowercase;
  font-weight: lighter !important;
  line-height: 35px;
}

li.navtop a {
  font-size: 22px !important;
}

ul.dropdown-menu a {
  font-size: 14px !important;
}

.navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus, a.dropdown-toggle {
  background-color: white;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 5px 15px 0px 15px !important;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
  background-color: rgba(237, 237, 237, 0.3);
}


.navbar .nav>li>a:hover,  .navbar .nav>.active>a:hover {
  color: rgba(108, 108, 108, 0.3);
  background-color: white;
  padding: 5px 15px 0px 15px !important;
}

.nav>li>a .caret {
  padding-top: 10px;
  vertical-align: middle;
}

.navbar .btn {
  margin-top: 5px;
}

/* FEATURE */
.feature {
  height: 350px;
  margin-top: -20px;
  overflow: hidden;
}


/* RESPONSIVE CSS ITEMS
-------------------------------------------------- */
/* Full size overrides */
@media (min-width: 979px) and (max-width: 1199px) { 
  a.brand, .brand img {
    padding-top: 8px;
    height: 45px;
  }

  :not(li) > ul > li > a {
    font-size: 18px;
  }

  .span2 {
    width: 170px !important;
  }

  .documentation {
    margin-left: 180px;
  }

  .span4 {
    width: 280px;
    margin-left: 10px;
  }

  .span6 {
    width: 450px;
  }

  .span10 {
    width: 750px !important;
    overflow: hidden;
  }

} /* end full width */

/* Landscape phone to portrait tablet */
@media (min-width: 769px) and (max-width: 979px) { 

  .span2 {
    width: 160px !important;
  }

  .documentation {
    margin-left: 170px;
  }

  .span10 {
    width: 550px !important;
    overflow: hidden;
  }

  .span6 {
    width: 550px;
  }

  .code {
    display: none;
  }
}

/* Landscape phones and down */
@media (max-width: 480px) { 


} /* end phone CSS */

/* DOCUMETATION SPECITIC */
ul.apiDocs {
  margin-left: 0px !important;
}

ul.apiDocs, .apiDocs ul {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-left: 5px !important;
}

.apiDocs li {
  list-style: none;
  padding: 8px;
  display: block;
  line-height: 18px;
  margin-left: 5px !important;
  text-transform: none;
}

.apiDocs li.attribute, li.subgroup {
  font-size: 16px;
  font-weight: 300 !important;
  border-bottom: 1px solid rgb(235, 234, 236) !important;
  display: block;
  cursor: pointer;
} 

li.attribute:hover {
  background-color: rgba(247, 247, 247, 0.54);
}


li.subgroup {
  font-size: 14px;
  color: rgba(90, 90, 90, 0.65);
}

.apiDocs .icon {
  float: right;
  margin-right: 15px;
  margin-top: 2px;
}

.apiDocs .type {
  font-size: 14px;
  font-weight: lighter;
  color: rgb(165, 164, 165);
  text-align: left;
  float: right;
  width: 125px;
}

.apiDocs li.description {
  padding-left: 35px;
  color: rgb(126, 126, 127);
  display: none;
}

.apiDocs .example {
  font-family: "Courier New", Courier, monospace;
  color: rgba(126, 126, 127, 0.66);
  padding-left: 45px;
  padding-bottom: 25px;
  display: block;
}


.popover {
  max-width: 420px !important;
}

.popover-content .example {
  padding-top: 10px;
  padding-left: 5px !important;
  padding-bottom: 5px;
}

.apiDocs .helpertext {
  display: block;
}

li.subgroupDetails {
  padding-left: 10px;
}

li.subgroupDetails {
  padding-top: 0;
  padding-bottom: 0;
}

/* PRETTIFY CSS */
.com { color: #93a1a1 !important; }
.lit { color: #195f91 !important; }
.pun, .opn, .clo { color: #93a1a1 !important; }
.fun { color: #dc322f !important; }
.str, .atv { color: rgb(108, 107, 112) !important; font-weight: lighter; }
.kwd, .prettyprint .tag { color: #1e347b !important; }
.typ, .atn, .dec, .var { color: teal !important; }
.pln { color: #48484c !important; }


.code {
  overflow: hidden;
  margin-left: 20px;
}

.code pre {
  font-size: 10px;
  line-height: 16px;
  border: none !important;
  margin-left: 5px;
  overflow: hidden;
  word-break: none;
  word-wrap: none;
  background-color: rgba(253, 253, 253, 0.3);
}

.code pre.prettyprint,  {
  border: none;
  padding: 4px !important;
  background-color: rgba(247, 247, 249, 0.27);
  border-radius: 0;
}

.documentation .span6 {
  margin-left: 0;
}

.code ul, .code li {
  margin: 0;
  padding: 1px;
  text-transform: none;
}

.code li {
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  line-height: 16px;
  list-style: none;
  padding-left: 15px;
  margin-left: 10px;
  color: rgba(81, 81, 81, 0.69);
}


.sample h4, .documentation h4 {
  color: rgb(175, 174, 175);
  border-bottom: 1px solid rgba(222, 221, 223, 0.5);
  padding-top: 10px;
  padding-bottom: 3px;
  margin-bottom: 8px;
  padding-left: 8px;
  font-weight: 300;
}

.sample li {
  color: #008 !important;
  font-family: monospace, serif;
  font-size: 12px;

  padding-top: 2px;
  padding-bottom: 2px;
}

.sample li .domain, .sample li .cfguid {
  font-style: italic;
  color: #ccc;
}

.sample-attribute {
  color: #606; !important;
}

.sample-string {
  color: rgb(0, 136, 0);
}

.sample-bool {
  color: #066;
}

.code li ul li {
  padding-left: 10px;
}

/* specific li tags */
.code li.start, .code li.end {
  padding-left: 0;
}

.code li.hover {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: rgba(237, 237, 237, 0.4);
  border-radius: 5px;
}

/* HOME PAGE */
.carousel {
  margin-bottom: 60px;
}

.carousel .container {
  position: relative;
  z-index: 9;
}

.carousel-control {
  height: 80px;
  margin-top: 0;
  font-size: 120px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  background-color: transparent;
  border: 0;
  z-index: 10;
}

.carousel .item {
  height: 350px;
}
.carousel img {
  min-width: 1600px;
}

.carousel .img-right img {
  position: absolute;
  top: 0;
  right: 0;
}

.carousel .img-left img {
  position: absolute;
  top: 0;
  left: 0;
}

.carousel-caption {
  padding: 15px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  position: static;
  max-width: 550px;
  margin-top: 50px;
}
.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
  margin-top: 10px;
}

.dark h1, .dark p, .dark p.lead {
  color: rgb(35, 35, 35) !important;
  text-shadow: 0 1px 1px rgba(178, 178, 179, 0.8) !important;
}

.dark {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.home_body .split_title {
  margin-top: 25px;
}

.home_body li, .split_title li, .home_footer li {
  line-height: 12px;
}

.home_body h2, .split_title h2 {
  font-weight: 300;
}

.home_body p, .home_body li, .home_body a, .split_title p, .split_title li, .split_title a, .footer p, .footer li, .footer a {
  line-height: 24px;
  font-size: 16px;
}

.home_welcome h2, .split_title h2 {
  font-size: 68px;
  color: rgb(137, 33, 161);
}

.home_welcome p, .split_title p {
  margin-bottom: 10px;
  padding-bottom: 20px;
  line-height: 24px;
  font-size: 16px;
}

.home_welcome p.lead, .split_title p.lead {
  font-size: 22px;
  line-height: 28px;
  color: rgb(114, 171, 73);
}

.home_welcome {
  padding-top: 20px;
  padding-bottom: 40px;
}

.split_title {
  padding-top: 35px;
  padding-bottom: 25px;
}

.page_background {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
  background-color: rgba(246, 246, 246, 0.7);
  background-image: linear-gradient(270deg, rgb(216, 216, 217) 0%, rgb(246, 246, 246) 100%);
}

.home_background {
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 0;
  background-color: rgb(246, 246, 246);
}

.home_background .col1, .home_background .col2 {
  padding-right: 30px;
}

.home_background .col1 {
  border-right: 1px solid rgb(216, 215, 217);
}

.home_background .col1 h2, .home_background .col2 h2 {
  font-size: 32px;
  font-weight: 300;
  color: black;
}

.home_background .col1 ol, .home_background .col2 ul {
  margin-left: 65px;
  margin-bottom: 35px;
}

.home_background .image_right {
  text-align: right;
}

.shadow-top {
  position:relative
}

.shadow-top:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: url(data:image/svg+xml;
  base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=0);
}



.footer {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(50, 50, 50, 0.7);

  background-image: linear-gradient(135deg, rgb(85, 85, 85) 0%, rgb(64, 64, 64) 100%);

  border-top: 1px solid rgb(50, 50, 50);
}

.footer h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 10px;
  color: rgb(246, 246, 246);
  text-transform: lowercase;
}

.footer ul, .footer li, .footer li a {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: rgba(246, 246, 246, 0.6);
}

.footer ul, .footer h3 {
  margin-left: 20px;
}

.footer li a:hover {
  color: white;
  text-decoration: none;
}

.footer li {
  margin-left: 10px;
}

.footer .copyright {
  padding-top: 45px;
  text-align: center;
  clear: both;
  color: rgba(246, 246, 246, 0.4);
}

.footer .span3 {
  margin-left: 10px;
}

.footer .footer-logo {
  text-align: right;
}