@font-face {
      font-family: 'Yanone Kaffeesatz';
      font-style: normal;
      font-weight: 400;
      src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('https://themes.googleusercontent.com/font?kit=YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4') format('woff');
   }
   img {
       max-width:100%;
       margin-bottom:1em;
   }
   picture {
       display:block;
       max-width:100%;
       margin-bottom:1em;
   }
   .wf-loading h3 {
      visibility: hidden;
   }
   #notifications {
     width: 100%;
     background-color: #238bb0;
     position: fixed;
     display: none;
     line-height: 30px;
     top: 0;
     left: 0;
     text-align: center;
     padding: .5em;
     z-index: 10000;
     color: #fff;
     font-size: 1.5em;
     font-family: 'Yanone Kaffeesatz', serif;
     letter-spacing: 2px;
   }
   #notifications a {
     font-size: 1em;
     text-decoration: underline;  
     color: #fff;
     font-family: 'Yanone Kaffeesatz', serif;
     letter-spacing: 2px;
   }
   body { 
     background-color:#333;
   }
   div.container {
     background-color: white;
   }
h1,h2,h3,h4,h5,h6 {
    font-family: 'Yanone Kaffeesatz', serif;
    font-size: 2em;
    margin-bottom: .5em;
}
h1 {
    font-size: 4.5em;
}
h2 {
    font-size: 4em;
}
h3 {
    font-size: 3.5em;
}
h4 {
    font-size: 3em;
}
h5 {
    font-size: 2.5em;
}
h6 {
    font-size: 2em;
}
#content p, #content ul, #content blockquote, #content ol {
    font-family: 'PT Serif', sans-serif;
    font-size:1.2em;
}
a, a:hover, a:visited {
    color: #238bb0;
}
nav, .navbar-brand {
    font-family: 'Yanone Kaffeesatz', serif;
    font-size: 1.5em;
    border-radius: 0px;
    margin-bottom: 0px;
}
.navbar {
    font-size: 1.25em;
    border-radius: 0px;
}
.navbar-nav li a {
    padding-top:15px;
    padding-bottom: 15px;
}
#datepicker {
    font-family: 'Yanone Kaffeesatz', serif;
}
.ui-datepicker-title, .ui-datepicker-calendar thead {
    font-family: 'Yanone Kaffeesatz', serif;
}
.nav-tabs a {
    font-family: 'Yanone Kaffeesatz', serif;
    font-size: 1.5em;
}
.navbar-brand {
  color: #fff !important;
}
.dropdown-menu a {
   font-size: 1.25em;
}
.rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #000 0 2px 10px;
    -moz-box-shadow: #000 0 2px 10px;
    box-shadow: #000 0 2px 10px;
    display: block;
    margin: 0 auto;
}
.rounded img {
    opacity: 0;
}

/* HEADER IMAGE */
#header-container {
}
#header {
    height: 90px;
    float:left;
    background-image: url('/static/img/header4.jpg');
}
#header a {
    display: block;
    height: 100%;
    width: 100%;
}

/* BREAKPOINTS TEST */
#breakpoint-test {
    text-align:center;
    background-color: #eee;
}
#breakpoint-test:before {
    content: "xs: ";
}
@media (min-width: 768px) { 
    #breakpoint-test:before {
        content: "sm: "
    } 
}
@media (min-width: 992px) { 
    #breakpoint-test:before {
        content: "md: "
    }
}

@media (min-width: 1200px) {
    #breakpoint-test:before {
        content: "lg: "
    }
}

#comment-toggler {
    margin-bottom: 1em;
}
#comment-toggler h6 {
    font-family: 'Yanone Kaffeesatz', serif;
    letter-spacing: 1px;
    font-size: 2em;
    letter-spacing: 1px;
    margin-bottom: .5em;
}
@media (min-width: 768px) {
  #content {
    border-right: 1px #eee solid;
  }
}


