header .sub-container { color:#fff; background:#183654 url(../images/header.jpg) 0 0 no-repeat!important; height:90px!important; }
header { background-color:#183654!important; }
header h2.logo a { width:470px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#183654; color:#fff;}
footer h4 {color: #fff;}
.footer_column a:link, .footer_column a:visited {color: #fff!important; }

/* Do not touch! */
.node-preview-container { position:relative!important; background-color:#ccc!important; width:auto!important; }
/* */

/* Search Button -- If you choose to change the search button color, create new class name and change colors (instead of .green_btn which is for a green button only) */
.searchbutton input[type=submit] { background:#5c8645 none 0 0!important; border: 1px solid #5c8645!important; color: #fff!important; margin:0!important; border-radius:0!important; position: absolute; right:3px; text-transform: uppercase; top:3px; font-size:.8em!important; }

.form-submit { background:#5c8645 none repeat scroll 0 0!important; border: 1px solid #5c8645!important; color: #fff!important; margin:0!important; border-radius:0!important; font-size:.8em!important; text-transform: uppercase; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color:#527186; }
/*nav#top-nav { height:74px; }*/
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#fff!important; text-decoration:none!important; letter-spacing:.5px!important; }
.sf-menu li ul li a.sf-depth-2, .sf-menu li ul li.sf-clone-parent a { color:#074180!important; }
.sf-menu li ul li a.sf-depth-2:hover, .sf-menu li ul li.sf-clone-parent a:hover { color:#fff!important; }
.sf-menu li:hover, /*.sf-menu li.sfHover,*/ .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a, .sf-menu li.sfHover ul li.sf-depth-2 a:hover { background:#527186; color:#fff!important; }
.sf-menu a:hover, .sf-menu li.sfHover .sf-with-ul, ul.sf-menu li:hover > a, .sf-menu li.sfHover { color:#fff!important; background-color:#183654; }



.sf-menu li.active-trail a { color:#fff!important; }
.sf-menu li { text-align:center; }
/*.sf-menu a, .sf-menu a:link { color:#475362!important; text-decoration:none!important; }
*/.sf-menu li ul li a { color:#074180!important; text-decoration:none!important; }
.sf-menu ul { border-top:5px solid #183654; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }


/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after { /* do not change this -->*/ border:5px solid transparent; /* only change this -->*/ border-top-color:#fff; }

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color:#fff; }

/* Color of arrow when in section - should match the color of the text (can be found in "Active" colors section) */
body#home nav .hometab.sf-with-ul::after, body#about nav .abouttab.sf-with-ul::after, body#state nav .statetab.sf-with-ul::after, body#municipal nav .municipaltab.sf-with-ul::after, body#subscribers nav .subscriberstab.sf-with-ul::after  { border-top-color:#fff!important; }

ul.sf-menu .sf-sub-indicator::after { content:''!important; position:absolute!important; top:50%!important; right:7px!important; margin-top:-3px!important; height:0!important; width:0!important; /*border:5px solid transparent; border-top-color: rgba(255,255,255,.5);*/      border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100%;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
/*border-top-color: #000;*/ }

ul.sf-menu .sf-sub-indicator { right:25px; }
ul.sf-menu.menu ul { margin-top:34px!important; }
ul.sf-menu .sf-sub-indicator::after a:hover {
    border-top-color:#fff!important; }

/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
nav .hometab, nav .abouttab, nav .statetab, nav .municipaltab, nav .subscriberstab  {  display:inline-block; vertical-align:middle; line-height:40px; }

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
body#home nav .hometab, body#about nav .abouttab, body#state nav .statetab, body#municipal nav .municipaltab, body#subscribers nav .subscriberstab  { color:#fff; background-color:#FFF; }

/* Headline for Left Navigation */
#sectionnav h3 { color:#333; background-color:#3c3c3c; }
.sectionbanner { background-color:#f4f5f7; background: -webkit-linear-gradient(left, #f4f5f7, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f4f5f7, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #f4f5f7, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f4f5f7, white); /* Standard syntax (must be last) */ }


/*Right Column Box Styles */
.sidebarbox { background-color:#eee; }
.sidebarbox h3, h3.sidebarheadline { color:#fff; background-color:#074180; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #074180; margin-left:7px; margin-right:7px; }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#074180; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#074180; }
.tbstriped tbody tr.zebra td { background:#eee; }

/* Forms */
.form_item_nf { margin: 0; padding: 5px 5px 5px 10px; }
.form_title { font-size: 0.75em; margin: 0; padding: 0 0 0 2px; }
.fine_print { color: #666666; font-size: 0.75em; }
.form_input { font-size: 0.75em; margin: 0; padding: 0; }

/* sitemap */
ul.sitemap li { margin-bottom:10px; }
ul.sitemap ul li { margin-bottom:0; list-style:none;}

/* @end */

.header_nav_search { width:33%!important; }
#search-block-form { clear: both; font-size: 1em; font-weight: bold; position: relative; width: 251px; height:31px; background: #fff; color: #000; float: right; }
input.edit-submit { font-size:.8em; }
.topsearch { border:none; height:31px; margin-left:5px; width:68%; }
@media screen and (-webkit-min-device-pixel-ratio:0) {

   .form_header_1 { background-color:#6693AA; color: #fff!important; margin: 0 -11px 8px -14px; padding: 8px 14px; width: 100%;}
}

/* Right Column Sidebar Box */
.sidebarbox { margin:15px 0 10px; padding-bottom:10px; }
.sidebarbox h3 { text-transform:uppercase; margin:0; padding:5px 0; text-align:center; width:100%; }
.sidebarbox ul { list-style:none; margin: 10px 20px; padding:0; }
.sidebarbox ul li { margin-bottom:8px; }
.sidebarbox p { padding:3px 8px; }
.sidebarbox p.more { font-style:italic; }


/* button 
---------------------------------------------- */
.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 10px auto; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em ;border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.button-black { background: #444; border: 1px solid #333; color: #fff; }
.button-black:hover { background: #6693AA; color: #fff; }
.button-black:active { background:  #555; color: #fff; }
a.button-black { color:#FFF !important; }







#criticalinfo {display: none; }




footer .footer_column .contextual-links li a { color:#000!important; } 
.footer_column p, .footer_column ul { padding-left:0!important; }
.footer_column, footer .footer_column:first-child { margin-left:10px!important;}

@media screen and (min-width:652px) and (max-width:1242px) {
.home-info {width: 75%;}
.home-info .info { width: 72%; }

}
li.active-trail a {
     background-color: #183654!important;
  color: #ffffff!important;
}

li.active-trail ul li { background-color:#fff!important; }
li.active-trail ul li a {background-color:#fff!important; color:#000; }
li.active-trail ul li a:hover {background-color: #527186!important; color: #fff!important; }

ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {  content:none; }

/* Nav fix */ 
.sf-description { display:block; margin-top:10px!important; }
li.sf-depth-2 { line-height:15px!important; }
.sf-menu li ul li { text-align:left!important; }
nav.megamenu ul.sf-menu li ul li ul { display:block!important; }
#sectionnav ul li ul { border-top:#ddd!important; }

a.sf-depth-2.menuparent.sf-with-ul { background-color:#fff; color:#074180!important; }
a.sf-depth-2.menuparent.sf-with-ul:hover { background-color:#074180; color:#fff!important; }

.sf-menu li.active-trail a, .sf-menu li.active-trail ul li a:hover { color:#fff!important; }
.sf-menu li.active-trail ul li a { color:#074180!important; }

#main-standardfront-page, #main-menu-link-content207d9f05-4699-48b0-85c9-4d29d71ed3cb, #main-menu-link-content1b5c3365-0221-4768-83a6-89f2f782f7cb, #main-menu-link-contentd17ee975-67a1-4240-9aac-05e162548cb8, #main-menu-link-contentb1091694-a115-4763-842c-e5781913a5b2 { display:inline-block; vertical-align:middle; line-height:42px; }


img.align-right { margin-left:15px; }


.clear { clear:both; }

.sidebarbox h3 + img { margin-top:20px; }

.agencytable caption { font-size:.9em; font-style:italic; font-weight:bold; }

aside img { max-width:100%; }
figure figcaption { font-size:.8em; font-style:italic; }


/* Report crimes forms */

#request {	font-size: .9em; }
#request div.clearfix {border-top: 1px solid #eee; clear: both; padding-top: .2em; }
#request label { text-align: right; float: left; width: 20em; padding-right: .4em; }
#request .clearfix .oneline { clear:both; }
#request input {clear: both;}
#request fieldset {margin-bottom: .3em; padding-bottom: 1em; border: 1px solid #999;}
#request legend {font-weight:bold}


/* Styles for WYSIWYG editor */

p.red, span.red { color:#FF0000; }

form.comments input[type="text"], form.comments textarea { width:50%; }
#criticalinfo { display:none; }


/* Timeline on History page */

.cd-horizontal-timeline ol, .cd-horizontal-timeline h2, .cd-horizontal-timeline p, .cd-horizontal-timeline ul { list-style:none; padding:0; margin:0; }

.cd-nugget-info a {
    display: inline-block;
    width: 200px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #7b9d6f;
    position: relative;
    font-size: 14px;
    border-radius: 50em;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    position: fixed;
    z-index: 100;
    bottom: 40px;
    left: calc(50% - 100px)
}

.no-touch .cd-nugget-info a:hover {
    opacity: .8
}

.cd-nugget-info span {
    vertical-align: middle;
    display: inline-block
}

.cd-nugget-info span svg {
    display: block
}

.cd-nugget-info .cd-nugget-info-arrow {
    fill: #fff
}

#carbonads-container,
#ui8ads-container {
    position: fixed;
    bottom: 40px;
    right: 5%;
    width: 180px;
    display: none;
    z-index: 100
}

#carbonads-container .close-carbon-adv,
#carbonads-container .close-ui8-adv,
#ui8ads-container .close-carbon-adv,
#ui8ads-container .close-ui8-adv {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 100%;
    background: rgba(56, 56, 56, .4);
    text-indent: 100%;
    overflow: hidden;
    width: 32px;
    height: 32px
}

#carbonads-container .close-carbon-adv:hover,
#carbonads-container .close-ui8-adv:hover,
#ui8ads-container .close-carbon-adv:hover,
#ui8ads-container .close-ui8-adv:hover {
    background: rgba(56, 56, 56, .6)
}

#carbonads-container .close-carbon-adv::after,
#carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::after,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::after,
#ui8ads-container .close-ui8-adv::before {
    content: '';
    background-color: #fff;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 14px;
    left: 9px
}

#carbonads-container .close-carbon-adv::after,
#carbonads-container .close-ui8-adv::after,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-ui8-adv::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#carbonads-container .carbonad,
#carbonads-container .ui8ad,
#ui8ads-container .carbonad,
#ui8ads-container .ui8ad {
    background: rgba(255, 255, 255, .9);
    border: none;
    width: 100%;
    height: auto;
    padding: 14px;
    text-align: center;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

#carbonads-container .carbonad .carbon-img img,
#carbonads-container .ui8ad .carbon-img img,
#ui8ads-container .carbonad .carbon-img img,
#ui8ads-container .ui8ad .carbon-img img {
    margin: 0 10px 10px;
    width: 130px
}

#carbonads-container .carbonad .carbon-text,
#carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbon-text,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbon-text,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbon-text,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
    font-family: helvetica neue, Arial, sans-serif
}

#carbonads-container .carbonad .carbon-wrap,
#carbonads-container .ui8ad .carbon-wrap,
#ui8ads-container .carbonad .carbon-wrap,
#ui8ads-container .ui8ad .carbon-wrap {
    display: block;
    width: 100%;
    padding: 0
}

#carbonads-container .carbonad .carbon-wrap a,
#carbonads-container .ui8ad .carbon-wrap a,
#ui8ads-container .carbonad .carbon-wrap a,
#ui8ads-container .ui8ad .carbon-wrap a {
    color: #7b9d6f;
    font-size: 13px;
    font-weight: 700
}

.no-touch #carbonads-container .carbonad .carbon-wrap a:hover,
.no-touch #carbonads-container .ui8ad .carbon-wrap a:hover,
.no-touch #ui8ads-container .carbonad .carbon-wrap a:hover,
.no-touch #ui8ads-container .ui8ad .carbon-wrap a:hover {
    text-decoration: underline
}

#carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
    margin-top: 5px;
    color: #383838
}

#carbonads-container .carbonad .carbonad-tag a,
#carbonads-container .carbonad .carbon-poweredby a,
#carbonads-container .ui8ad .carbonad-tag a,
#carbonads-container .ui8ad .carbon-poweredby a,
#ui8ads-container .carbonad .carbonad-tag a,
#ui8ads-container .carbonad .carbon-poweredby a,
#ui8ads-container .ui8ad .carbonad-tag a,
#ui8ads-container .ui8ad .carbon-poweredby a {
    color: #383838
}

#carbonads-container .carbonad .carbonad-tag a:hover,
#carbonads-container .carbonad .carbon-poweredby a:hover,
#carbonads-container .ui8ad .carbonad-tag a:hover,
#carbonads-container .ui8ad .carbon-poweredby a:hover,
#ui8ads-container .carbonad .carbonad-tag a:hover,
#ui8ads-container .carbonad .carbon-poweredby a:hover,
#ui8ads-container .ui8ad .carbonad-tag a:hover,
#ui8ads-container .ui8ad .carbon-poweredby a:hover {
    color: #7b9d6f
}

#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbon-poweredby {
    display: inline-block;
    font-size: 11px;
    line-height: 15px
}

@media only screen and (min-width:1100px) {
    #carbonads-container,
    #ui8ads-container {
        display: block
    }
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.cd-horizontal-timeline::before {
    content: 'mobile';
    display: none
}

.cd-horizontal-timeline.loaded {
    opacity: 1
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 900px;
    margin: 0
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient( left, #ffffff, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #ffffff, rgba(248, 248, 248, 0))
}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient( right, #ffffff, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #ffffff, rgba(248, 248, 248, 0))
}

.cd-horizontal-timeline .events {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    background: #dfdfdf;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.cd-horizontal-timeline .filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #7b9d6f;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: .9rem!important;
    padding-bottom: 15px;
    color: #383838;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	text-decoration:none;
}

.cd-horizontal-timeline .events a::after {
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color .3s, border-color .3s;
    -moz-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #7b9d6f
}

@media only screen and (min-width:1100px) {
    .cd-horizontal-timeline {
        margin: 2em auto
    }
    .cd-horizontal-timeline::before {
        content: 'desktop'
    }
}

.cd-timeline-navigation a {
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

.cd-timeline-navigation a::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/cd-arrow.svg) no-repeat 0 0
}

.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.cd-timeline-navigation a.next {
    right: 0
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.cd-horizontal-timeline .events-content li.selected {
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse
}

.cd-horizontal-timeline .events-content li>* {
    max-width: 800px;
    margin:0;
}
.cd-horizontal-timeline .events-content li img { max-width:100% }

.cd-horizontal-timeline .events-content h2 {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.2
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto
}

.cd-horizontal-timeline .events-content em::before {
    content: '- '
}

.cd-horizontal-timeline .events-content p {
    font-size: 1.2rem;
	color:#454545;
	margin-bottom:15px;
}

.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
    line-height: 1.6
}

.events-content ol li img { max-width:100%; }


/* Image styles */

img.align-left { float:left; margin:auto 10px 10px 0; }
img.align-right { float:right; margin:auto 0 10px 10px; }
figure.align-left { margin: auto 10px 10px 0; }
figure.align-right { margin: auto 0 10px 10px; }


/* Blog styles */

h1.blog-headline { margin-bottom:10px; }
.views-field-created, .views-field-field-blogger-s-name { color:#666; font-size:.82em; }
.views-field-field-blogger-s-name::before { content:" by "; }
.readmore { margin:15px 0; font-style:italic; }
.views-row { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
.blog-cat { clear:both; margin-right:8px; }
.blog-tag::before { content:" | "; }
.blog-cat, .blog-tag { float:left; font-size:.82em; }


/* Homepage Slideshow */

#slideshow { /*margin-top:-32px;*/ }
.flex-caption { position:absolute; left:0; top:20px; width:30%; background:rgba(0,0,0,.5); bottom:auto; text-align:left; }
#slideshow .flex-direction-nav a { margin:0; bottom:4%!important; }

/*.homeslide { width:calc(100% + 2em); margin-top:-31px; position:relative; height:400px; margin-left:-1em; }
.homeslide .views-row { border:0; padding:0; margin:0; }
.homeslide-img { width:100%; }
.homeslide-img img { max-width:100%; height:auto; }
.slidetext { position:absolute; top:30px; left:0; background-color:rgba(0,0,0,0.8); padding:10px 20px; width:30%; color:#fff; }
.slidetext a { color:#fff!important; }*/

.views-slideshow-controls-bottom { position:absolute; top:-13px; z-index:1000; left:12px; }
.views-slideshow-controls-bottom .views-slideshow-pager-bullets { padding:0; }
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li { line-height:12px!important; }
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active { background-color:#fff!important; }

/* Blog Post List on Homepage */

.homebloglist { margin-top:0 auto; background-color:#E6E7E8; width:80%; padding:20px 5%; min-height:242px; }
.homebloglist ul.bloglist { list-style:none; padding:0; }
ul.bloglist li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CACACA; }
.homebloglist footer { background:none; padding-bottom:0; }
h3.homeblogtitle { margin-top:0; font-size:1.5em; text-transform:uppercase; text-align:center; color:#464646; background-color:#E6E7E8; width:90%; padding:20px 0 0; margin-bottom:0; }


/* Alert Box on Homepage */

#alert-box { width:calc(100% + 2em); margin-left:-1em; background-color:#4D6B7F; padding:10px 0 15px; color:#fff; margin-top:10px; margin-bottom:20px; display: flex;}
#alert-box h2 { margin:0 10px 0 20px; display:inline; }
#alert-box p { margin:0 20px; display:inline; }
#alert-box p a, #alert-box p a:visited { color:#fff; }

/* I want to box on Homepage */

.wantto { margin-top:0 auto; background-color:#E6E7E8; width:80%; padding:20px 5%; min-height:290px; }
.wantto h2 { margin-top:0; font-size:1.5em; text-transform:uppercase; text-align:center; color:#464646; }
.wantto ul { list-style:none; padding:0; margin-top:35px; }
.wantto ul li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CACACA; }
.wantto ul li:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }

.reportcrime, .sexoffender, .inspectionsticker { font-size:1.4em; font-weight:bold; padding:30px 0; margin-bottom:20px;  padding-left:95px; }
.reportcrime { background:#fff url(../images/crime.gif) 0 0 no-repeat; background-size:80px; }
.sexoffender { background:#fff url(../images/registry.gif) 0 0 no-repeat; background-size:80px; }
.inspectionsticker { background:#fff url(../images/inspection.gif) 0 0 no-repeat; background-size:80px; }

#map { position:relative; width:100%; }
canvas { display:block; position:relative!important; height:600px; width:100%; }

ul.js-pager__items { clear:both; margin-bottom:20px; list-style:none; padding-left:0; }
ul.js-pager__items li { float:left; margin-right:20px; }
.feed-icon { clear:both; float:left; margin-top:30px; }

/* Missing Persons & Homicides */
.person-photo { float:right; width:250px; margin-left:10px; }
.person-photo img { max-width:100%; height:auto; }
@media (max-width:651px) {
    .person-photo { float:none; margin:0 auto; width:65%; }
}
#block-msp-views-block-missing-persons-block-1 { padding:10px 0 0 2em; float:left; width:78%; }
#block-msp-views-block-unsolved-homicides-block-1 { padding:10px 0 0 2em; float:right; width:78%; }

/* Drupal webforms */
.webform-submission-form select {
	color: var(--color-medium-grey);
	border: 1px solid #aaa;
	background-color: var(--background);
	display: block;
	font-size: 16px;
	line-height: 1.3;
	padding-block-start: 4.8px;
	padding-block-end:  3.2px ;
	padding-inline-start: 12.8px;
	padding-inline-end: 22.4px ; 

	inline-size: auto;
	max-inline-size: 100%;
	box-sizing: border-box;
	margin: 0;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml; charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--background) 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.webform-submission-form select::-ms-expand { display: none; }
.webform-submission-form select:hover { border-color: #888; }

.webform-submission-form select a:focus {
	outline: none;
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	color: #222;
}

.webform-submission-form select option { font-weight: normal; }

.webform-submission-form input.form-text,
.webform-submission-form input.form-email,
.webform-submission-form input.form-time,
.webform-submission-form input.form-url,
.webform-submission-form input.form-search,
.webform-submission-form input.form-date,
.webform-submission-form input.form-number,
.webform-submission-form input.form-tel,
.webform-submission-form textarea {
	inline-size: 100%;
	font-size: 1rem;
	padding: 6px;
	border-radius: 4px;
}

.webform-flexbox { gap: 1rem; }
.pager { text-align: center; }
.pager__items { margin-block-start: 16px;
	margin-block-end: 16px;
	margin-inline-start: auto;
	margin-inline-end: auto;
 }

.pager__items li {
	display: inline-block;
	text-align: center;
}

.pager__item a {
	text-align: center;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: auto;
	margin-inline-end: auto;

	padding-block-start: 6px;
	padding-block-end: 6px;
	padding-inline-start: 10px;
	padding-inline-end: 10px;
	border: 1px solid var(--color-silver);
	border-radius: 3px;
}

.pager__item.is-active a { background-color: var(--color-silver); }

.form-required:after {
	content: " *";
	color: red;
}

/* Styles for the view page for Lewiston mass shootings */

.lewiston-photos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;

    header {
        grid-column: 1 / -1;
        /* override default header styles */
        height: unset !important;
        max-width: 52rem;
        background-color: unset !important;
        padding-block-end: 1rem;
        line-height: 1.5;
    }
    
    & img.lewiston_img {
        width: 100%;
        max-width: 300px;
        height: auto;
    }

    .pager {
        grid-column: 1 / -1;
        justify-self: center;
    }
}