/* Import Fonts
-------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic|Roboto+Slab:400,100,300,700);
* { -webkit-font-smoothing: antialiased; }


/* Global Styles
-------------------------------------------------- */
body, html {
  width: 100%;
  height: 100%;
}

body {
  position:relative;
  background-color:#FFF;
}
.honeebox{
display: block !important;
  left: -9999px !important;
  position: absolute !important;
}
.dropdown-toggle .caret { display:none; }

.clr{ clear:both; }


@media (max-width: 767px) {

  body { padding-top:55px; }
  .dropdown-toggle .caret { display:inline-block; float:right; margin:0.5em 0 0 0; }

}


/* Multi-Level Navbar Fixes
-------------------------------------------------- */
.dropdown-menu > li {
  position:relative;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  -o-user-select: none;
  user-select: none;
  cursor:pointer;
}

.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  display:none;
  margin-top: -1px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border-left-color:#fff;
  box-shadow:none;
}
.right-caret:after, .left-caret:after {
  content:"";
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
  margin-left:5px;
}
.right-caret:after {
  border-left: 5px solid #ffaf46;
}
.left-caret:after {
  border-right: 5px solid #ffaf46;
}

.dropdown-menu > li > a { white-space: normal; }
.trigger, .dropdown-menu > li { cursor: default !important; }


/* Navbar
-------------------------------------------------- */
.navbar {
  padding:0; margin:0;
  height: 163px;
  background-color:#ffffff;
}

