body {
  background-color: #4f4f4f;
}

.content > .row {
  background-color: white;
}

.body {
  padding-bottom: 2em;
}

.pull-left {
  margin: 0 1em 1em 0;
  max-width: 50%;
}

.pull-right {
  margin: 0 0 1em 1em;
  max-width: 50%;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .2) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
}

.carousel-control.right {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .2) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
}


@media (min-width: 768px) {
  .content > .row {
    margin: 0;
  }
}

/* @group Typography */

html {
  font-size: 62.5%;
}

body {
  font: 1.6rem/1.428571429 "Trebuchet MS", sans-serif;
}

blockquote,
blockquote.pull-right {
  border-color: hsl(0, 0%, 60%);
  float: none !important;
  max-width: 100% !important;
}

blockquote p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: italic;
}

blockquote small {
  font-style: normal;
  color: hsl(0, 0%, 40%);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h2 {
  font-size: 180%;
  clear: both;
}

h3 {
  font-size: 150%;
}

h4 {
  font-size: 120%;
}

h5 {
  font-size: 100%;
}

h6 {
  font-size: 89%;
}

small {
  font-size: .75em;
}

address {
  margin: 1em 0;
  font-style: italic;
}

a {
  color: #069;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #069;
}

.ws_download_info {
  color: #999;
}

/* @end */

/* @group Site Header */

header {
  position: relative;
  background: url(../images/bkg-header.png) right 10px no-repeat;
}

@media (max-width: 991px) {
  header {
    background: url(../images/bkg-header.png) right 30px / 500px auto no-repeat;
  }
}

header h1 {
  width: 233px;
  height: 110px;
  background: url(../images/logo.png) left top / 100% no-repeat;
}

.utility-nav {
  position: absolute;
  right: 10px;
  top: 10px;
}

.utility-nav li {
  display: inline;
}

.utility-nav li:not(:last-child)::after {
  content: " |";
  color: gray;
}

.utility-nav a {
  color: white;
}

.utility-nav a:hover {
  text-decoration: underline;
}

/* @end */

/* @group Core Navigation */

.navbar {
  z-index: 10;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  min-height: 40px;
}

.menu-cap-top {
  height: 5px;
  background-color: white;
}

.navbar-brand {
  width: 233px;
  height: 110px;
  background: url(../images/logo.png) left top / 100% no-repeat;
  margin: 15px 0 15px 15px;
}

.menu-cap-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
}

.menu-cap-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -100;
}

.navbar-nav > li > a {
 color: white;
 padding: 8px 15px;
 line-height: 19px;
  font-weight: bold;
}

.navbar-nav > li > a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.navbar-collapse {
  background-color: hsl(215, 60%, 55%);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
  position: relative;
}

.navbar-toggle {
  border-color: #ccc;
  margin-top: 15px;
  background-color: hsl(0, 0%, 25%);
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-toggle .icon-bar {
  background-color: #888;
}

@media (min-width: 768px) {
  .container > .navbar-collapse {
    margin: 0 -10px;
  }
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
   padding: 8px 10px;
  }
}

@media (min-width: 992px) {
  .navbar-nav > li > a {
   padding: 8px 15px;
  }
}

.dropdown-menu {
  background-color: hsl(206, 70%, 70%);
  z-index: 100;
}

.dropdown-menu > li > a {
  color: white;
}

.dropdown-menu > li > a:hover {
  text-decoration: underline;
  background-color: transparent;
}

/* @end */

/* @group Page Header & Subnav */

.page_title {
  margin: 0 0 30px;
  font: bold 36px "Trebuchet MS", sans-serif;
  color: #333;
  background-image: linear-gradient(rgba(255,255,255,0), white, rgba(255,255,255,0));
  position: relative;
  display: table;
}

.page_title.parent {
  text-shadow: 0px 0px 3px #ffffff;
  margin: 0 20px 0;
}

#child-nav {
  margin: -18px 0 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  background: linear-gradient(rgba(255,255,255,0) ,rgba(230,235,242,1));
  padding: 20px 0 5px;
}

@media (min-width: 768px) {
  #child-nav .nav {
    display: table-cell;
    padding-right: 20px;
  }
}