.bubble { position: relative; background: #fff; border: 10px solid #f53b5a; padding:12px;} 
.bubble:after, .bubble:before { right: 100%; top: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .bubble:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px; } .bubble:before { border-color: rgba(245, 59, 90, 0); border-right-color: #f53b5a; border-width: 29px; margin-top: -29px; }


#pluto
{ 
    opacity: .05;
}

.squaread {
    border: 1px dotted #222;
    text-align: center;
    margin-top: .8em;
    width: 330px;
    padding: 15px;
}

.skyscraper-left, .skyscraper-right {
    border: 1px dotted #222;
    width: 160px;
    height: 600px;
}
     
ul.dropdown-menu li a {
   padding-top: 0px;
   padding-bottom: 0px;
}
.stuck {
    position:fixed;
    top: 0;
}
#comment-toggler .active {
    background-color: #238bb0;
    color: black;
}
.featurephoto-caption {
  text-align:right;
  max-width: 100%;
}
.mug, .flex {
  text-align:center;
}
.mug {
  max-width: 45%;
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.mug img, .flex img {
  max-width: 100%;
}
p.pullquote {
  font-style: italic;
  font-size:1.5em !important;
  padding-top: .5em;
  padding-left:.5em;
  padding-bottom:.5em;
  margin-left:1em;
  margin-bottom: 1em;
  margin-top: 0px;
  border-top: 2px solid #8dd9ca;
  border-bottom: 2px solid #8dd9ca;
  line-height:1.4m;
}


.weedtable {
    margin: 0 auto;
    max-width:550px;
    font-family: 'Yanone Kaffeesatz', serif;
    margin-bottom:1em;
}
.weedtable td {
    text-align: center;
    color: #222;
}
.weedtable-head {
    font-size: 2em;
    background-color: #eee;
}
.weedtable .weedtable-subhead td {
    font-size: 1.66em;
    font-weight: bold;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    padding-top: .2em;
}
.weedtable .weedtable-data td {
    font-size: 1.66em;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-bottom: .2em;
}

  .body blockquote, .body p, .body ul, .body ol {
     max-width: 550px;
  }
  .body p.fullwidth, .body ul.fullwidth, body blockquote.fullwidth {
      max-width: 100%;
  }
  .body p.fullwidth img {
    display: block;
    margin: 0 auto;
  }
  .body blockquote {
     margin: 0 auto;
     border-left: 5px solid #113f84;
     padding-top: 0px;
     padding-bottom: 0px;
  }
  .body blockquote p, .body blockquote ul {
     font-size:16px !important;
  }
  .body p:first-child {
     margin-top: 0px;
  }
  .body p, .body ul, .body ol {
     margin: 1em auto;
  }


@media (min-width: 768px) {
  .flex {
    max-width: 45%;
    float: right;      
    margin-left: 1em;
    margin-bottom: 1em;
  }
  p.pullquote {
    max-width:50% !important;
    float:right;
  }
}
.bootstrap-switch-handle-on {
     background-color: #238bb0 !important;
}

.panel-default>.panel-heading {
     background-color: #238bb0 !important;
}
#crimetable {
    margin-bottom: 1em;
}
#crimetable td a.crime-f, span.crime-f {
    color: red !important;
}
#crimetable td a.crime-m, span.crime-m {
    color: green !important;
}
#crimetable td a.crime-i, span.crime-i {
    color: #DAA520 !important;
}
#crimetable tr.law {
    background-color: #dcdcdc;
}
#crimetable tr h3 {
    color: black;
    margin-bottom: .5em;
}
#crimetable td {
    padding: .5em;
    border-right: 1px solid black;
}
#crimetable td.last {
    border-right: 0;
}
#crimetable tr {
    border-bottom: 1px solid black;
}
#crimetable th {
    text-align: left;
}
#crimetable tr.header {
    border-bottom: 5px solid black;
}
#crimetable .law h1,
#crimetable .law h2,
#crimetable .law h3,
#crimetable .law h4,
#crimetable .law h5,
#crimetable .law h6 {
    font-size: 1em;
    font-weight: bold;
}

@media only screen and (max-width: 760px)  {
    /* Force table to not be like tables anymore */
    #crimetable, #crimetable thead, #crimetable tbody, #crimetable th, #crimetable td, #crimetable tr { 
        display: block; 
    }	
    /* Hide table headers (but not display: none;, for accessibility) */
    #crimetable thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #crimetable tr { 
        border: none;
        margin-bottom:1.2em; 
    }
    #crimetable td { 
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding: 0px;
    }
   
    #crimetable tr td:first-child {
        font-weight: bold;
    }
    #crimetable tr.law td:first-child {
        font-weight: normal;
    }
    #crimetable td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
}