@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 16px;
}

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

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== HEADER:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
header { position:relative; }
/*header section#block-communicatoraward { display:block; position:absolute; bottom:30px; right:20px; }
header section#block-communicatoraward img { max-width:100%; height:auto; width:86px; }*/

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #1a1a1a !important;
}

/*--------- Search Bar ---------*/
.searchbar { margin-right:15px; float:right; margin-top:-380px; width:245px; }
/*.searchbar { margin-right: 15px; float: right; margin-top: -304px; width: 208px; }*/
.searchbar input#edit-keys, .searchbar button.button.js-form-submit.form-submit.btn-primary.btn.icon-only { border-radius: 0; }

/*--------- Landing Page ---------*/
#banner img.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 202.89px;
  margin-top: -304px;
  position: relative;
}

header .home-logo, header .inside-logo, header .inside-logo-new  { display:block; position:absolute; top:96px; left:50%; width:440px; margin:0 0 0 -220px; }
header .home-logo, header .inside-logo-new { top:40px; width:540px; margin:0 0 0 -270px; }

div#banner {
  height: 385px;
}
.banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -15px;
  height: 400px;
}

/*--------- Dropdown Menu Buttons ---------*/
div#menu1 { margin-left: 15px; margin-right: 15px; float: right; margin-top: -335px; }

ul.menu.menu--divisions.nav a.dropdown-toggle,
ul.menu.menu--resources-menu.nav a.dropdown-toggle {
  background-color: black;
  border-color: black;
  padding: 8px 12px;
  color: #ffffff;
  font-family: Oswald;
  font-size: 20px;
  letter-spacing: 0.21px;
  line-height: 36px;
  display: inline-block;
}

nav#block-divisionsmenu,
nav#block-resourcesmenu {
  display: inline-table;
}
#block-cadetclass65application {
  display: inline-block;
  vertical-align: top;
}

a.cadet65application,
a.cadet65application:active {
  display: block;
  background-color: #d0021b;
  padding: 0px 8px 8px 8px;
  color: #ffffff;
  font-family: Oswald, Helvetica, san-serif;
  font-size: 20px;
  letter-spacing: 0.21px;
  line-height: 44px;
  text-decoration: none;
}
a.cadet65application:hover,
a.cadet65application:focus {
  background-color: #b10116;
  text-decoration: none;
}

.applyBy {
  font-size: 12px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-top: -28px;
}

#menu1 .navbar-default {
  background: none;
  border: none;
}
div#bs-example-navbar-collapse-1 {
  border: none;
  box-shadow: none;
}
ul.menu.menu--divisions.nav ul.dropdown-menu,
ul.menu.menu--resources-menu.nav ul.dropdown-menu {
  background-color: black;
  border-color: black;
  margin-top: 0px;
  border-radius: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}
ul.menu.menu--divisions.nav ul.dropdown-menu li a,
ul.menu.menu--resources-menu.nav ul.dropdown-menu li a {
  color: #ffffff;
  font-family: Oswald;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 20px;
  padding: 8px 32px;
}
ul.menu.menu--divisions.nav ul.dropdown-menu li a:hover,
ul.menu.menu--resources-menu.nav ul.dropdown-menu li a:hover {
  background-color: rgb(255, 255, 255, 0.4);
  color: white;
}
ul.dropdown-menu {
  right: 0;
  left: auto;
}
ul.menu.menu--divisions.nav span.caret,
ul.menu.menu--resources-menu.nav span.caret {
  display: none;
}

ul.menu.menu--divisions.nav li a:after,
ul.menu.menu--resources-menu.nav li a:after {
  content: url(/sites/dps/files/images/arrowDown.svg);
  padding-left: 3px;
}
ul.menu.menu--divisions.nav ul.dropdown-menu li a:after,
ul.menu.menu--resources-menu.nav ul.dropdown-menu li a:after {
  display: none;
}