.navbar-toggle { background-color: #0089cf; margin-right:0px;}
.navbar-toggle .icon-bar { background-color: #174580; }


#navbar-collapse {
  position:relative;
}

.navbar-primary .logo {
  height:85px; width:350px;
  margin-top: 45px;
  z-index:400;
  position:relative;
  float:left;
}

.navbar-header .logo {
  height:45px; width:200px;
  position: absolute; left: 5px; top: 5px;
}

.navbar-primary,
.navbar-primary .container { z-index:200; }
.navbar-secondary { z-index:500; }
.navbar-tertiary  { z-index:100; }
ul.nav > li.dropdown a.current{ font-weight: bold !important; background-color:#d8e6f8; }
ul.nav > li.dropdown > ul.dropdown-large > li  a.current {margin-left: -.75em !important;padding-left: .75em !important;}
ul.dropdown-menu{	box-shadow: 0px 4px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 9px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 4px 9px rgba(0,0,0,0.1);}
a.close-dropdown {position: absolute;bottom: 5px;left: 15px;color:#b31b1b; font-weight:bold;}

@media (min-width: 992px) and (max-width: 1199px) {

  .navbar { height:148px; }
  .navbar-primary .logo {height: 67px; width: 300px;}

}

@media (min-width: 768px) and (max-width: 991px) {

  .navbar { height:123px; }
  .navbar-primary .logo { height:55px; width:243px;  }

}

@media (max-width: 767px) {
   a.close-dropdown { display:none;}
  .navbar { min-height: 55px; height:auto; }
  .dropdown-menu .sub-menu { padding-left: 1em; }
  .navbar-header .logo { left:10px; }

}

@media (min-width: 768px) {

  /* Primary Nav (Middle, White) */
  .navbar-primary .navbar-nav {
    font-family:'Roboto Slab', sans-serif;
    margin-top:36px; float:right;
  }

  .navbar-primary .navbar-nav > li > a {
    margin:0px 0px 0px 0em; padding:10px 1em 0px;

    color: #343434;
    text-transform:uppercase;

    font-family:'Roboto Slab', sans-serif;
    font-size:24.5px;
    font-weight:normal;
    line-height:85px;

    margin: 0px 0px 0px 0px;
  }

  .navbar-primary .nav > li > a:hover,
  .navbar-primary .nav > li.open > a {
    color:#ffffff;
    background-color:#0089cf;
	z-index:300;
  }
  .navbar-primary .nav > li.open > a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 137, 207, 0);
    border-top-color: #0089cf;
    border-width: 10px;
    margin-left: -10px;
  }

  /* Primary, Level 2 */
  .navbar-primary ul.nav > li.dropdown { position:static; }
  .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu {
    position: fixed; top: 116px; left: 0px; width:100%;
    border: 0px; border-radius: 0px; 
    padding:20px 80px 20px;
	z-index:250;
  }

  .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu > li {
    width:25%; float:left;
  }

  .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu > li > a {
    padding: 0px 1em;
    color: #155bb6;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 36px;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .navbar-primary .navbar-nav li > a {
    margin:0px 0px 0px 0em; padding:10px 1em 0px;
    font-size:19px;
    line-height:70px;
  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .navbar-primary .navbar-nav { top:24px; }

  .navbar-primary .navbar-nav li > a {
    margin:0px 0px 0px 0em; padding:10px 1em 0px;
    font-size:15px; line-height:55px;
  }

}

@media (max-width: 767px) {

  .navbar-primary .navbar-nav { position:relative; }

}

@media (min-width: 992px) {

  /* Secondary
  -------------------------------------------------- */
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu ul { display:block; position:static; }
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu ul li { display:block; position:static; }

  .navbar-secondary ul.nav > li.dropdown a { cursor:pointer; }

  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus { background-color: transparent; }

  /* Secondary, Level 2 */
  .navbar-secondary ul.nav > li.dropdown { position:static; }
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu {
    position: absolute; top: 36px; left: 0px; min-height: 118px;
    border: 0px; border-radius: 0px; 
    padding:20px 80px;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu {
    position: fixed; top: 36px; left: 0px; min-height: 118px; width:100%;
    border: 0px; border-radius: 0px; 
    padding:20px 80px 40px;  
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu > li > a {
    padding: 0px 1em;
    color: #155bb6;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 36px;
    text-transform:none;
    font-weight:normal;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li {
    width:20%; display:block; float:left;
    padding: 0px 5px 0px 0px;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > a {
    color:#808285; font-weight:normal; font-size:16px; line-height:24px;
    padding:0px; display:block;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > a > span.underline {
    color:#808285; border-bottom:1px solid #808285;
    display:inline-block;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul { padding:0px; margin:0px; border: 0px; }

  /* Secondary, Level 3 */
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul > li > a {
    color:#155bb6; font-weight:normal; font-size:15px;
    padding:0px; text-transform:none;
    line-height:24px;
  }
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul > li > a.trigger {
	color: #666;
  }

  /* Secondary, Level 4 */
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul > li > ul { padding:0px; margin:0; border: 0px; }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul > li > ul > li > a {
    color:#029dec; font-weight:normal; font-size:14px;
    padding:0px 0px 0px 0.75em; text-transform:none;
    line-height:20px;
  }

}

@media (min-width: 768px) and (max-width: 991px) {

  /* Secondary
  -------------------------------------------------- */
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu ul { display:block; position:static; }
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu ul li { display:block; position:static; }

  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus { background-color: transparent; }

  /* Secondary, Level 2 */
  .navbar-secondary ul.nav > li.dropdown { position:static; }
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu {
    position: absolute; top: 24px; left: 0px; min-height: 118px;
    border: 0px; border-radius: 0px; box-shadow: 0px 0px 0px transparent;
    padding:20px 80px;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-menu {
    position: fixed; top: 24px; left: 0px; min-height: 118px; width:100%;
    border: 0px; border-radius: 0px; box-shadow: 0px 0px 0px transparent;
    padding:20px 80px 40px;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li {
    width:20%; display:block; float:left;
    padding: 0px 5px 0px 0px;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > a {
    color:#808285; font-weight:normal; font-size:13px; line-height:18px;
    border-bottom:1px solid #808285; padding:0px;
    display:inline-block;
    white-space: nowrap;
  }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul { padding:0px; margin:0px; border: 0px; }

  /* Secondary, Level 3 */
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul > li > a {
    color:#155bb6; font-weight:normal; font-size:12px;
    padding:0px; text-transform:none;
    line-height:18px;
  }

  /* Secondary, Level 4 */
  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul > li > ul { padding:0px; margin:0; border: 0px; }

  .navbar-secondary ul.nav > li.dropdown > ul.dropdown-large > li > ul > li > ul > li > a {
    color:#029dec; font-weight:normal; font-size:11px;
    padding:0px 0px 0px 0.75em; text-transform:none;
    line-height:14px;
  }

}


@media (min-width: 768px) {

  /* Secondary Nav (Top, Red) */
  .navbar-secondary {
    position:absolute; top:0px;
    height:36px; width:100%;
    background:#b31b1b;
  }

  .navbar-secondary .navbar-nav {
    text-align: center;
    float:none;
  }

  .navbar-secondary .navbar-nav li {
    display:inline-block;
    float:none;
  }

  .navbar-secondary .navbar-nav li > a {
    margin:0px 0px 0px 0px; padding:0px .9em;

    color: #cccccc;
    text-transform:uppercase;

    font-family:'Source Sans Pro', sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:36px;
  }

  .navbar-secondary .navbar-nav li > a > i {
    font-size:13px;
    line-height:36px;
  }

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

  .navbar-secondary .nav .open > a,
  .navbar-secondary .nav .open > a:hover,
  .navbar-secondary .nav .open > a:focus,
  .navbar-secondary .nav > li > a:hover,
  .navbar-secondary .nav > li > a:active,
  .navbar-secondary .nav > li > a.active {
    background-color: #821212;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

  .navbar-secondary { height:24px; }

  .navbar-secondary .navbar-nav li > a {
    font-size:11px;
    line-height:23px;
  }

  .navbar-secondary .navbar-nav li > a > i {
    font-size:11px;
    line-height:24px;
  }

}

@media (max-width: 767px) {

  .navbar-secondary .navbar-nav { position:relative; }

}

@media (min-width: 768px) {

  /* Tertiary Nav (Bottom, Small) */
  .navbar-tertiary {
    position:absolute; top:138px; right:0px;
    height:32px; width:100%;
  }

  .navbar-tertiary .navbar-nav {
    float:right;
  }

  .navbar-tertiary .navbar-nav li > a {
    margin:0px 0px 0px 0px; padding:0px 1em;

    color: #808285;
    text-transform:uppercase;

    font-family:'Source Sans Pro', sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:18px;
    letter-spacing:1px;

    border-right:1px solid #e6e7e8;
  }

  .navbar-tertiary .navbar-nav li:last-child > a {
    border-right:0px solid #e6e7e8;
  }

  .navbar-tertiary .nav > li > a:hover,
  .navbar-tertiary .nav > li > a:focus,
  .navbar-tertiary .nav > li > a.active {
    background-color: #ffffff;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .navbar-tertiary { top:123px; right:0px; }
  .navbar-tertiary .navbar-nav li > a { font-size:14px; }

}

@media (min-width: 768px) and (max-width: 991px) {

  .navbar-tertiary { top:98px; right:0px; }
  .navbar-tertiary .navbar-nav li > a { font-size:14px; }

}

@media (max-width: 767px) {

  .navbar-tertiary .navbar-nav { position:relative; }

}

/* Navbar
-------------------------------------------------- */
.sm-box {
	position: fixed;
	top:110px;
	right: 30px;
	font-size: 1.5em;
	transition: top 0.2s linear;
	z-index:1500;
}
#home .sm-box {
	top:163px;
}

.sm {
	width: 30px;
	height: 30px;
	text-align: center;
	padding:5px;
	color:#fff;
}
.sm.twitter {
	background:#55acee;
}
.sm.facebook {
	background:#3B5998;
}
.sm.youtube {
	background:#e52d27;
}
.sm.vimeo {
	background:#1ab7ea;
}
.fa {
	display:block;
}
.sm-box a:hover {
	text-decoration:none;
}
@media (max-width: 767px) {
.sm-box a {
		float:left;
	}
#home .sm-box {
	bottom:-31px;
	right:22px;
}
}
@media (max-width:1199px) {
#home .sm-box {
	top:148px;
}
}
@media (max-width:991px) {
.sm-box, #home .sm-box {
	top:123px;
}
}
@media (max-width:767px) {
.sm-box, #home .sm-box {
	top:55px;
	display:none;
}
}
@media (min-width:992px) {
body#home.scrolled .sm-box {
	top:110px;
}
}

/* Search Bar
-------------------------------------------------- */
@media (min-width: 992px) {
  .search-bar {
    height: 80px;
    background: #dbdde0;
    margin-top: -80px;
  }
  .search-bar input {
    height: 80px;
    border: 0px;
    border-radius: 0px;
    background: #dbdde0;
    font-size:30px;
    font-weight: 200;
    letter-spacing: 0.15em;
  }
  .search-bar input:active,
  .search-bar input:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .search-bar .btn.btn-search {
    position:absolute; right:30px; top:0px;
    background:#821212; color:#ffffff;
    border-radius:0px;
    height:80px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 0.15em;
  }
  .search-bar form{ position:relative;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .search-bar {
    height: 60px;
    background: #dbdde0;
    margin-top: -60px;
  }
  .search-bar input {
    height: 60px;
    border: 0px;
    border-radius: 0px;
    background: #dbdde0;
    font-size:24px;
    font-weight: 200;
    letter-spacing: 0.15em;
  }
  .search-bar input:active,
  .search-bar input:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .search-bar .btn.btn-search {
    position:absolute; right:0px; top:0px;
    background:#821212; color:#ffffff;
    border-radius:0px;
    height:60px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 0.15em;
  }
  .search-bar form{ position:relative;}
}
@media (max-width: 767px) {
  .search-bar { display:none; }
}



/* Navigation Scrolled
-------------------------------------------------- */
@media (min-width: 992px) {

  body { transition: padding-top 0.2s linear; }
  .navbar { transition: height 0.2s linear, top 0.2s linear; }
  .navbar-primary .navbar-nav li > a { transition: line-height 0.2s linear; }
  .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu { transition: top 0.2s linear; }
  .navbar-tertiary { transition: top 0.2s linear; }
  .navbar-primary .logo { transition: height 0.2s linear, width 0.2s linear; }

  body#home.scrolled { padding-top: 110px; }
  body#home.scrolled .navbar { height: 110px; }
  body#home.scrolled .navbar-primary .navbar-nav li > a { line-height: 40px; }
  body#home.scrolled .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu { top: 86px; }
  body#home.scrolled .navbar-tertiary { top: 90px; }
  body#home.scrolled .navbar-primary .logo { height: 55px; width: 245px; }

  body#internal { padding-top: 110px; }
  body#internal .navbar { height: 110px; }
  body#internal .navbar-primary .navbar-nav li > a { line-height: 40px; }
  body#internal .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu { top: 86px; }
  body#internal .navbar-tertiary { top: 90px; }
  body#internal .navbar-primary .logo { height: 55px; width: 245px; }
  
  body#article { padding-top: 110px; }
  body#article .navbar { height: 110px; }
  body#article .navbar-primary .navbar-nav li > a { line-height: 40px; }
  body#article .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu { top: 86px; }
  body#article .navbar-tertiary { top: 90px; }
  body#article .navbar-primary .logo { height: 55px; width: 245px; }

  body.show-search { padding-top:228px; }
  body.show-search .navbar { top: 80px; }

  body#home.scrolled.show-search { padding-top:192px; }
  body#internal.show-search { padding-top:192px; }
  body#article.show-search { padding-top:192px; }

}

@media (min-width: 767px) and (max-width:991px) {

  body { transition: padding-top 0.2s linear; }
  .navbar { transition: height 0.2s linear, top 0.2s linear; }
  .navbar-primary .navbar-nav li > a { transition: line-height 0.2s linear; }
  .navbar-primary ul.nav > li.dropdown > ul.dropdown-menu { transition: top 0.2s linear; font-size:14px}
  .navbar-tertiary { transition: top 0.2s linear; }
  .navbar-primary .logo { transition: height 0.2s linear, width 0.2s linear; }

  body { padding-top:123px; }

  body.show-search { padding-top:183px; }
  body.show-search .navbar { top: 60px; }

  body#home.scrolled.show-search { padding-top:183px; }
  body#internal.show-search { padding-top:183px; }
  body#article.show-search { padding-top:183px; }

}




/* Home Page Banner
-------------------------------------------------- */
.intro-header {
  background-color: #000000;
  height:373px;
  position:relative;
  overflow:hidden;
}
.intro-header img{
  position:absolute;
  left:50%;
  margin-left:-675px;
  top:0px;
}
@media(max-width:767px) {

}


/* Home Page Content
-------------------------------------------------- */
body#home{
  padding-top:163px;
  background:#ffffff url(/assets/images/background.png) top left repeat;
  background-size:50px 50px;
}
body#home .main { padding-top:40px; background:transparent; }
body#home .articles-done{ display:none;}
body#home .load_more_btn{margin:auto;}
body#home .loading{display:none;}

body#internal{
  background:#ffffff url(/assets/images/background.png) top left repeat;
  background-size:50px 50px;
}
body#internal .main { padding-top:40px; background:transparent; }
@media (min-width: 992px) and (max-width: 1199px) {

  body#home { padding-top:148px; }

}

@media (min-width: 768px) and (max-width: 991px) {

  body#home { padding-top:123px; }

}

/* Welcome Box */
body#home .welcome-box-container {
  float:right;
  margin:-215px 0px 15px 0px;
}

body#home .welcome-box {
  position:relative;
  background:#174580 url(/assets/images/welcome-box-bg.jpg) bottom center no-repeat;
  background-size:100% auto;
  overflow:hidden;
  padding-bottom:270px;
}

body#home .welcome-box blockquote {
  position:relative;
  padding:22.5px 45px; border:0px;
  color:#ffffff;
  font-size:24px;
  line-height:32px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:400; font-style: italic;
  text-indent:none;
  quotes: "“" "”" "‘" "’";
}

body#home .welcome-box blockquote:before {
  content: open-quote;
  font-size: 2em;
  line-height:36px;
  font-weight: bold;
  position: absolute; top:0.5em; left:0.33em;
}
body#home .welcome-box blockquote:after {
  content: close-quote;
  font-size: 2em;
  line-height:36px;
  font-weight: bold;
  display: inline;
  vertical-align: text-top;
}

body#home .welcome-box .sheriff {
  height:205px; width:360px;
  position:absolute; bottom:65px;
}