#child-nav .nav > li > a {
  padding: 5px 10px;
}

#child-nav .nav > li > a:hover,
#child-nav .nav > li > a:focus {
  text-decoration: underline;
  background-color: transparent;
}

/* @end */

/* @group Path Navigation */

.ws-pathnav {
  overflow: hidden;
}

.breadcrumb {
  margin: 0;
  background-color: white;
  border-radius: 0;
}

.breadcrumb > li + li:before {
  content: "➤";
}

@media (max-width: 767px) {
  .ws-pathnav .container {
    padding: 0;
  }
}

/* @end */

/* @group Footer */

footer {
  color: #c4c4c4;
  font-size: 75%;
}

footer a {
  color: #46a6e1;
}

footer a:hover {
  color: #46a6e1;
  text-decoration: underline;
}

.subfooter {
  text-align: center;
  margin: 20px auto 50px;
  padding-top: 10px;
  border-top: 1px dotted #666;
  display: table;
}

/* @end */

/* @group Dropdown on Hover */

@media (min-width: 768px) {
  html.no-touch ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
  }
}

/* @end */

/* @group Gallery Blocks */

@media (max-width: 992px) { /* galleries lay out in grid at single colum break point */
  .page-three-col .pictures .ws_image_gallery_image {
    width: auto !important;
    padding: 5px !important;
  }
  .page-three-col .pictures .ws_image_gallery_image img {
    width: 220px !important;
  }
}

@media (max-width: 768px) { /* galleries lay out in grid at single colum break point */
  .page-featured-images .pictures .ws_image_gallery_image {
    width: auto !important;
    padding: 5px !important;
  }
  .page-featured-images .pictures .ws_image_gallery_image img {
    width: 220px !important;
  }
}

.fancybox-title-inside {
  margin: 0 !important;
}

/* @end */

/* @group Tables */

.table caption,
.table-striped caption,
.table-condensed caption {
  color: hsl(0, 0%, 70%);
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin: 2em 0 1em;
}

th[align="center"] {
  text-align: center;
}

/* @end */

/* @group Sidebar */

.sidebar {
  font-size: 85%;
}

.sidebar img,
.pictures img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 992px) { /* add top space and border at single colum break point */
  .page-three-col .sidebar {
    padding-top: 2em;
    border-top: 5px solid hsl(0, 0%, 95%);
  }
}

@media (max-width: 768px) { /* add top space and border at single colum break point */
  .page-sidebar .sidebar {
    padding-top: 2em;
    border-top: 5px solid hsl(0, 0%, 95%);
  }
}

/* @end */

/* @group Offsite Links */

a.offsite-link:after {
  content: "\f08e";
  font: .9em FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 3px;
}

/* @end */

/* @group Home Page */

.page-home > .row {
  padding-top: 20px;
  padding-bottom: 20px;
}

.feature_box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  margin-top: 20px;
  overflow: hidden;
}

.feature_box_content {
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05));
  overflow: hidden;
  margin: 3px;
  padding: 0 10px;
}

.feature_box.header {
  border-radius: 0px 0px 5px 5px;
}

.feature_box.header h2 {
  font: bold 20px/36px "Trebuchet MS", sans-serif;
  color: #fff;
  background-color: hsl(207, 54%, 31%);
  margin: 0 0 10px;
  padding: 0 10px;
}

.feature_box ul {
  padding-left: 1em;
}

#latest_news li,
#from_our_blog li {
  margin-bottom: 10px;
}

#latest_news small {
  color: #999;
}

.more_link {
  text-align: right;
  padding: 5px;
  border-top: 1px dotted #CCC;
  margin: 0px;
}

.twitter-timeline iframe {
  width: 100%;
}

.rss_displayer_post_date {
  font-size: 12px;
  color: #999;
}

.action-nav-home a {
  display: block;
  margin-bottom: 2%;
}

.social-media-home {
  margin-bottom: 20px;
}

.social-media-home .feature_box_content {
  padding: 7px;
}

.social-media-home ul {
  margin: 0;
  padding: 0;
}

.social-media-home li {
  list-style: none url(none);
  margin: 0 !important;
}