/*--------- ALERT INFORMATION BANNER ---------*/
.message-banner {
  background-color: #de0016;
  text-align: center;
}
.message-banner p {
  margin: 0;
  padding: 0;
}
.message-banner p a,
.message-banner p a:visited {
  width: 100%;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 16px 5%;
  line-height: 1.25em;
}
.message-banner p a:hover,
.message-banner p a:focus {
  color: #f6afb3;
  text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MAIN:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.main {
  /*min-height: 1100px;*/
  background-color: #e7e8e9;
  padding-left: 0;
  padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.serve { float:right; }
/*.serve:before {
  content: "";
  border-style: solid;
  border-width: 115px 100px 0 0;
  border-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top-color: #d0021b;
  z-index: 2;
}*/
.serve h2 { height: 120px; padding-top: 25px; color: #ffffff; font-family: Oswald; font-size: 48px; background-color: #32322d; margin-bottom: 0px; margin-top: 0px; /*margin-left: -56px;*/ margin-right: -15px; /*padding-left: 220px;*/ font-weight: bold; letter-spacing: 0.5px; line-height: 72px; text-transform: uppercase; margin-left:-15px; padding-left:100px; position:relative; }
.serve h2:before { content:""; border-style:solid; border-width:120px 100px 0 0; border-color:transparent; position:absolute; top:0; left:0; width:0; height:0; border-top-color:#d0021b; z-index:2; }

/*--------- HOMEPAGE WELCOME SECTION ---------*/
.welcome-home #block-welcome { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; padding:48px 16px; width:100%; }
.welcome-home #block-welcome h3 { font-family:Oswald; font-weight:800; font-size:2em; letter-spacing:0.5px; color:#2660a4; line-height: 1.5em; margin-top: 0; }
.welcome-home #block-welcome p { line-height:1.6em; }
.welcome-home #block-welcome .field--name-field-welcome-image { flex:0 1 auto; }
.welcome-home #block-welcome .field--name-field-welcome-image img { width:250px; }
.welcome-home #block-welcome .field--name-field-welcome-content { padding-left:32px; flex:1; }

/*--------- SERVICE CARDS SECTION ---------*/
.service-card-container { padding-top:48px; }
/*.service-card-container .field--item.col-xs-12.col-sm-6:last-child { margin:0 25%; }*/
.service-card { margin-bottom:32px; }
.service-card a.service-card-link, .service-card a.service-card-link:active, .service-card a.service-card-link:visited { display:block; color:#ffffff; text-align:center; }
.service-card a.service-card-link:hover, .service-card a.service-card-link:focus { text-decoration:none; }
.service-card .service-card-box { min-height:200px; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.service-card .service-card-box h4 { margin:0; padding:16px; font-weight:800; font-size:1.75em; line-height: 1.2em; z-index:2; }

.field--name-field-questions-link { margin-bottom:48px; text-align:center; }
.field--name-field-questions-link a { background-color:#b5141a; padding:12px; color:#ffffff; font-size:1em; font-weight:600; line-height: 20px; display:inline-block; }
.field--name-field-questions-link a:hover { text-decoration:none; }

.cards {
  padding-left: 124px;
  margin-top: 25px;
  padding-right: 215px;
}
.eachcard {
  background-color: #d8d8d8;
  margin-bottom: 25px;
  width: 164px;
}
.eachcard img {
  margin: 0;
  background-color: #32322d;
  padding: 5px;
  margin-left: 138px;
  position: relative;
  margin-top: -11px;
}

.cards a {
  text-decoration: none;
}
.cards a:active {
  border: 5px solid #4a90e2;
}
.cards img {
  min-width: 164px;
}

button.eachcard {
  border: none;
  text-align: left;
  padding: 0;
}
.eachcard h3 {
  height: 72px;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  font-family: "Open Sans";
  padding-right: 10px;
  padding-left: 10px;
}
.eachcard h4 {
  height: 16px;
  color: #151918;
  font-family: "Open Sans";
  font-size: 10px;
  font-weight: 600;
  line-height: 17px;
  padding-left: 8px;
  padding-top: 16px;
}
.eachcard:hover {
  background-color: #a4a4a4;
}
/*.eachcard h4:after {
    content: url('/sites/dps/files/images/arrowRight.svg');
    margin-left: 6px;
    background-color: #32322D;
    margin-top: -5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    }*/
.questions h3 {
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.23px;
  line-height: 20px;
  text-align: center;
  margin-top: 5px;
}
button.questions {
  background-color: #b5141a;
  border: none;
  width: 240px;
  height: 48px;
  margin-top: 25px;
  padding: 8px;
}
form#moreQuestions {
  text-align: center;
}
.homeMenu:before {
  content: "";
  border-style: solid;
  border-width: 120px 100px 0 0;
  border-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top-color: #d0021b;
  z-index: 2;
}
.homeMenu h2 {
  height: 120px;
  padding-left: 130px;
  color: #ffffff;
  font-family: "Oswald";
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 71px;
  background-color: #2660a4;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 25px;
  text-transform: uppercase;
}
.homeMenu { /*min-height: 940px;*/ background-color: #32322d; padding-bottom:16px; }
.homeMenu img { height: 102px; position: absolute; z-index: 50; top: 9px; }
.homeMenu h2#block-resourcesmenuhomepage-menu { position:relative; padding-left:86px; }

ul.menuItems, ul.additional-menuItems { padding:0 0 32px 0; margin:0; }
ul.additional-menuItems h2:before { content:""; border-style:solid; border-width:120px 100px 0 0; border-color:transparent; position:absolute; top:0; left:0; width:0; height:0; border-top-color:#d0021b; z-index:2; }
ul.menu.menu--divisions-menu-home-page.nav, ul.menu.menu--resources-menu-homepage.nav { padding-left:.5em;  padding-right:.5em; }
ul.menu.menu--divisions-menu-home-page.nav li a, ul.menu.menu--resources-menu-homepage li a, ul.menu.menu--divisions-menu-home-page.nav li a:visited, ul.menu.menu--resources-menu-homepage li a:visited, ul.menu.menu--divisions-menu-home-page.nav li a:active, ul.menu.menu--resources-menu-homepage li a:active {
  color: #d3cbbc;
  font-family: "Oswald";
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 36px;
  list-style: none;
  padding-top: 32px;
  padding-bottom: 5px;
  text-decoration: none;
  background-color: transparent;
}

ul.menu.menu--divisions-menu-home-page.nav li a:hover {
  background-color: transparent;
  text-decoration: none;
  color: white;
}

nav#block-divisionsmenuhomepage-2 {
  padding-bottom: 24px;
}
nav#block-divisionsmenuhomepage-2 ul.menu.menu--divisions-menu-home-page.nav {
  padding: 24px 0 0 0;
}
nav#block-divisionsmenuhomepage-2
  ul.menu.menu--divisions-menu-home-page.nav
  li
  a,
nav#block-divisionsmenuhomepage-2
  ul.menu.menu--divisions-menu-home-page.nav
  li
  a:visited {
  color: #000000;
}
nav#block-divisionsmenuhomepage-2
  ul.menu.menu--divisions-menu-home-page.nav
  li
  a:hover,
nav#block-divisionsmenuhomepage-2
  ul.menu.menu--divisions-menu-home-page.nav
  li
  a:focus {
  color: #232323;
}

/*social media */
.socialMedia {
  min-height: 900px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #e7e8e9;
  padding-left: 124px;
  padding-right: 124px;
  margin-top: 0px;
}
.socialMedia:after {
  content: "";
  border-style: solid;
  border-width: 450px 400px 0px 0px;
  border-color: transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-right-color: #2660a4;
}
.socialMedia h2 {
  margin-top: 70px;
  height: 96px;
  width: 296px;
  color: #32322d;
  font-family: "Oswald";
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 48px;
  margin-left: 30px;
}
.socialMedia h2:after {
  content: "";
  border-top: solid 8px #2660a4;
  position: absolute;
  top: 55px;
  width: 98px;
  left: 48px;
}
.feeds {
  height: 412px;
  margin-right: 210px;
  position: relative;
  display: inline-table;
}
.feeds h3:before {
  content: "";
  border-style: solid;
  border-width: 65px 60px 0 0;
  border-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top-color: #2660a4;
  z-index: -1;
}
.feeds h3 {
  height: 64px;
  color: #ffffff;
  font-family: "Oswald";
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  position: relative;
  z-index: 50;
  padding-top: 9px;
  padding-left: 14px;
}
.feedsTitle {
  background-color: #9b9b9b;
}
.feedsContent {
  width: auto;
  background-color: white;
  padding: 20px;
  border: 15px solid lightgray;
  margin-top: -10px;
  z-index: 50;
  position: relative;
  min-height: 550px;
  max-height: 550px;
  overflow: hidden;
}
.facebook-feed {
  width: 100%;
  max-width: 100%;
}

/*FAQ page*/
.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:visited,
.btn-info:focus,
.btn-focus:focus-within {
  background-color: #2660a4;
  border-color: #2660a4;
}

.content ul, .content ol { margin-bottom:24px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTACT FOOTER:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.contact { /*min-height: 360px; background-color:#4a4a4a;*/ background-color:#051d40; padding:40px 0; display:block; width:100%; }

.title h2 {
  color: #ffffff;
  font-family: Oswald;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 53px;
  padding-top: 64px;
  padding-left: 20px;
  margin-top: 0;
  text-transform: uppercase;
}
.title h2:after {
  content: "";
  border-top: solid 8px #d0021b;
  position: absolute;
  top: 128px;
  width: 96px;
  left: 32px;
}
.contactBody h4 {
  height: 24px;
  color: white;
  font-family: "Oswald";
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 30px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
}
.contactBody p {
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 19px;
  font-weight: 300;
  line-height: 1.5em;
  /*padding-top: 29px;
  padding-bottom: 30px;*/
    margin:0 0 16px 0; 
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTACT FOOTER:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*.contact { background-color:#051d40; padding:40px 0; display:block; width:100%; }

.title h2 {
  color: #ffffff;
  font-family: Oswald;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 53px;
  padding-top: 64px;
  padding-left: 20px;
  margin-top: 0;
  text-transform: uppercase;
}
.title h2:after {
  content: "";
  border-top: solid 8px #d0021b;
  position: absolute;
  top: 128px;
  width: 96px;
  left: 32px;
}
.contactBody h4 {
  height: 24px;
  color: white;
  font-family: "Oswald";
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 30px;
  margin:0 0 24px 0;
  text-transform: uppercase;
}
.contactBody p {
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 19px;
  font-weight: 300;
  line-height: 1.5em;
    margin:0 0 16px 0; 
}*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FOOTER:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
footer { background-color: #292929; }

.transparency { text-align: center; }
.msgov-logo { margin-bottom: 8px; }

.transparency-button {
  height: 16px;
  width: 112px;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 16px;
  text-align: center;
  border: 1px solid white;
  border-radius: 24px;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.16);
  margin-top: 4px;
  margin-bottom: 8px;
}
/*.pagefooter {
  padding-left: 128px;
  padding-right: 128px;
  background-color: #292929;
  margin-top: 0;
  border: none;
  padding-bottom: 0;
  min-height: 200px;
}*/

.pagefooter { padding-top:40px; padding-bottom:40px; }

/*footer .agency img { padding-top: 35px; }*/
footer .footersocial { padding:6px 0 0 0; }
footer .footersocial ul { list-style:none; margin:0; padding:0; }
footer .footersocial ul li { margin:0 0 12px 0; padding:0; }
footer .footersocial ul li a { background-repeat:no-repeat; margin:0 auto; }
footer .footersocial ul li a.fb-icon { background-image:url("../images/facebook-icon@2x.png"); width:16px; height:35px; display:block; background-size:18px; }
footer .footersocial ul li a.tweet-icon { background-image:url("../images/twitter-icon@2x.png"); width:32px; height:35px; display:block; background-size:32px; }
footer .footersocial ul li a.linked-icon { background-image:url("../images/linkedin-icon@2x.png"); width:28px; height:35px; display:block; background-size:28px; }
footer .footersocial ul li a span { display:none; }

.pagefooter p {
  height: 115px;
  color: #dad4c4;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  padding-top: 40px;
  margin-top: -140px;
  margin-left: 130px;
}
.footerLinks ul {
  /*width: 214px;*/
  list-style: none;
  /*padding-top: 40px;*/
  line-height: 24px;
}
.footerLinks ul li a {
  color: #dad4c4;
  font-family: "Open Sans";
  font-size: 14px;
  padding: 0;
}
.footerLinks ul li a:hover {
  background-color: transparent;
  text-decoration: none;
}
.transparency img { width: 96px; padding-top: 16px; padding-bottom: 5px; display: block; margin: 0 auto; }
.transparency a { color: #dad4c4; font-family: "Open Sans"; font-size: 14px; line-height: 8px; text-decoration: none; display:block; }

.pagefooter .footer-awards { text-align: center; }
.pagefooter .footer-awards p { height: auto; color: #ffffff; line-height: normal; padding: 0; margin: 0; }
.pagefooter .footer-awards img { width: 86px; /*padding-top: 40px;*/ }

.Copyright { color: #dad4c4; font-family: "Open Sans"; font-size: 14px; font-weight: 300; line-height:1.3em; text-align: center; background: #1a1a1a; /*min-height: 56px;*/ padding-top:8px; padding-bottom:8px; }
/*.Copyright p { padding: 8px 40px; }*/


ul.menu.menu--forms.nav {
  margin-left: -15px;
}
ul.menu.menu--forms.nav li a:hover {
  background-color: transparent;
  text-decoration: none;
}
/* chatbot */
.chatbot {
  width: 85px;
  display: inline-block;
  position: fixed;
  right: 65px;
  bottom: 15px;
  z-index: 100;
}
/* faq page */
.faqPage.container-fluid {
  background-color: #e7e8e9;
  min-height: 300px;
}
.faqPageTitle h2 {
  padding-left: 124px;
  padding-right: 142px;
  margin-top: 72px;
  color: #2660a4;
  font-family: "Oswald";
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 48px;
}
.faqPageTitle h2:after {
  content: "";
  border-top: solid 8px #d0021b;
  position: absolute;
  top: 60px;
  left: 140px;
  height: 8px;
  width: 80px;
}
.faqPageBody {
  padding-left: 124px;
  padding-right: 142px;
  color: #000000;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 30px;
}
.faq-row.views-row h2 {
  padding-left: 0px;
  margin-top: 5px;
}
.faq-icon-closed:after {
  content: url("/sites/dps/files/images/Blackdownarrow.svg");
  float: right;
}

.faq-icon-open:after {
  content: url("/sites/dps/files/images/Blackuparrow.svg");
  float: right;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #2660a4;
  background: white;
  color: black;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  opacity: 0.75;
  color: #4a4a4a;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
  height: auto !important;
  border: 1px solid #2660a4;
}
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5 /*{borderColorDefault}*/;
  background: white /*{bgColorDefault}*/ /*{bgImgUrlDefault}*/
    /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
  font-weight: normal /*{fwDefault}*/;
  color: black /*{fcDefault}*/;
}
.faqPageBody .view-content h4 {
  color: #2660a4;
  font-family: "Open Sans";
  font-size: 30px;
  line-height: 18px;
  padding-top: 30px;
}
.faqPageBody .view-content h3 {
  color: #32322d;
  font-family: "Open Sans";
  font-size: 24px;
  line-height: 18px;
  padding-top: 5px;
}
.faqPageBody .faq-row .field-content {
  color: #000000;
  font-family: "Open Sans";
  font-size: 16px;
}
.faqPageBody .views-field.views-field-title {
  border: 1px solid #999893;
  background-color: #ffffff;
  padding: 10px;
  cursor: pointer;
}
.faq-row {
  margin-bottom: 8px;
}
/* division home page */
.divisionHomePage {
  background-color: #e7e8e9;
  padding-left: 0;
  padding-right: 0;
  min-height: 722px;
}
.breadcrumb {
  margin-bottom: 16px !important;
}
.breadcrumbs {
  min-height: 40px;
  background-color: #32322d;
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 20px;
}
.breadcrumbs h4 {
  margin-top: -1px;
  margin-bottom: 0;
  padding-top: 9px;
}
.breadcrumbs ol.breadcrumb {
  background: none;
  padding: 0;
}
.divisionHomePage ol.breadcrumb {
  padding-top: 16px;
}
ol.breadcrumb li {
  text-transform: capitalize;
}
.field.field--name-field-division-seal img {
  height: 88px;
  width: auto;
  position: absolute;
  z-index: 50;
  top: 35px;
  left: 0;
  padding-left: 16px;
}
.divisionTitle h2 {
  color: #ffffff;
  font-family: "Oswald";
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.33px;
  line-height: 47px;
  padding-left: 120px;
  padding-top: 37px;
  min-height: 120px;
  background-color: #2660a4;
}
.divisionTitle {
  padding: 0px;
  margin-top: -20px;
  padding-bottom: 40px;
}
.divisionTitle:before {
  content: "";
  border-style: solid;
  border-width: 115px 100px 0 0;
  border-color: transparent;
  position: absolute;
  top: 20px;
  left: 0;
  width: 0;
  height: 0;
  border-top-color: #d0021b;
}
.divisionTitle h1.page-header {
  border: none;
  text-transform: uppercase;
}
.divisionBody {
  padding-left: 120px;
  padding-right: 143px;
  padding-top: 40px;
  color: #000000;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
}
.divisionContact {
  padding-top: 56px;
  padding-bottom: 30px;
}
.divisionContact h4 {
  height: 32px;
  color: #32322d;
  font-family: "Oswald";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.33px;
  line-height: 36px;
  margin-bottom: 32px;
}
.divisionContact h4:after {
  content: "";
  border-top: solid 8px #d0021b;
  position: absolute;
  margin-top: 40px;
  left: 120px;
  height: 8px;
  width: 80px;
}
.divisionContact p {
  padding-top: 16px;
  color: #32322d;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}
.divisionOffice h5 {
  height: 24px;
  color: #2660a4;
  font-family: "Oswald";
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.divisionOffice p {
  color: #32322d;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}
.divisionNav {
  min-height: 722px;
  background-color: #d8d8d8;
  padding-left: 32px;
}
.divisionNav h2 {
  height: 32px;
  color: #32322d;
  font-family: "Oswald";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: 36px;
}
.divisionNav h2:after {
  content: "";
  border-top: solid 8px #d0021b;
  position: absolute;
  top: 72px;
  left: 32px;
  height: 8px;
  width: 80px;
}
ul#highwaySafety {
  display: inherit;
  column-count: 2;
  height: auto;
}
/*ul#mleota {
    display: inherit;
    column-count: 2;
    height: auto;
}*/
ul#highwayPatrol {
  display: inherit;
  column-count: 2;
  height: auto;
}
ul#investigation {
  display: inherit;
  column-count: 2;
  height: auto;
}
ul#standards {
  display: inherit;
  /*column-count: 2; */
  height: auto;
}
.navBody {
  /*padding-top: 32px; */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 95%;
  padding-bottom: 15px;
}
ul.sidemenu-level-1 a {
  color: #4a4a4a !important;
  font-family: "Oswald" !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  letter-spacing: 0.5px !important;
  line-height: 40px !important;
}
ul.sidemenu-level-1 li {
  list-style-type: disc !important;
}
ul.sidemenu-level-0 li a, ul.menu--finance-menu li a {
  height: 40px;
  color: #000000;
  font-family: "Oswald";
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 40px;
  text-decoration: none;
}
ul.sidemenu-level-0 li, ul.menu--finance-menu li {
  list-style: none;
  padding-top: 15px;
}
ul.sidemenu-level-0, ul.menu--finance-menu {
  padding: 40px 24px;
  margin-left: -20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /*height: 630px;*/
}
ul.menu--finance-menu li a:hover, ul.menu--finance-menu li a:focus { text-decoration:none; background-color:transparent; }

ul.sidemenu-level-1 li {
  padding-top: 0;
}
ul.sidemenu-level-1 a {
  color: #4a4a4a;
  font-family: "Oswald";
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 40px;
}
/*section.featureBoxSection {
    min-height: 360px;	
}*/
.featureBox {
  padding: 0;
}
.featureBoxes {
  height: 360px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s ease-in-out;
  cursor: default;
}
/*.featureBoxes:hover {
    background-size: 110%;
    transition: all .3s ease-in-out;
}
.featureBoxes:active {
    border-color: white;
    border-width: 1px;
    border-style:solid;
} 
.featureBoxes:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
}
.featureBoxes h4 {
    height: 36px;	
 	color: #FFFFFF;	
 	font-family: "Oswald";	
 	font-size: 24px;	
 	font-weight: 500;	
 	letter-spacing: 0.25px;	
 	line-height: 36px;	
 	text-align: center;
 	padding-top: 280px;
    z-index: 3;
    position: relative;
    margin-top: 0;
 }*/
.about {
  min-height: 400px;
  background-color: #2660a4;
  padding-bottom: 30px;
    float:none;
}
.about:before {
  content: "";
  border-style: solid;
  border-width: 320px 320px 0 0;
  border-color: transparent;
  position: absolute;
  top: auto;
  left: 0;
  width: 0;
  height: 0;
  border-top-color: #32322d;
}
.mission h4,
.administration h4 {
  min-height: 24px;
  color: #ffffff;
  font-family: "Oswald";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-top: 30px;
  text-transform: uppercase;
}
.missionBody,
.administrationBody {
  /*min-height: 262px;*/
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 24px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== DIVISION SUB PAGE:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.divisionSubPage {
  background-color: #e7e8e9;
  padding-left: 0;
  padding-right: 0;
  min-height: 722px;
}

.subPageTitle h1 {
  font-weight: bold;
  line-height: 48px;
  border: none;
}
.subPageTitle h2 {
  color: #2660a4;
  font-family: "Oswald";
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 48px;
  padding-left: 124px;
  padding-right: 142px;
  margin-top: 72px;
}
.subPageTitle h2:after {
  content: "";
  border-top: solid 8px #d0021b;
  position: absolute;
  top: 60px;
  left: 140px;
  height: 8px;
  width: 80px;
}
.subPageBody {
  padding-left: 124px;
  padding-right: 142px;
  color: #000000;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 30px;
}
.subPageBody article ul li {
  margin-bottom: 8px;
}

p.news-archive-link {
  display: inline-block;
  border: none;
  margin: 35px 0 25px;
}
p.news-archive-link a,
p.news-archive-link a:link,
p.news-archive-link a:active,
div.more-link a,
div.more-link a:link,
div.more-link a:active {
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  background-color: #b5141a;
  line-height: 100%;
  text-align: center;
  padding: 12px 16px;
}
p.news-archive-link a:hover,
p.news-archive-link a:focus,
div.more-link a:hover,
div.more-link a:focus {
  background-color: #8c0b10;
  text-decoration: none;
}

/* == NEWS ARCHIVE PAGE:============================== */
.news-archive .news-article-row {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #cacaca;
}
.news-archive .news-article-row .views-field-title h4 {
  line-height: 120%;
  margin-bottom: 5px;
}
.news-archive .news-article-row span.article-date {
  font-size: 0.85em;
  padding: 0 0 8px 0;
  display: block;
  font-weight: normal;
  color: #404040;
}

.divisionNav #block-mediacontactsidebar { padding-top:48px; }

.mapWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.mapWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ul#mleota{
        column-count: 1;
    }*/
/*ul#highwayPatrol{
        column-count: 1;
}/*
/*ul#investigation{
        column-count: 1;
}*/
ul#standards {
  column-count: 1;
}

div#popup-message-window {
  height: auto !important;
  /*width: 300px !important;
    left: 15% !important;*/
}
#popup-message-close {
  font-size: 20px;
  line-height: 16px;
  right: 12px;
  top: 12px;
  position: absolute;
  color: #6fa5fd;
  font-weight: 800;
  display: block;
  cursor: pointer;
}

div#spb-block-disclaimer {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
}
div#spb-block-disclaimer h2 {
  background-color: transparent;
  color: black;
  padding-left: 0px;
  padding-top: 32px;
  min-height: 0px;
}
div#spb-block-disclaimer p {
  color: black;
  max-width: 448px;
}

/* extras */
/* groups & drupal styling */
section#block-groupoperations {
  background-color: #f8f8f8;
  padding: 15px 20px;
}
.groupBody {
  min-height: 200px;
  padding-left: 124px;
  padding-right: 142px;
  color: #000000;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 30px;
}
.groupPage.container-fluid {
  background-color: #e7e8e9;
  min-height: 300px;
}
.groupTitle h2 {
  color: #2660a4;
  font-family: "Oswald";
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 48px;
  padding-left: 124px;
  padding-right: 142px;
  margin-top: 72px;
}
.groupBody .table-responsive {
  overflow-x: inherit;
}
section#block-groupoperations h2 {
  padding-left: 0;
}
.region.region-header nav.tabs {
  font-size: 20px;
  margin-top: -20px;
}
ul.tabs--primary.nav.nav-tabs li a {
  color: black;
}
footer .author {
  display: none;
}
.contextual-region {
  position: inherit;
}
.links.btn-group.dropdown.open ul.dropdown-menu {
  left: 0;
  right: auto;
}

.page-header {
  border: none;
}
.dropdown-backdrop {
  display: none;
}
table {
  border-collapse: collapse;
}
.subPageBody table,
.subPageBody th,
.subPageBody td {
  border: 1px solid black;
}
/* printing */
@media print {
  a[href]:after {
    content: none !important;
  }
}

#scrollable {
  overflow: auto;
}

button.js-form-submit:disabled,
button.js-form-submit[disabled],
button.js-form-submit:focus,
button.js-form-submit:active {
  cursor: default !important;
}
div#popup-message-window {
  left: 50% !important;
  position: absolute;
  margin-left: -240px;
  bottom: auto;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MOST WANTED PAGE:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.wantedList-page .subPageTitle h2, .wantedList-page .subPageBody { padding-left:0; padding-right:0; }
.wantedList-page .subPageTitle h2:after { top:-14px; left:0; }

.wantedList-container { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; padding:40px 0; }
.wantedList-container { margin:0 -1%; }
.wantedList-container .field--item { /*flex:0 1 250px;*/ flex:0 1 27.3333%; text-align:center; background-color:#ffffff; margin:0 1% 32px; }

.field--name-field-featured-fugitive { padding:40px 0; border-bottom: 1px solid #cecece; }
.paragraph--type--featured-fugitive-block { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
.field--name-field-featured-fugitive-content { padding:0 24px; }
.paragraph--type--featured-fugitive-block h3 { color:#2660a4; font-family:"Oswald"; font-weight: bold; margin: 0 0 16px; }
.paragraph--type--featured-fugitive-block h4 { color:#d0021b; margin: 0 0 8px; }
.paragraph--type--featured-fugitive-block p { margin: 0 0 16px; }
 
.paragraph--type--fugitive-block { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap:nowrap; flex-wrap:nowrap; height:100%; }
.paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-image, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link { -webkit-box-flex:1; -ms-flex:1; flex:1; }
.paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-bio { padding:8px; margin:0; }
.paragraph--type--fugitive-block .field--name-field-fugitive-name { font-weight:800; background-color:#051d40; color:#ffffff; }
.paragraph--type--fugitive-block .field--name-field-fugitive-image { margin:0; }
.paragraph--type--fugitive-block .field--name-field-fugitive-bio { padding-bottom:24px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top:16px; }
.paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file, .paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file { margin:0; }
.paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-icon, .paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-size, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-icon, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-size { display:none; }
.paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-link { border:none; }
.paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a, .paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a:visited, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-link a, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-link a:visited { display:block; padding:16px 8px; color:#ffffff; background-color:#d0021b; font-size:1.35em; text-transform:uppercase; line-height:1.1em; text-decoration:none; }
.paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a, .paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a:visited { padding:16px; }
.paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a:hover, .paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a:active, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-link a:hover, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-link a:focus, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file-link a:active { text-decoration:none; background-color:#051d40; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== RESPONSIVE:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
@media screen and (min-width: 1440px) {
    .container { width: 1350px; }
    
    .wantedList-container { margin:0 -2%; }
    .wantedList-container .field--item { flex:0 1 21.3333%; margin: 0 2% 32px; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-image, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link { -webkit-box-flex:1; -ms-flex:1; flex:1; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-bio { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-image, .paragraph--type--fugitive-block .field--name-field-fugitive-bio { margin:0; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-file-link, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file { margin:0; }
}

@media screen and (max-width: 1440px) {
  .serve h2 { /*padding-left: 135px;*/ padding-left:100px; }
  .cards { padding-left: 0; padding-right: 80px; }
  /*.pagefooter { padding-left: 56px; padding-right: 56px; }*/
  .socialMedia { padding-left: 40px; padding-right: 40px; }
}

@media screen and (max-width: 1199px) {
    .paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-image, .paragraph--type--fugitive-block .field--name-field-fugitive-bio { margin:0; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-file-link, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file { margin:0; }
}

@media screen and (max-width: 1024px) {
  .content {
    padding-left: 40px;
    padding-right: 40px;
  }
  .subPageTitle h2 {
    padding-left: 12px;
    padding-right: 14px;
  }
  .subPageTitle h2:after {
    left: 26px;
  }
  .subPageBody {
    padding-left: 12px;
    padding-right: 14px;
  }
  .divisionBody {
    padding-left: 12px;
    padding-right: 14px;
  }
  .divisionContact {
    padding-left: 12px;
    padding-right: 14px;
  }
  .divisionContact h4:after {
    left: 10px;
  }
  .divisionOffice {
    padding-left: 12px;
    padding-right: 14px;
  }
  .cards {
    padding-left: 0;
    padding-right: inherit;
  }
  .serve h2 {
    padding-left: 80px;
  }
  .socialMedia {
    padding-left: 0px;
    padding-right: 10px;
  }
  .socialMedia h2:after {
    left: 40px;
  }
  .feeds {
    margin-right: 0;
  }
  .title h2 {
    padding-left: 0;
  }
  .title h2:after {
    left: 15px;
  }
    
    .wantedList-page .content { padding:0; }
    .wantedList-container .field--item { /*flex: 0 1 250px;*/ }
    
    /*.pagefooter { padding-left: 32px; padding-right: 32px; }*/
}

@media screen and (max-width: 1024px) {
  .divisionTitle:before {
    top: 0px;
  }
  .field.field--name-field-division-seal img {
    margin-top: -16px;
  }
}

@media screen and (max-width: 991px) {
    #banner img.logo { margin-top:-240px; height:184px; }
    
    .searchbar { position:absolute; float:none; width:100%; top:0; padding:0 2%; margin:0; }
    div#menu1 { margin:0; width:100%; padding:0 2%; text-align:center; float:none; position:absolute; top:52px; }
    div#menu1 .navbar-header { float:none; }
    ul.menu.menu--divisions.nav ul.dropdown-menu { left: 0; right: auto; z-index: 1000; }
    ul.menu.menu--resources-menu.nav ul.dropdown-menu { left: 0; z-index: 1000; }
    
    header .inside-logo  { top:130px; }
    header .home-logo { top:65px; }
    header .inside-logo-new { top:120px; width:450px; margin: 0 0 0 -225px; }
    
    /*.serve-cards { padding-bottom:24px; }
    .serve { float:left; }*/
    .serve h2 { margin-left: -15px; }
    
    .contactBody h4 { margin: 0 0 16px 0; }
    .contactBody p:last-child { margin:0 0 32px 0; }
    
    .wantedList-page .content { padding:0; }
    .wantedList-container .field--item { flex: 0 1 31.3333%; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-image, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link { -webkit-box-flex:1; -ms-flex:1; flex:1; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-bio { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
    .paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a { width:175px; text-align: center; }
}

@media screen and (max-width: 768px) {
    header .inside-logo-new { top:130px; }
    .searchbar { top:15px; }
    div#menu1 { top:62px; }
    header .inside-logo  { top:145px; }
    
  .col-xs-12 { float: none; }

  /*    header section#block-communicatoraward { display:none; }*/

  .divisionTitle:before {
    top: 0;
  }
  .field.field--name-field-division-seal img {
    top: 24px !important;
  }
  .divisionTitle h2 {
    padding-top: 29px;
    padding-bottom: 10px;
  }
  .divisionNav h4 {
    padding-top: 8px;
  }
    
    .service-card .service-card-box h4 { font-size:1.5em; }
    
  .cards {
    padding-left: 50px;
  }
  .homeMenu {
    margin-top: 60px;
  }
  .socialMedia {
    padding-bottom: 30px;
  }
  .divisionNav h2 {
    padding-top: 15px;
  }
  .divisionContact h4:after {
    left: 20px;
  }
  .faqPageTitle h2 {
    padding-left: 35px;
  }
  .faqPageTitle h2:after {
    left: 45px;
  }
  .faqPageBody {
    padding-left: 40px;
    padding-right: 30px;
  }
    
    .contactBody { text-align:center; }
    
    .pagefooter { padding-top:32px; padding-bottom:32px; }
    footer .footersocial ul { text-align:center; }
    footer .footersocial ul li { margin:0 12px 12px; display:inline-block; }
    .footerLinks { text-align:center; margin-bottom:8px; }
    .transparency { margin-bottom:16px; }
    
    .agency { display: none; }
    
    .wantedList-page .subPageTitle h2, .wantedList-page .subPageBody { padding-left:3%; padding-right:3%; }
    .wantedList-page .subPageTitle h2:after { left:3%; }
    .wantedList-container .field--item { flex: 0 1 46%; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-image, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link { -webkit-box-flex:1; -ms-flex:1; flex:1; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-bio { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
    .service-card-container .field--item.col-xs-12.col-sm-6:last-child { margin:0; }
}

@media screen and (max-width: 610px) {
    header .home-logo, header .inside-logo, header .inside-logo-new { top:70px; width:400px; margin:0 0 0 -200px; }
    header .inside-logo  { top:145px; }
    header .inside-logo-new { top:130px; }
    
    .welcome-home #block-welcome { -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .welcome-home #block-welcome .field--name-field-welcome-image { margin-bottom:24px; }
    .welcome-home #block-welcome .field--name-field-welcome-image img { width:100%; }
    .welcome-home #block-welcome .field--name-field-welcome-content { padding-left:0; }
    
    .paragraph--type--featured-fugitive-block { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
    .field--name-field-featured-fugitive-image { margin:0 0 32px 0; }
    .field--name-field-featured-fugitive-content { padding:0; }
    .field--name-field-featured-fugitive-file { width:175px; }
}

@media screen and (max-width: 580px) {
    .serve h2 { height: auto; padding-top: 0; font-size: 29px; padding-left:80px; }
    .serve h2:before { border-width: 70px 100px 0 0; }
    
    .wantedList-container { margin:0; }
    .wantedList-container .field--item { flex: 0 1 auto; margin: 0 0 32px; max-width:350px; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-name, .paragraph--type--fugitive-block .field--name-field-fugitive-image, .paragraph--type--fugitive-block .field--name-field-fugitive-bio { margin:0; }
    .paragraph--type--fugitive-block .field--name-field-fugitive-file-link, .paragraph--type--fugitive-block .field--name-field-fugitive-file-link .file { margin:0; }
}

@media screen and (max-width: 550px) {
    #banner img.logo { margin-top:-184px; }
    .region.region-search { margin-top:8px; }
    /*div#banner { height: 360px; }*/
    /*div#menu1 { margin-top: -604px; margin-left: 0; margin-right: 0; height: inherit; width: 100%; padding-top: 280px; text-align: center; background-color: rgba(0, 0, 0, 0.1); padding-bottom: 324px; padding-left: 36px; padding-right: 36px; }*/
    #banner img.logo { height: 139.89px; }

  .message-banner p a,
  .message-banner p a:visited {
    padding: 16px 0;
  }

  .divisionNav {
    height: 100%;
  }
  .navBody {
    display: block;
  }
  .content {
    padding-left: 24px;
    padding-right: 24px;
  }
  .divisionContact h4 {
    font-size: 32px;
  }
  .divisionContact h4:after {
    left: 48px;
    margin-top: 48px;
  }
  .divisionNav h2 {
    padding-top: 20px;
    font-size: 32px;
  }

  .agency {
    display: none;
  }

  .chatbot {
    right: 10px;
  }
  .subPageTitle h2:after {
    top: -10px;
  }

  .serve:before {
    border-width: 70px 70px 0 0;
    top: 1px;
  }
  .cards {
    padding-left: 8px;
  }
    
    .homeMenu:before, ul.additional-menuItems h2:before { border-width: 70px 100px 0 0; }
    .homeMenu h2 { height: auto; font-size: 35px; padding-top: 0; }
    .homeMenu img { height: 75px; top: 0; }
    
  ul.sidemenu-level-0 {
    height: auto;
  }
  ul.menu.menu--divisions.nav ul.dropdown-menu {
    left: 0;
    right: auto;
    width: auto;
    z-index: 1000;
  }
  ul.menu.menu--resources-menu.nav ul.dropdown-menu {
    left: auto;
    /*right: 0;*/
    height: 144px;
    z-index: 1000;
    /*margin-right: -50px;*/
  }

    /*.searchbar { position: absolute; margin-left: 15px; margin-right: auto; float: none; margin-top: -375px; width: 93%; }*/
    .searchbar { top:0; padding: 0 3%; }
    
  ul.menu.menu--divisions.nav a.dropdown-toggle,
  ul.menu.menu--resources-menu.nav a.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 25px;
    display: inline-block;
    width: 100%;
  }

  #block-cadetclass65application {
    display: block;
    width: 90%;
    margin: 0 auto;
    max-width: 270px;
    margin-top: 4px;
  }

  ul#highwaySafety {
    column-count: 1;
  }
}

@media screen and (max-width: 480px) {
    header .home-logo, header .inside-logo, header .inside-logo-new { top:70px; width:300px; margin:0 0 0 -150px; }
    header .inside-logo  { top:145px; }
    header .inside-logo-new { top:130px; }
    
  .feedsContent {
    padding: 0px;
    border: 0px;
  }
  section#block-views-block-news-news {
    padding: 8px;
    border: 8px solid lightgrey;
  }
  .serve h2 {
    height: auto;
    padding: 12px 56px;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 32px;
  }
  .serve:before {
    display: none;
  }
  .cards {
    padding-left: 4px;
    text-align: center;
  }
  div#menu1 { /*padding-top: 280px;*/ padding-left: 16px; padding-right: 16px; }
  nav#block-divisionsmenu,
  nav#block-resourcesmenu {
    /*display: block;*/
    margin: auto 0px;
    padding: 0px;
    /*width: 50%;*/
    text-align: center;
    /*float: left;*/
  }
  /*.main {
        margin-top: 12px;
    }*/
  #banner img.logo {
    margin-top: -208px;
  }
  .homeMenu img {
    display: none;
  }
  .divisionNav h2:after {
    display: none;
  }
  .breadcrumbs {
    min-height: 48px;
    margin-top: 8px;
  }
  .divisionHomePage ol.breadcrumb {
    padding-top: 14px;
  }
  .divisionTitle h1.page-header {
    border: none;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 6%;
    margin-bottom: 6%;
    margin-left: -8px;
  }
  .field.field--name-field-division-seal img {
    /* top: 24px !important; */
    margin-top: 0px;
  }
  .faqPageTitle h2:after {
    display: none;
  }
  .faqPageTitle h2 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 40px;
  }
  .faqPageBody {
    padding-left: 0px;
    padding-right: 0px;
  }
  .cards {
    margin-top: 0px;
  }
  .cards img {
    width: 144px;
  }
  .eachcard {
    background-color: #d8d8d8;
    margin-bottom: 24px;
    width: 144px;
  }
  button.eachcard {
    text-align: left;
  }
  .eachcard h3 {
    height: 92px;
    color: #000000;
    font-size: 16px;
    letter-spacing: -0.1px;
    font-weight: 500;
    line-height: 24px;
    font-family: "Open Sans";
    padding: 0px 12px;
    margin: 12px 0px;
  }
  div#popup-message-window {
    width: 100% !important;
    top: 88px !important;
    left: 0px !important;
    right: 0px !important;
    margin-left: 0px;
  }
}

@media screen and (max-width: 550px) {
    ul.menu.menu--divisions.nav ul.dropdown-menu { width:250px; }
    ul.menu.menu--divisions.nav ul.dropdown-menu li a, ul.menu.menu--resources-menu.nav ul.dropdown-menu li a { white-space:normal; }

}

@media screen and (max-width:400px) {
    .field--name-field-featured-fugitive-file, .paragraph--type--featured-fugitive-block .field--name-field-featured-fugitive-file .file-link a { width:100%; }
}

@media screen and (max-width: 320px) {
    div#banner { /*height:300px;*/ height:auto; }
    
    header.main-header { /*overflow:hidden;*/ }
    header .home-logo, header .inside-logo, header .inside-logo-new  { top:60px; width:280px; margin:0 0 0 -140px; }
    header .inside-logo  { top:145px; }
    header .inside-logo-new  { top: 130px; }
    
    .serve.col-xs-12.col-md-7 { padding-left: 0px; }
    
    .col-xs-6.col-sm-4.col-lg-offset-1.col-lg-3 { padding-left: 8px; padding-right: 8px; }
    
    section.socialMedia.col-xs-12 { padding-left: 0px; padding-right: 0px; }
    
    .socialContent.container-fluid.col-xs-12 { padding-left: 0px; padding-right: 0px; }
    
    .feeds.col-xs-12 { padding-left: 0px; padding-right: 0px; }
    
    .wantedList-container .field--item { flex: 0 1 100%; }
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== 2024 JULY LINZY UPDATE:==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.divisionNav nav ul.menu--justice-programs-menu.nav { padding:40px 24px; margin-left:-20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.divisionNav nav ul.menu--justice-programs-menu.nav li a { color:#000000; font-family:"Oswald"; font-size:20px; line-height:40px; text-decoration:none; padding:0 0 16px; }
.divisionNav nav ul.menu--justice-programs-menu.nav li a:hover, .divisionNav nav ul.menu--justice-programs-menu.nav li a:focus, .divisionNav nav ul.menu--justice-programs-menu.nav li a:active { background-color:transparent; }