body#home .welcome-box.new .sheriff.headshot.left {
    height: auto;
    width: 156px;
    position: absolute;
    bottom: 84px;
    left: 21px;
    margin-left: 0;
    border: 4px solid #eee;
    box-shadow: #000 0px 0px 15px;
}

body#home .welcome-box.new .sheriff.randy {
    position: absolute;
    width: auto;
    margin: 10px 0px 0px 192px;
    top: 238px;
}

body#home .welcome-box.new .sheriff.randy h2 {
	color: #ffffff;
    font-size: 18px;
    font-family: 'Roboto Slab', sans-serif;
    margin: 0px;
}

body#home .welcome-box.new .sheriff.randy i {
	color: #ccc;
    font-size: 15px;
    font-family: 'Roboto Slab', sans-serif;
}


body#home .welcome-box.new .sheriff.left {
	height:auto;
	width: 190px;
    position: absolute;
    bottom: 65px;
    left: 0;
	margin-left:0;
}
body#home .welcome-box.new .sheriff.right {
	display:none;
}
body#home .welcome-box.new {
	background:#174580 url(/assets/images/welcome-box-bg-new.jpg) bottom center no-repeat;
	position:relative;
  background-size:100% auto;
  overflow:hidden;
  padding-bottom:270px;
}
body#home .welcome-box.new blockquote {
	padding:22.5px 45px 40px;
	font-size:22px;
	line-height:29px;
}
body#home .welcome-box .meet-the-sheriff {
  background:#0089cf; color:#ffffff;
  width:100%; height:65px; line-height:65px; font-size:30px;
  text-transform:uppercase;
  font-family:'Roboto Slab', sans-serif;
  position:absolute; bottom:0px;
  padding:0px;
  border-radius:0px;
}