.social-media-home a {
  background: transparent url(../images/sm-sprite.png) no-repeat left top;
  padding-left: 50px;
  color: #666;
  display: block;
  height: 40px;
  margin-bottom: 5px;
  text-decoration: none;
  font: bold 20px/40px "Trebuchet MS", sans-serif;
}

.social-media-home #social-media-flickr a {
  background-position: left -50px;
  margin-bottom: 0;
}

.social-media-home #social-media-twitter a {
  background-position: left -100px;
}

.social-media-home #social-media-facebook a {
  background-position: left -150px;
}

.social-media-home #social-media-youtube a {
  background-position: left -200px;
}

/* @end */

/* @group Page List Blocks */

h3.ccm-page-list-title {
    margin-top: 10px;
    font-size: 18px;
  }

.ccm-page-list-description {
    border-bottom: 1px dotted #999;
    padding-bottom: 10px;
}

.page-list-thumbnail-item {
  border-bottom: 1px dotted #999;
  overflow: hidden;
  clear: both;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.page-list-thumbnail {
  display: block;
  float: left;
  margin: 0 1em 1em 0;
}

/* @end */

.content ul li {
  list-style: none outside url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpi/P//PwO5gImBAjCcNDMyMjYA8QUgFkBmYygEhTY6BgIDIP4AxBuAWAHKvgDEAijqsGmGGhAAMhuIFwCxA4xNlGaoAQugmhKQ2aTabEC0zWh+FiDJz0DQAFOMzEZXxzg00zZAgAEAkua5+2uV0zkAAAAASUVORK5CYII=');
}

.ws_youtube_thumbnail_caption {
  font-size: 70%;
}

/* @group Social Media - Horizonal */

.social-media {
  display: block;
  margin: 1em -5px;
  padding: 0;
}

.social-media li {
  display: inline-block;
  width: 25%;
  padding: 5px;
}

.social-media img {
  max-width: 100%;
  height: auto;
}

/* @end */

/* @group C5 Blocks */

.ccm-image-block {
  max-width: 100%;
  height: auto;
}

.ws_page_list_filter legend {
  display: inline-block;
  width: auto;
  border: none;
  font-size: 100%;
  margin: 0;
}

.filtered-page-list li {
  margin-bottom: 1em;
}

.caption {
  display: block;
  margin-top: .5em;
  font-weight: bold;
}

.carousel {
  margin-bottom: 10px;
}

.carousel-indicators {
  bottom: -20px;
  left: 0;
  width: auto;
  padding-left: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border: 1px solid hsl(220, 38%, 48%);
  margin: 0 2px 0 0;
}

.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 0 2px 0 0;
  background-color: hsl(220, 38%, 48%);
}

.page-lead-img img {
  max-width: 100%;
  height: auto;
}

.page-lead-copy {
  background-image: linear-gradient(#c7ddf0, white);
  padding: 15px;
}

/* @end */

/* @group Post Collections */

h2.ws-posts-title a {
  text-decoration: none;
}

.ws-posts-meta {
  margin: 1em 0;
  background-color: #f2f2f2;
  padding: 1em;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.ws-posts-next-prev-nav {
  padding: 0 !important;
}

.ws-posts-next-prev-nav li {
  list-style-type: none !important;
  list-style-image: none !important;
  margin-bottom: 1em;
}

#ws-post-top {
  display: table;
  width: 100%;
  margin-bottom: 1em;
}

#ws-post-top div {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

#ws-post-top .ws-posts-date{
  width: 100%;
}

#ws-post-top .ws-post-social-media-icon{
  padding-left: 5px;
}

/* @end */

/* @group Bill Detail Pages */

table.bill_meta {
  margin-bottom: 20px;
}

table.bill_meta th {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  padding: 3px 5px 3px 0px;
}

table.bill_meta td {
  text-align: left;
  padding: 3px 0px 3px 5px;
}

.legislative_position {
  text-transform: lowercase;
  font-weight: bold;
}

/* @end */

/* @group case Detail Pages */

.case-meta {
  padding: 10px;
  margin-bottom: 1em;
  background-color: hsl(0, 0%, 95%);
  border: 1px solid hsl(0, 0%, 90%);
}

/* expose timestamp in page properties */
#ccm-properties-standard-tab > div:nth-child(2) {
  display: block;
}

/* @end */