/*
Dark #463F32
Light #8E877C
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto+Slab:700|Amaranth:400);
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4em;
  line-height: 1.35;
  background-color: #eeeeee;
  background-repeat: repeat-y;
  background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#dedede));
  background: -webkit-linear-gradient(left, #dedede, #eeeeee);
  background: -moz-linear-gradient(left, #dedede, #eeeeee);
  background: -ms-linear-gradient(left, #dedede, #eeeeee);
  background: -o-linear-gradient(left, #dedede, #eeeeee);
}
.ccms .photo img,
.ccms img.photo {
  max-width: 100%;
}
.ccms h1, .ccms h2 {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  line-height: 1.2;
}
.ccms h3, .ccms h4, .ccms h5, .ccms h6 {
  font-weight: 700;
  line-height: 1.3;
  color: #8D867B;
}
.ccms h1 {
  font-size: 3.0em;
}
.ccms h2 {
  font-size: 2.25em;
  color: #463F32;
}
.ccms h3 {
  font-size: 1.75em;
  color: #463F32;
}
.ccms h4 {
  font-size: 1.25em;
  color: #463F32;
}
.ccms h5 {
  font-size: 1.1em;
}
.ccms h6 {
  font-size: 0.9;
}
.ccms h1,
.ccms h2,
.ccms h3,
.ccms h4,
.ccms h5,
.ccms h6 {
  margin: 0 0 12px 0;
}
.ccms h1 a,
.ccms h2 a,
.ccms h3 a,
.ccms h4 a,
.ccms h5 a,
.ccms h6 a {
  color: black;
}
.ccms p {
  margin: 0 0 15px 0;
}
.ccms .kicker {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
  font-size: 14px;
}
.ccms p.kicker {
  margin: 0 0 10px 0;
}
.ccms .meta {
  color: #999;
  font-size: 0.8em;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
.ccms .more {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  color: #999;
  margin-top: 10px;
  /*text-transform: uppercase;*/
  font-size: 13px;
}

/* Bootstrap reset */
.label {
  border-radius: inherit;
  color: inherit;
  display: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: inherit;
  text-align: inherit;
  vertical-align: inherit;
  white-space: inherit;
}
.lead {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: inherit;
}

/* Template base */
.ccms {
  padding: 20px;
  margin: 15px auto 20px auto;
  background: white;
  box-shadow: 3px 3px 10px #ccc;
}
.ccms header {
  margin-bottom: 10px;
  margin-top: 10px;
}
.ccms header .nameplate img {
	max-height: 75px;
}
.ccms header .slogan img {
	margin-top: 20px;
}
.ccms header .placedate {
  font-weight: bold;
  margin-top: 30px;
  font-family: 'Amaranth', sans-serif;
  font-size: 1.3em;
  color: #8E867C;
}
.ccms header .wx {
  font-weight: bold;
  font-family: 'Amaranth', sans-serif;
  font-size: 1.1em;
  color: #8E867C;
}
.ccms header .wx img {
  max-height: 30px;
}
.ccms .page-body {
	margin-bottom: 25px;
}
@media only screen and (min-width : 768px) {
	.ccms aside.page-rail {
		width: 330px;
	}
	.ccms .page-body {
		width: 410px;
		min-height: 300px;
		margin-bottom: 0;
		border-bottom: none;
		padding-bottom: 0;
		border-right: 1px solid #efefef;
	}
}
@media only screen and (min-width : 992px) {
	.ccms .page-body {
		width: 630px;
	}
}
@media only screen and (min-width : 1200px) {
	.ccms .page-body {
		width: 830px;
	}
}

.ccms footer {
  font-size: 0.8em; 
}
.ccms footer,
.ccms footer a {
  color: #bbb;
}
.ccms .navlinks {
  line-height: 30px;
  font-size: 0.85em;
}
.ccms .navlinks li {
  border-left: 1px solid #eeeeee;
  padding-left: 10px;
  padding-right: 10px;
}
.ccms .navlinks li:first-child {
  border-left: 0;
}