@media (min-width: 992px) and (max-width: 1199px) {

  body#home .welcome-box-container          { margin:-215px 0px 15px 0px; }
  body#home .welcome-box                    { padding-bottom:200px; }
  body#home .welcome-box blockquote         { font-size: 19px; line-height:23px; }
  body#home .welcome-box blockquote:after	{ margin-left:0.33em; }
  body#home .welcome-box blockquote:before,
  body#home .welcome-box blockquote:after   { line-height:24px; }
  body#home .welcome-box .sheriff           { height:156px; width:292px; position:absolute; bottom:65px; }
  body#home .welcome-box .meet-the-sheriff  { height:65px; line-height:65px; font-size:24px; }
  body#home .welcome-box.new blockquote 	{ font-size: 19px; line-height:23px; padding: 16.5px 36px 22px; }

  body#home .welcome-box.new .sheriff.headshot.left {
    width: 127px;
    position: absolute;
    bottom: 92px;
    left: 23px;
}

body#home .welcome-box.new .sheriff.randy {
    position: absolute;
    width: auto;
    margin: 10px 0px 0px 161px;
    top: 200px;
}

body#home .welcome-box.new .sheriff.randy h2 {
	font-size: 15px;
}

body#home .welcome-box.new .sheriff.randy i {
	font-size: 14px;
}

}

@media (min-width: 768px) and (max-width: 991px) {

  body#home .welcome-box-container          { margin:-215px 0px 15px 0px; }
  body#home .welcome-box                    { padding-bottom:240px; }
  body#home .welcome-box blockquote         { font-size:18px; line-height:24px; }
  body#home .welcome-box blockquote:after	{margin-left:0.33em;}
  body#home .welcome-box blockquote:before,
  body#home .welcome-box blockquote:after   { line-height:24px; }
  body#home .welcome-box .sheriff           { height:196px; width:345px; position:absolute; bottom:65px; }
  body#home .welcome-box .meet-the-sheriff  { height:65px; line-height:65px; font-size:24px; }

}

@media (min-width: 560px) and (max-width: 767px) {
  body#home .welcome-box blockquote   { width:50%; margin-bottom:-200px; font-size:18px; line-height:24px; }
  body#home .welcome-box blockquote:after	{margin-left:0.33em;}
  body#home .welcome-box .sheriff     { right: 0px; width:50%; height:auto; }
  body#home .welcome-box .meet-the-sheriff  { font-size:24px; }
  body#home .welcome-box.new .sheriff.left {display:none;}
  body#home .welcome-box.new .sheriff.right {
	height: auto;
    width: 135px;
    position: absolute;
    top: 4px;
    right: 203px;
    margin-left: 0;
    display: block;
    float: left;
	border: 4px solid #eee;
    box-shadow: #000 0px 0px 15px;
    margin-bottom: 0!important;
  }
  
  body#home .welcome-box.new .sheriff.randy {
    position: absolute;
    width: auto;
    top: 51px;
    right: 50px;
}
}
@media (max-width: 559px) {
  body#home .welcome-box blockquote   { width:100%; margin-bottom:-156px; }
  body#home .welcome-box .sheriff     { display:none; }
  body#home .welcome-box .meet-the-sheriff  { font-size:22px; }
}


/* Pinterest Style Layout */
body#home .main .item { position:relative; overflow:hidden; }

body#home .main .item .well  { border-radius:0; }

body#home .main .post .well  { border:0; padding:20px 40px 40px 60px; }
body#home .main .post .well.highlight  { background-color:#123e75; }
body#home .main .post .well.highlight .info  { color:#FFFFFF; }
body#home .main .tweet .well { border:0; padding:20px 40px 20px 40px; }

body#home .main .post-thumbnail { height:auto; width:100%; }
body#home .main .post-thumbnail img { width:100%; }

body#home .main .post .well .links { margin: 15px 0 0 -20px; }
body#home .main .post .well .links .tip-link{ color:#b31b1b; text-transform: uppercase;font-family: 'Source Sans Pro', sans-serif; font-weight:700;}
body#home .main .post .well.highlight .links .tip-link{ color:#FFFFFF;}

body#home .main .item .date {
  padding:5px 0px;
  background:#0089cf; color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  position:absolute; top:0px; left:15px;
  height:50px; width:40px;
  text-align:center;
  line-height:1.25em;
}
body#home .main .item .date span { display:block; }

body#home .main .item .date span.month {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:16px;
}
body#home .main .item .date span.day {
  font-family:'Roboto Slab', sans-serif;
  font-size:24px;
}

/* Pinterest Style Layout */
body#internal .main .item { position:relative; overflow:hidden; }

body#internal .main .item .well  { border-radius:0; }

body#internal .main .post .well  { border:0; padding:20px 40px 40px 60px; }
body#internal .main .post .well.highlight  { background-color:#123e75; }
body#internal .main .post .well.highlight .info  { color:#FFFFFF; }
body#internal .main .tweet .well { border:0; padding:20px 40px 20px 40px; }

body#internal .main .post-thumbnail { height:auto; width:100%; }
body#internal .main .post-thumbnail img { width:100%; }

body#internal .main .post .well .links { margin: 15px 0 0 -20px; }
body#internal .main .post .well .links .tip-link{ color:#b31b1b; text-transform: uppercase;font-family: 'Source Sans Pro', sans-serif; font-weight:700;}
body#internal .main .post .well.highlight .links .tip-link{ color:#FFFFFF;}

body#internal .main .item .date {
  padding:5px 0px;
  background:#0089cf; color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  position:absolute; top:0px; left:15px;
  height:50px; width:40px;
  text-align:center;
  line-height:1.25em;
}
body#internal .main .item .date span { display:block; }