/* Nav */
.navbar-default { /* Overall type & color of nav */
  /*font-family: 'Open sans', sans-serif;*/
  font-family: "Roboto Slab",serif;
  color: white;
  font-size: 1.3em;
  font-weight: 300;
  /*text-transform: uppercase;*/
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  height: auto;
  /*margin-top: -15px;*/
  margin-bottom: 25px;
}
.navbar-brand {
  color: white !important;
}
.navbar-default ul.nav {
  /*margin-top: -6px;*/
}
.navbar { /* Remove static height settings */
  min-height: 0;
  height: auto;
  border-radius: 0;
}
.navbar-default .navbar-nav > li > a { /* Adjust padding above and below nav items */
  padding: 10px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: white;
}
nav, nav a, .navbar .nav > li > a { /* Reset links of various states to a single color */
  color: white;
  padding-left: 13px;
  padding-right: 13px;
}
.navbar-default .navbar-nav li.dropdown:hover > a {
  color: white;
}
@media (min-width: 769px) { /* Padding reset for desktop */
  .navbar-default .container-fluid {
    padding: 0;
  }
}
.navbar-default .dropdown:hover .dropdown-menu { /* Enable dropdown expand on hover. By default it expands on click */
  display: block;
}
.navbar-default .dropdown-menu > li > a { /* Overall spacing & font */
  padding: 7px 15px;
  font-size: 85% !important;
}
.navbar-default .navbar-nav .dropdown-menu a { /* Hover state for dropdown items */
  color: white;
  font-size: 1.0em !important;
  /*background-color: red;*/ /* Remove this setting to use the default dropdown background */
}
.navbar-default .navbar-nav .dropdown-menu a:hover { /* Hover state for dropdown items */
  color: white;
  /*background-color: #1a5900;*/
}
.navbar-default .dropdown-menu .divider { /* Spacing and color of dividers */
  margin: 4px 0;
  color: blue;
}
.navbar-default .navbar-toggle { /* Hamburger button styling */
    /*border-color: red;*/
    background: white;
}
.navbar-default .navbar-toggle .icon-bar { /* Hamburger icon styling */
  /*background-color: #1a5900;*/
}
.navbar-default .dropdown-menu .divider { /* Color for dropdown dividers */
  background: purple;
}
.navbar-default,
.navbar-default .navbar-nav .dropdown-menu a:hover,
.navbar-default .navbar-toggle .icon-bar,
.pk-layer.withear .ear-col,
.ebri .footer {
  background-color: #463F32;
}
.navbar-default .navbar-nav li.dropdown:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .dropdown-menu { /* Overall background  */
  background-color: #8E877C;
}

/* Carousel */ 

.ccms .index .carousel {
  margin-bottom: 30px;
}
.ccms .index .carousel .carousel-indicators {
  bottom: -30px;
}
.ccms .index .carousel .carousel-indicators li {
  border-color: #bbb;
  background-color: #bbb;
}
.ccms .index .carousel .carousel-indicators .active {  
    background-color: #666;
    height: 12px;
    margin: 0;
    width: 12px;
}
.ccms .index .carousel .photo.vertical {
  width: 40%;
  margin: 0 12px 7px 0;
}
.ccms .index .carousel .photo.horizontal {
  margin-bottom: 7px;
}
.ccms .index .carousel .lede {
  font-size: 90%;
}

/* Boxes */

div.box {
  font-size: 90%;
  margin-bottom: 30px;
}
div.box .bar {
  background: #8E877C;
  color: white;
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-size: 1.3em;
  padding: 5px;
  margin-bottom: 10px;
}
div.box .item.topborder {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dedede;
}
div.box .photo {
  margin-bottom: 10px;
}
div.box .photo.inset {
  width: 30%;
  float: left;
  margin: 0 10px 5px 0;
}
div.box.police .log {
  font-size: 1.0em;
}
div.box.police .slug {
  font-family: 'Roboto Slab', serif;
  color: #8E877C;
  font-size: 1.5em;
  margin-right: 4px;
}
div.box.comments .attribution {
  margin-bottom: 5px;
}
div.box.comments li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dedede;
}
div.box.comments li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
div.box.comments .comment {
  font-family: 'Amaranth', sans-serif;
  font-size: 1.4em;
  font-weight: 400;
}
div.box.calendar h4,
div.box.calendar h5 {
  font-weight: normal;
}
.partner {
  font-size: 85%;
  line-height: 1.0;
  margin-bottom: 7px;
}
.partner,
.partner a {
  color: #888;
}
.box .partner {
  margin-top: -6px;
}
#published .time {
  display: none;
}
.attribution {
  font-style: italic;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}