body#internal .main .item .date span.month {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:16px;
}
body#internal .main .item .date span.day {
  font-family:'Roboto Slab', sans-serif;
  font-size:24px;
}

#facebook-feed {
	width:100%;
	height:520px;
	text-align:center;
	background-color:lightblue;
	padding:10px 0px;
	margin-top:15px;
}

@media (max-width: 635px) {
	body#home .welcome-box.new .sheriff.right {display:none;}
	body#home .welcome-box.new .sheriff.randy {display:none;}
	body#home .welcome-box.new .sheriff.randy {padding-bottom: 218px;}
	  body#home .welcome-box.new {padding-bottom: 205px;}
  body#home .welcome-box.new blockquote {width:100%; padding: 20px 35px 39px 39px;}
}

@media (min-width: 992px) and (max-width: 1199px) {

  body#home .main .post-thumbnail { height:auto; width:100%; }

#facebook-feed {
	width:100%;
	height:520px;
	text-align:center;
	background-color:lightblue;
	padding:10px 0px;
	margin-top:15px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

  body#home .main .post-thumbnail { height:auto; width:100%; }

}

@media (max-width: 767px) {

  body#home .main .post-thumbnail {  }
  body#home {padding-top: 55px;}
  
  ._2p3a {
	  width:500px;
  }
}

/* Posts (Non-twitter content) */
body#home .main .post h4 { margin-top:0px; }
body#home .main .post h4 a {
  font-family:'Roboto Slab', sans-serif;
  font-size:24px;
  color:#0089cf;
}

body#home .main .post .well.highlight h4 a {
  font-family:'Roboto Slab', sans-serif;
  font-weight:700;
  font-size:24px;
  color:#FFFFFF;
}

body#home .main .post h4 a:hover,
body#home .main .post h4 a:focus { text-decoration:none; }


@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {

}


/* Tweets */
body#home .main .tweet .well {
  background:#55acee url(/assets/images/tweet-background.png) center center no-repeat;
  background-size:228px 179px;
  min-height: 250px;
}

body#home .main .tweet .well .tweet-author {
  color:#235e8a;
  font-family:'Source Sans Pro', sans-serif;
  font-weight:bold;
  font-size:18px;
  text-transform:uppercase;
  text-align:center;
}
body#home .main .tweet .well .tweet-author a {
  color:#235e8a;
  text-decoration:none;
}

body#home .main .tweet .well .tweet-content {
  color:#ffffff;
  font-family:'Roboto Slab', sans-serif;
  font-size:24px;
  text-align:center;
}

body#home .main .tweet .well .tweet-content a {
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
}


/* Footer
-------------------------------------------------- */
footer {
  position:relative;
  padding: 50px 0; margin:50px 0 0 0;
  background-color: #343434;
  border-top:4.5px solid #b31b1b;
  color:#ffffff;
}

footer > .stpso-badge {
  height:97px; width:97px;
  position:absolute; top: -48.5px; left: 50%;
  margin-left: -48.5px;
  border:10px solid #343434; border-radius: 50%;
  background:#343434;
}

footer .section-title {
  font-family:'Roboto Slab', sans-serif;
  font-size:20px;
  line-height:24px;
  font-weight:normal;
  text-transform:uppercase;
}
footer .section-title strong {
  font-size:29px;
  font-weight:bold;
  display:block;
}

footer .nonemergency-contact {
  font-family:'Source Sans Pro', sans-serif;
  color:#0089cf;
  font-size:19px;
  line-height:23px;
  font-weight:bold;
  text-transform:uppercase;
  margin:20px 0;
}

footer .nonemergency-contact a {
  color:#0089cf;
  font-size:26px;
  text-decoration:none;
  display:block;
}

footer .copyright {
  margin: 20px 0;
  font-size:10px;
}

footer .created-by {
  margin: 20px 0;
}

footer .footer-nav a {
  font-size:12px; line-height:18px; color:#ffffff; text-decoration:none; display:block;
}

footer .footer-address h5 { font-size:12px; line-height:18px; font-weight:bold; text-transform:uppercase; padding:0px; margin:0px; }
footer .footer-address .address { font-size:12px; line-height:18px; padding:0px; margin:0px 0px 18px;}



/* Page Template
-------------------------------------------------- */
.page-header-container {
  height:165px; width:100%;
  margin: 0px 0 0px;
}

.page-header {
  background:#174580 url(/assets/images/title-background.png) center center no-repeat;
  background-size:1350px 165px;
  height:165px; width:100%;
  padding: 35px 0px;
  margin: 0px 0 0px;
  border-bottom: 0px solid #eee;
  z-index:1020;
  position:relative;
}
.page-header.new {
	background:#174580 url(/assets/images/title-background-new.png) center center no-repeat;
  background-size:1350px 165px;
  height:165px; width:100%;
  padding: 35px 0px;
  margin: 0px 0 0px;
  border-bottom: 0px solid #eee;
  z-index:1020;
  position:relative;
}
body#article .page-header{
	padding:0;
}
@media (max-width: 767px) {

  .page-header-container { height:130px; }
  .page-header { height:130px; }

}

@media (min-width: 768px) {

  body#internal.scrolled .page-header { position:fixed; top:-10px; overflow:hidden; transition: top 0.2s linear; }
  body#internal.scrolled.show-search .page-header { position:fixed; top:70px; overflow:hidden; }
  body#internal.scrolled.show-sub-nav .page-header { top:5px; }
  
  body#article.scrolled .page-header { position:fixed; top:-10px; overflow:hidden; transition: top 0.2s linear; }
  body#article.scrolled.show-search .page-header { position:fixed; top:70px; overflow:hidden; }
  body#article.scrolled.show-sub-nav .page-header { top:5px; }

}

@media (min-width: 768px) and (max-width: 991px) {

  body#internal.scrolled .page-header { top:0px; transition: top 0.2s linear; }
  body#internal.scrolled.show-search .page-header { top:60px; }
  
  body#article.scrolled .page-header { top:0px; transition: top 0.2s linear; }
  body#article.scrolled.show-search .page-header { top:60px; }

}

.page-header h1, .page-header h2, .page-header h3,
.page-header h4, .page-header h5, .page-header h6 { color:#ffffff; padding:0px; margin:0px; }

.page-header h1 {
  font-family:'Roboto Slab', sans-serif;
  font-size:54px;
  line-height:1em;
}

.page-header h2 {
  font-family:'Source Sans Pro', sans-serif;
  font-style:italic;
  font-weight:400;
  color:#d2d6dc;
  font-size:30px;
  line-height:1em;
  min-height:16px;
}

@media (max-width: 767px) {

  .page-header h1 {
    font-family:'Roboto Slab', sans-serif;
    font-size:36px;
    line-height:1em;
  }

  .page-header h2 {
    font-family:'Source Sans Pro', sans-serif;
    font-style:italic;
    font-weight:400;
    color:#d2d6dc;
    font-size:18px;
    line-height:1em;
  }

}

body#internal .page-header .full-title       { position:absolute; top:0px; margin-top:0px;}
body#internal .page-header .breadcrumb-title { position:absolute; top:0px; margin-top:-165px; }
body#internal .page-header .breadcrumb-title h1  { font-family:'Roboto Slab', sans-serif; font-style:normal; font-size: 18px; display: inline-block; margin: 98px 0.25em 0px 0px; }
body#internal .page-header .breadcrumb-title h2  { font-family:'Roboto Slab', sans-serif; font-style:normal; font-size: 18px; display: inline-block; margin: 98px 0.25em 0px 0px; }
body#internal.show-sub-nav .page-header .breadcrumb-title h2,body#internal.show-sub-nav .page-header .breadcrumb-title h1  { margin-top: 83px; transition: margin-top 0.2s linear; }

body#internal .page-header .breadcrumb-title  { transition: margin-top 0.2s linear; }
body#internal .page-header .full-title        { transition: margin-top 0.2s linear; }
body#internal .page-header .sub_nav{ position: absolute;top: 107px;color: #FFF;z-index: 100;width: 100%; }
body#internal .page-header .sub_nav h3 {display: inline;color: #FFF;font-size: 15px;margin-right: 18px;}
body#internal .page-header .sub_nav h3 {display: inline;color: #FFF;font-size: 15px;margin-right: 18px;}

@media (min-width: 768px) {

  body#internal.show-breadcrumb-title .page-header .breadcrumb-title  { margin-top:0px; }
  body#internal.show-breadcrumb-title .page-header .full-title        { margin-top:-165px; }

}

.pull-right.img-medium { width: 540px; padding:20px 0px 20px 40px; box-sizing:content-box; }

@media (min-width: 768px) and (max-width: 991px) {

  .pull-right.img-medium { width: 360px; padding:20px 0px 20px 40px; box-sizing:content-box; }

}

@media (max-width: 767px) {

  .pull-right.img-medium { width: 100%; padding:0 0 20px; box-sizing:border-box; float:none; }
  body#internal .page-header .breadcrumb-title  { display:none; }
  .main img{ clear:both; margin:12px auto !important; display:block; float:none !important;}
  .main .post-thumbnail img{ margin:0 !important;}
}

body .main { background:#ffffff; min-height: 400px; margin: 0px 0px -50px; padding:30px 0px 120px;}

.main h2 { font-size:28px; font-weight:700; }
.main .page-intro { font-size:18px; font-weight:400; }

.main blockquote {
  padding: 10px 0px;
  margin: 0 0 0px;
  font-size: 17px;
  border-left: 0px solid #eee;
  font-size:33px; color:#174580;
  font-family:'Roboto Slab', sans-serif;
  line-height:1.25em;
}

.main .cite {
  font-size:17px; color:#333;
  font-family:'Source Sans Pro', sans-serif;
  line-height:1.25em;
}

#internal .main .main-body a, #article .main .main-body a{
	text-decoration:underline;
}

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 { text-transform:uppercase;}

.main table td{ padding:5px; border:#BBB solid 1px; margin:0; }
.main .inmate-summary table{border: #BBB solid 1px; border-spacing: 0px; width:100%;}
.main .inmate-summary table tr:nth-child(even){ background-color:#F2F2F2; }
.main img{ max-width:100%; margin:0px 15px;}
.main .post-thumbnail img{ margin:0px;}
#article .main blockquote{  font-size:20px; }
.main .inmate-summary table.charges_table{  border-collapse: collapse;  paddingS:15px;} 
.main .inmate-summary table.charges_table td{ border:1px solid #999;  font-size:14px;} 
.main .inmate-summary table.charges_table th{ border:1px solid #999; } 
.main .inmate-summary table.charges_table tr{ background:#FFF;} 

/*
Report a Crime Form-----------------------------*/
form.report-a-crime h2 {
	font-family: 'Roboto Slab', sans-serif;
	color:#FFF;
	background-color:#174580;
	padding:8px 2%;
	text-transform:uppercase;
	font-weight: 400;
}

form.report-a-crime label{
	font-size:18px;
}
form.report-a-crime label small{
	font-weight:200;
	font-style:italic;
	font-size:14px;
	line-height:24px;
}
form.report-a-crime input, form.report-a-crime textarea, form.report-a-crime select {
	background-color:#EEE;
	border-color:#CCC;
}
form.report-a-crime input[type="radio"], form.report-a-crime.job-app input[type="radio"]{
display: inline;
width: auto;
border: none;
box-shadow: none;
margin-left: 30px;
margin-right: 5px;
margin-top: 0;
height: 15px;
background-color:none;
}
form.report-a-crime p b, form.report-a-crime.job-app p b{	font-size:18px;}
form.report-a-crime p label, form.report-a-crime.job-app p label{
	font-size:15px;
	font-weight:normal;
}
form.report-a-crime input.btn, form.report-a-crime.job-app input.btn{
	background-color:#B11F14;
	font-family: 'Roboto Slab', sans-serif;
	color:#FFF;
	text-transform:uppercase;
	font-weight: 400;
	font-size:24px;
	width:auto;
	float:right;
	border:none;
	border-radius:0;
	height:auto;
	padding:10px 20px;
	margin-bottom:10px;
}
form.report-a-crime.job-app input, form.report-a-crime.job-app select,
form.report-a-crime.job-app textarea {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form.report-a-crime.job-app h4 {
	text-transform:none;
}
form.report-a-crime.job-app li label {
	font-size: 15px;
	font-weight: normal;
	margin-right:30px;
	text-transform:uppercase;
}
form.report-a-crime.job-app li {
	display:inline;
}
form.report-a-crime.job-app input[type="radio"] {
	margin-left:0;
}
form.report-a-crime.job-app input[type="submit"] {
	background-color: #B11F14;
font-family: 'Roboto Slab', sans-serif;
color: #FFF;
text-transform: uppercase;
font-weight: 400;
font-size: 24px;
width: auto;
float: right;
border: none;
border-radius: 0;
height: auto;
padding: 10px 20px;
margin-bottom: 10px;
}
form.report-a-crime.job-app textarea {
	height:100px;
}
form.report-a-crime img {
	margin: 0 0 10px;
}
.thanks {
	text-align:center;
}
.thanks h1 {
	font-family: 'Roboto Slab', sans-serif;
}
.thanks h3 {
	margin-top:50px;
}
.thanks a {
}


@media screen and (max-width:700px) {
	.size1of3, .size1of2, .size1of1 {
		width:100% !important;
}	
}

.bg-danger.errors{
	color:#C00;
	font-weight:bold;
	width:100%;
	max-width:300px;
	padding:15px;
	border:1px solid #C00;
	margin:0 10px;
}

/* Bio Page 
---------------------------------*/
#internal .bio{margin-bottom:10px;}
#internal .bio p{ margin-bottom:5px; }
#internal .bio .bio-image{ max-width:250px; width:100%; margin:0; }

#internal .photo_container{text-align:center;width:100%;}
#internal .missing-person .bio-details{ text-align: center;}
#internal .missing-person-gallery .full-bio-image{ max-width:100%;}
#internal .missing-person-gallery{ text-align:center;}
#internal .missing-person-gallery .main-image{ clear:both; margin-bottom:10px; background-color:#DDD;}
#internal .missing-person-gallery .mini-bio-image{ margin: 0 10px 10px 0 !important; float:left; cursor:pointer;}

@media (max-width: 767px) {
	#internal .missing-person-gallery .mini-bio-image{ display:none;}
}

#internal .search-result{ background-color:#EEE; padding:10px 15px; margin-top:20px;}

/* Emergency Section
--------------------------------------*/
.emergency {
  background: url(https://www.stpso.com/assets/images/emergency-bg-10.png) 0% 0% / 50px 50px repeat rgb(179, 27, 27);
  padding-bottom: 50px;
  border-top:2px dotted rgba(255, 255, 255, 0.3);
  padding-top:30px;
}
.emergency-container .emergency:first-child {border-top:none;}
.emergency h1 {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 60px;
  line-height: 1em;
  color: #fff;
  text-transform: uppercase;
}
.emergency i {
  display:inline;
  color:#E5CD29;

}
.emergency p {
  font-size: 18px;
  color: #fff;
  opacity: .8;
  max-width: 920px;
}
@media (max-width:991px) {
.emergency h1 {
	font-size:50px;
}
}
@media (max-width: 767px) {
.emergency i {
	display:block;
	line-height:1.3em;
}
.emergency {
	text-align:center;
}