@charset "UTF-8";
/*
Theme Name: Crime Stoppers
Description: Custom Wordpress Theme
Author: Clever Starfish
Text Domain: crimestoppers


---------------------------------------
BASIC STUFF AND TYPOGRAPHY
------------------------------------

font-family:'DIN Next W01', Helvetica, Arial, sans-serif;
font-family:'Populaire W00', Helvetica, Arial, sans-serif;
*/
html {
  overflow-y: scroll;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

body {
  font-size: 16px;
  font-family: "DIN Next W01", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  color: #1e3547;
  margin: 0;
  background: #e5eff7;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

p {
  line-height: 1.3em;
  margin: 0 0 0.8em;
}

a {
  text-decoration: none;
  color: #0065b3;
  background: transparent;
}

a.small-link {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}

a.more-link {
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}

p a:hover,
a.small-link:hover,
a.more-link:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
#main-feature h2:hover,
.home-feature h2:hover {
  color: #1f90e7;
}

a img {
  border: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.section-headline {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
  margin: 1.2em 0 0.6em;
  clear: both;
}

h1,
.section-headline {
  font-size: 32px;
  margin: 18px 0 7px;
  position: relative;
  display: block;
}

h2 {
  font-size: 24px;
}

.intro-text {
  font-size: 23px;
  line-height: 1.2em;
  margin: 1.2em 0 0.6em;
  clear: both;
}

.post-content ul,
.post-content ol {
  margin: 0.8em 0;
  padding: 0 0 0 45px;
}

.post-content ul li,
.post-content ol li {
  padding: 4px 0 4px 20px;
  line-height: 1.3em;
}

.post-content ol ol {
  padding: 0 0 0 17px;
}

/* ---------------------------------------
PARTNER WITH US PAGE
------------------------------------ */
.page-id-7663 header #logo {
  background-image: url(_inc/img/logo-wa-white.png);
}

.page-id-7663 .fw-breadcrumbs a {
  color: white;
}

/* this is page ID for starfish gym */
.page-id-9991 header #logo {
  background-image: url(_inc/img/logo-wa-white.png);
}

.page-id-9991 .fw-breadcrumbs a {
  color: white;
}

/* this is page ID for live site */
.partner-with-page #share-banner {
  position: relative;
  overflow: hidden;
  min-height: 538px;
}

.partner-with-page .breadcrumbs span:last-child {
  color: white;
}

.partner-with-page .button {
  padding: 15px 34px 12px;
  margin-bottom: 10px;
}

.partner-with-page #share-banner h2:after {
  background-image: url("_inc/img/story-arrow-white.svg");
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  border-radius: 4px;
}

.charity-info {
  padding: 34px 0;
  position: relative;
}

.charity-info img {
  width: 80px;
  display: block;
  margin: 0 auto 10px;
}

.charity-info:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 32px solid transparent;
  border-top-color: white;
  border-bottom: 0;
  margin-left: -32px;
  margin-bottom: -19px;
  z-index: 1;
}

.charity-info .wrapper {
  max-width: 770px;
}

.charity-content {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.donate-panel {
  background: #e5eff7;
  padding: 87px 0;
  font-size: 18px;
  position: relative;
}

.donate-panel:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 32px solid transparent;
  border-top-color: #e5eff7;
  border-bottom: 0;
  margin-left: -32px;
  margin-bottom: -19px;
}

.donate-panel h2 {
  font-size: 44px;
  text-align: center;
  text-transform: none;
  margin: 0;
}

.donate-panel .subtitle {
  text-align: center;
  font-size: 26px;
  text-transform: none;
  display: block;
  margin-bottom: 40px;
}

.support-panel {
  padding: 87px 0 67px;
  display: block;
  overflow: hidden;
  color: #1e3547;
}

.support-panel .col:first-child {
  margin-bottom: 70px;
}

.support-panel .col:first-child h3 {
  text-transform: none;
  font-size: 30px;
  font-weight: normal;
}

.support-panel .col h3 {
  margin-top: 0;
  font-size: 18px;
  color: #1e3547;
}

.support-panel .col:last-child p {
  font-size: 26px;
}

.support-panel .buttons {
  margin: 20px 0;
}

.support-panel .buttons .button {
  margin: 0 10px 10px 0;
}

.partner-logo {
  max-width: 160px;
}

.donate-item {
  background: #1e3547;
  color: white;
  padding: 35px 30px 100px;
  border-radius: 8px;
  text-align: center;
  margin: 0 0 15px;
  position: relative;
}

.donate-buttons {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 80%;
}

.donate-content {
  display: block;
}

.donate-item .button {
  margin: 10px 0 0;
  width: 100%;
}

.donate-item h3 {
  font-size: 30px;
  text-transform: none;
}

.donate-item .wrap {
  min-height: 125px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
}

.donate-item .icon img {
  width: 64px;
}

.partner-request {
  padding: 50px 0 0;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.partner-request span,
.partner-request .buttons {
  display: inline-block;
  vertical-align: middle;
}

.partner-request .button {
  margin-right: 10px;
}

.partner-request span {
  font-weight: bold;
  font-size: 34px;
  margin-right: 20px;
}

@media screen and (min-width: 681px) {
  .charity-info img {
    width: 107px;
    display: inline-block;
    vertical-align: middle;
  }
  .charity-content {
    width: calc(89% - 80px);
    text-align: left;
    padding-left: 25px;
  }
  .support-panel {
    margin: 0 -30px;
  }
  .support-panel .col {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 30px;
  }
  .donate-listing {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    margin: 0 -18px;
  }
  .donate-item {
    margin: 0 18px;
    width: 33.33%;
  }
  .donate-panel h2 {
    font-size: 64px;
    text-align: center;
    text-transform: none;
    margin: 0;
  }
}

/* ------------------------------------
GENERAL LAYOUT
------------------------------------ */
.wrapper {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 0 32px;
  box-sizing: content-box;
}

#main {
  background: #fff;
}

#content {
  padding-top: 32px;
  padding-bottom: 32px;
  min-height: 400px;
  overflow: hidden;
}

#main-column,
.home-main-column,
.drug-main-column {
  width: 68.8%;
  float: right;
}

#main-column.fullwidth {
  width: 100%;
  float: none;
  margin-top: 75px;
}

@media screen and (min-width: 681px) {
  #main-column.fullwidth {
    margin-top: 27px;
  }
}

#main-column.fullwidth hr.blue {
  left: 0;
}

#sidebar,
#intro-text,
#home-intro-text,
.home-sidebar,
.unsolved-cases-search {
  width: 26%;
  float: left;
  clear: left;
}

#intro-text,
.unsolved-cases-search {
  margin-top: 115px;
}

.no-intro #main-column {
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 680px) {
  .no-intro #main-column {
    margin-top: 110px;
  }
}

@media screen and (max-width: 404px) {
  .no-intro #main-column {
    margin-top: 70px;
  }
}

@media screen and (min-width: 681px) {
  .no-intro #sidebar {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1021px) {
  .no-intro #sidebar {
    margin-top: 110px;
  }
}

/* ------------------------------------
HEADER
------------------------------------ */
header {
  background: url("_inc/img/pixel_bkgnd.jpg") repeat-x center top;
  height: 160px;
}

.teaching-resources header {
  background: url("_inc/img/pixel_green_bkgnd.jpg") repeat-x center top;
}

header #logo {
  margin-top: 16px;
  width: 240px;
  height: 193px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  position: relative;
  background: url("_inc/img/logo-wa.png") no-repeat;
  background-size: 100%;
  z-index: 1;
}

.page-template-page-teaching-resources header #logo,
.page-template-page-teaching-resources-default header #logo,
.single-teaching-lessons header #logo,
.single-teaching-resources header #logo,
.single-teaching-themes header #logo {
  background: url("_inc/img/logo_no_byline.png") no-repeat;
  background-size: 100%;
}

header .site-title {
  float: right;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  margin-top: 21px;
}

header .acnc-tick {
  width: 80px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 10px;
}

/* ------------------------------------
NAVIGATION
------------------------------------ */
nav {
  margin: 0;
  position: relative;
}

nav ul ul.sub-menu {
  display: none;
}

nav ul,
nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  font-size: 0;
}

nav ul li a {
  display: inline-block;
  font-size: 16px;
  color: #0065b3;
  font-weight: bold;
  line-height: 16px;
  overflow: hidden;
  padding: 8px 10px 5px;
  text-decoration: none;
  text-transform: uppercase;
}

nav ul li a:hover {
  color: #1f90e7;
}

#main-nav,
#footer-nav-main {
  background: #fff;
  border-radius: 0 0 7px 7px;
  z-index: 11;
  height: 47px;
}

#footer-nav-main {
  border-radius: 7px 7px 0 0;
  margin-top: 10px;
}

#main-nav > ul,
#footer-nav-main > ul {
  padding: 0 12px;
  display: block;
  /* NEW, Chrome 21–28, Safari 6.1+ */
  /* MID: IE 10 */
  display: -webkit-box;
  display: flex;
  /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}

#main-nav > ul > li,
#footer-nav-main > ul > li {
  padding: 8px 0;
}

#main-nav > ul > li > a,
#footer-nav-main > ul > li > a {
  border: 1px solid #fff;
  border-radius: 7px;
  position: relative;
}

#main-nav > ul > li.current-menu-item > a,
#main-nav > ul > li.current-page-ancestor > a,
#footer-nav-main > ul > li.current-menu-item > a,
#footer-nav-main > ul > li.current-page-ancestor > a {
  border: 1px solid #1f90e7;
  background: #fff;
  z-index: 101;
}

#main-nav ul ul.sub-menu {
  display: none;
  background: #e5eff7;
  position: absolute;
  top: 47px;
  left: -5px;
  padding: 6px 0 16px;
  text-align: left;
  z-index: 100;
  width: 205px;
  border-radius: 0 0 8px 8px;
}

#main-nav ul.menu > li:hover > ul.sub-menu {
  display: block;
}

#main-nav ul ul.sub-menu:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0 0 28px;
  border-color: transparent transparent transparent #e5eff7;
  position: absolute;
  top: -12px;
  left: 30px;
}

#main-nav ul li:last-child ul.sub-menu {
  left: auto;
  right: -5px;
}

#main-nav ul li:last-child ul.sub-menu:before {
  left: auto;
  right: 30px;
}

#main-nav ul ul.sub-menu li {
  display: block;
}

#main-nav ul ul.sub-menu li a {
  display: block;
  float: none;
  border: none;
  border-radius: 0;
  padding: 10px 18px 7px;
  color: #53738d;
}

#main-nav ul ul.sub-menu li a:hover {
  background: #fff;
  color: #0065b3;
}

nav.sidebar-navigation ul li a {
  padding: 8px 0 8px 0;
}

nav.sidebar-navigation ul,
nav.sidebar-navigation ul li {
  display: block;
}

nav.sidebar-navigation ul li.current_page_item a,
nav.sidebar-navigation ul li.current-cat a {
  color: #889dae;
}

nav.sidebar-navigation a.small-link {
  margin-left: 43px;
  margin-top: 20px;
}

#main-nav .mobile-nav {
  display: none;
}

/* ------------------------------------
LANDING PAGE TEMPLATE
------------------------------------ */
.landing-header {
  padding: 125px 0 15px;
  text-align: center;
}

.landing-header h1 {
  text-transform: none;
  font-size: 41px;
  color: #324452;
  margin-bottom: 13px;
}

.landing-header p {
  font-size: 24px;
  line-height: 1.2em;
  margin-bottom: 0;
}

.landing-section {
  margin: 0 0 30px;
}

.landing-section .row {
  width: 100%;
}

.landing-feature-box {
  min-height: 190px;
  margin-bottom: 36px;
  overflow: hidden;
  position: relative;
  padding: 35px 30px 70px;
  display: block;
  border-radius: 7px;
}

.landing-feature-box.dark-blue {
  background: #1e3547;
}

.landing-section .intro-text {
  max-width: 700px;
  text-align: center;
  margin: 0 auto 65px;
  font-size: 21px;
  color: #324452;
}

.landing-feature-box .text {
  padding: 0 0 9px;
  color: white;
  width: 100%;
  z-index: 2;
  position: relative;
}

.landing-feature-box .title {
  text-transform: uppercase;
  color: white;
  display: block;
  font-size: 23px;
  margin-bottom: 10px;
  font-weight: bold;
}

.landing-feature-box .description {
  font-size: 13px;
}

.landing-feature-box .background-image {
  background: no-repeat center center/cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}

.landing-feature-box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
  z-index: 1;
}

.landing-feature-box span {
  display: block;
}

.landing-feature-box.has-image:before {
  background: rgba(0, 0, 0, 0.38);
}

.landing-feature-box .button {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding: 7px 17px 4px;
  z-index: 2;
}

.landing-section .row_of_3 .landing-feature-box .description {
  font-size: 22px;
}

.landing-section .row_of_3 .right-col .description {
  font-size: 13px !important;
}

.landing-feature-panel {
  background: #28b7c5;
  color: white;
}

.landing-feature-panel .wrapper {
  max-width: 560px;
  padding: 60px 20px;
  font-size: 18px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .landing-header h1 {
    font-size: 54px;
  }
  .landing-header p {
    font-size: 44px;
    line-height: 1.2em;
  }
  .landing-section {
    margin: 0 0 30px;
  }
  .landing-section .intro-text {
    font-size: 25px;
  }
  .landing-section .row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .landing-feature-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: calc(50% - 18px);
  }
  .row_of_3 .right-col {
    width: calc(50% - 18px);
  }
  .row_of_3 .right-col .landing-feature-box {
    width: 100%;
  }
}

/* ------------------------------------
HOMEPAGE
------------------------------------ */
body.home > header {
  height: 208px;
}

#home-header {
  position: relative;
  top: -78px;
  overflow: hidden;
  margin-bottom: -78px;
}

#home-intro-text {
  margin-top: 155px;
  margin-bottom: 10px;
  font-size: 18px;
}

#home-intro-text h2 {
  margin-top: 0;
}

body.home #sidebar h3 {
  font-size: 18px;
  margin: 5px 0 5px;
}

#main-feature img {
  border-radius: 8px;
}

#main-feature h2 {
  margin: 15px 0 6px;
}

.page-template-page-schools-program #main-feature {
  margin-top: 35px;
}

#feature-boxes {
  border-top: 1px solid #e8f1f8;
  overflow: hidden;
  margin-top: 25px;
  padding: 40px 0 50px;
}

#feature-boxes h2 {
  text-transform: none;
}

#feature-boxes > h2,
#feature-boxes > .wrapper > h2 {
  text-transform: uppercase;
  margin: 5px 0 5px;
}

#feature-boxes > p,
#feature-boxes > .wrapper > p {
  margin: 0;
}

#feature-boxes .home-feature {
  width: 31.75%;
  margin-right: 2.3%;
  float: left;
}

#feature-boxes .home-feature:last-child {
  margin-right: 0;
}

#feature-boxes .home-feature img {
  margin-bottom: 3px;
}

.page-template-page-schools-program #feature-boxes {
  margin-bottom: 20px;
}

.volunteer-donate-feature {
  overflow: hidden;
  background: #e5eff7;
  padding: 30px 0;
}

.volunteer-donate-feature h2 {
  margin-top: 0;
}

.our-story-feature {
  background: url("_inc/img/pixel_green_bkgnd.jpg") repeat center top;
  overflow: hidden;
  color: #fff;
  text-align: center;
  padding: 40px 0;
}

.our-story-feature.our-promise {
  background: url("_inc/img/pixel_bkgnd.jpg") repeat center top;
}

.our-story-feature .small-button {
  margin-top: 10px;
}

.our-story-feature .feature-text {
  font-size: 27px;
  line-height: 35px;
  font-weight: bold;
  display: block;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .our-story-feature .feature-text span {
    font-size: 68px;
    line-height: 68px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -11px;
    margin-bottom: -24px;
  }
}

@media screen and (max-width: 1020px) {
  .our-story-feature .feature-text {
    font-size: 18px;
  }
}

@media screen and (max-width: 760px) {
  .our-story-feature .feature-text {
    font-size: 16px;
    text-align: left;
    line-height: 26px;
  }
  .our-story-feature {
    padding: 30px 0;
  }
}

.featured-cases {
  overflow: hidden;
  background: #1e3547 url("_inc/img/pixel_dkblue.png") repeat-x center top;
  padding: 0 0 30px;
  color: #a2b6c5;
  overflow: hidden;
}

.featured-cases .description {
  margin-right: 275px;
}

.featured-cases h2 {
  color: #fff;
  margin: 15px 0 28px;
}

.featured-cases p a {
  color: #1f90e7;
  font-weight: bold;
}

.featured-cases .unsolved-cases-item .case-date {
  color: #fff;
}

.featured-cases .unsolved-cases-item .case-type {
  color: #1f90e7;
}

.featured-cases .unsolved-cases-item .case-name,
.featured-cases .unsolved-cases-item .case-number {
  color: #a2b6c5;
}

.featured-cases.featured-cases-listing {
  border-radius: 8px;
  padding: 0 20px;
}

.featured-cases.featured-cases-listing .unsolved-cases-listing .unsolved-cases-item {
  width: calc(25% - 14px);
  margin: 0 7px 20px;
}

.featured-cases.featured-cases-listing .unsolved-cases-listing {
  margin: 0 -7px;
}

.home .featured-cases .unsolved-cases-item .button {
  display: none;
}

.home .featured-cases .unsolved-cases-listing .unsolved-cases-item {
  width: 14.1%;
  margin: 20px 3% 10px 0;
  padding-bottom: 0px;
}

.home .featured-cases .unsolved-cases-listing .unsolved-cases-item:last-child {
  margin-right: 0;
}

.featured-cases .link-to-unsolved-crimes img {
  opacity: 0.85;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.featured-cases .link-to-unsolved-crimes:hover img {
  opacity: 1;
}

.featured-cases .link-to-unsolved-crimes span.help-solve-crime {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0;
  color: #fff;
  text-align: center;
  padding: 25px;
}

.featured-cases .link-to-unsolved-crimes span.case-name {
  color: #fff;
  display: block;
}

.featured-cases .link-to-unsolved-crimes .arrow {
  border-color: #fff;
  float: none;
  margin: 5px 0 3px;
  display: inline-block;
}

.featured-cases .link-to-unsolved-crimes .arrow:before {
  border-color: #fff;
  border-width: 3px 3px 0 0;
  left: 7px;
  top: 9px;
}

.featured-cases .link-to-unsolved-crimes .view-all {
  display: block;
  line-height: 18px;
  font-size: 16px;
}

.featured-cases form.inline-form {
  width: 240px;
  position: absolute;
  top: 55px;
  right: 32px;
}

.featured-cases form input[type="text"] {
  font-weight: bold;
  background: #fff url("_inc/img/search.png") no-repeat right center !important;
  padding-right: 40px;
  font-size: 16px;
}

.featured-cases form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  width: 40px;
  height: 33px;
  min-width: 0;
  box-shadow: none;
}

.bg-wrapper {
  background: #fff;
}

.home #content {
  overflow: visible;
  background: #e5eff7;
}

#crime-panel {
  background: #e5eff7;
  padding: 12px 32px 45px;
}

@media (min-width: 851px) {
  #crime-panel {
    padding: 12px 32px 95px;
  }
}

#crime-panel nav#page-subnav {
  margin: 0;
}

#crime-panel nav ul {
  -webkit-columns: 100px 4;
  -moz-columns: 100px 4;
  columns: 100px 4;
}

#crime-panel nav ul li span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  overflow: hidden;
  padding: 8px 0 8px 0;
  text-decoration: none;
  text-transform: uppercase;
}

#crime-panel a.more-link.small {
  font-size: 12px;
  margin-top: 20px;
}

.story-feature {
  display: block;
  overflow: hidden;
  margin: 0 0 28px;
}

.story-quote {
  font-size: 32px;
}

.story-quote.has-image {
  float: left;
  width: calc(97% - 245px);
}

.story-quote p {
  margin-bottom: 5px;
}

#stories-panel img {
  float: right;
  border-radius: 8px;
}

.story-links {
  display: block;
}

.story-links a.more-link {
  display: inline-block;
  margin-right: 25px;
}

.story-links a.more-link:first-child {
  background: #1f90e7 none repeat scroll 0 0;
  border: medium none;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  opacity: 1;
  padding: 17px 30px 13px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

span.story-author {
  font-size: 16px;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

.home .sidebar-feature.resources-feature {
  background-image: none;
  padding-top: 0;
}

.sidebar-feature.fact-feature {
  background: #2ccfc2 url("_inc/img/facts-bg.png") no-repeat center top;
  background-size: cover;
  border-radius: 8px;
  padding: 27px;
  margin-top: -89px;
}

.sidebar-feature.fact-feature h2 {
  color: #ffef82;
  margin-top: 0;
  display: block;
}

.sidebar-feature.fact-feature h2:before {
  background-image: url("_inc/img/lightbulb.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 24px auto;
  content: " ";
  float: left;
  height: 25px;
  margin: -4px 10px -4px 0;
  vertical-align: top;
  width: 15px;
}

.impact-feature-areas {
  display: block;
  padding: 30px 0 10px;
}

.impact-feature {
  width: 100%;
  text-align: center;
}

.impact-feature-bottom {
  padding: 30px 0 5px 0;
  border-left: none;
}

.impact-feature-top {
  padding: 0;
}

.impact-feature h3 {
  font-size: 25px;
  text-transform: none;
  margin-top: 0;
}

@media (min-width: 800px) {
  .impact-feature-areas {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 40px 0 20px;
  }
  .impact-feature {
    width: 50%;
  }
  impact-feature:first-child {
    padding: 0;
  }
  .impact-feature-top {
    padding: 0 12% 0 0;
  }
  .impact-feature-bottom {
    padding: 0px 0 0px 12%;
    border-left: 1px solid #c2c8cd;
  }
}

body.home #sidebar .impact-feature h3 {
  font-size: 25px;
  text-transform: none;
}

.impact-feature .button {
  background-color: #27b8c4;
}

.impact-feature .button:hover {
  background-color: #59c3cc;
}

.impact-feature .conversion-rate {
  color: #27b8c4;
  font-size: 78px;
  font-weight: bold;
  line-height: 70px;
}

.impact-feature .conversion-note {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 990px) and (min-width: 851px) {
  .impact-feature .report-persons {
    margin: 0 -20px;
  }
}

@media (max-width: 520px) {
  .impact-feature .report-persons {
    margin: 0 auto;
    max-width: 275px;
  }
}

.report-persons .report-person {
  position: relative;
  width: 34px;
  height: 60px;
  background: #bec8d1;
  display: inline-block;
  margin: 2px 3px;
}

.report-persons .report-person .bg {
  background: #27b8c4;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
}

/*.report-persons .report-person.full .bg {
    height: 100%;
}
.report-persons .report-person.part-full .bg {
    height: 50%;
}*/
.report-persons .report-person:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("_inc/img/person-mask.svg") repeat-x center top;
  background-size: 100%;
}

#main-feature-boxes {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}

#main-feature-boxes .main-feature-box {
  /*width:calc(50% - 8px);
    width: -webkit-calc(50% - 8px);*/
  width: 32%;
  -webkit-box-flex: initial;
  flex: initial;
  text-align: center;
  background: #1e3547;
  color: white;
  border-radius: 8px;
  position: relative;
  margin: -59px 0 0;
}

@media screen and (min-width: 851px) {
  .home #content {
    margin-top: 20px;
  }
}

#main-feature-boxes .main-feature-box h2 {
  text-transform: none;
  font-size: 30px;
  margin: 0;
  line-height: 1.3;
  width: 100%;
}

#main-feature-boxes .main-feature-box .wrap {
  width: 100%;
  background: rgba(0, 0, 0, 0.38) none repeat scroll 0 0;
  padding: 50px 30px 40px;
  min-height: 325px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
}

@media all and (-ms-high-contrast: none) {
  /*for IE <= 11*/
  #main-feature-boxes .main-feature-box .wrap {
    height: 325px;
  }
}

/*#main-feature-boxes .main-feature-box .wrap.has-video {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
} */
.main-feature-box .wrap .video-link h2 {
  color: #fff;
}

.main-feature-box .wrap .video-link span.play {
  width: 86px;
  height: 86px;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: none;
  transform: none;
  margin: 15px auto 0;
}

.main-feature-box .wrap .video-link span.play:before {
  border-width: 20px 0 20px 35px;
}

.title-bg {
  color: white;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.main-feature-box .box-text {
  padding: 32px 22px 140px;
  position: relative;
  font-size: 20px;
}

.box-links {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  padding: 0 20px;
}

.main-feature-box a.button {
  display: inline-block;
  margin: 8px 5px 0;
  width: auto;
  height: 100%;
}

#fact-panel {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

#fact-panel .item {
  position: relative;
  padding-bottom: 42px;
}

#fact-panel h4 {
  text-transform: none;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.2em;
  margin-bottom: 0;
}

#fact-panel .item a {
  position: absolute;
  bottom: 10px;
  left: 0;
}

#fact-panel .owl-controls {
  bottom: 10px;
  height: 20px;
  right: 0px;
  top: auto;
  margin-top: 10px;
  position: absolute;
  text-align: right;
  width: 45%;
  z-index: 100;
  left: auto;
  -webkit-transform: none;
  transform: none;
}

#fact-panel .owl-controls .owl-page {
  display: inline-block;
}

#fact-panel .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  display: inline-block;
  height: 9px;
  margin: 0 3px 0;
  opacity: 0.3;
  width: 9px;
}

#fact-panel .owl-controls .owl-page.active span {
  background: white;
  opacity: 1;
}

.other-organisations-cta {
  margin: -12px 0 24px;
}

@media (max-width: 404px) {
  .other-organisations-cta {
    margin: 20px 0 25px;
  }
}

.other-organisations-cta > div {
  margin-bottom: 20px;
}

@media (min-width: 800px) {
  .other-organisations-cta {
    margin-bottom: 4px;
  }
  .other-organisations-cta > div {
    width: 52%;
    display: inline-block;
    vertical-align: middle;
  }
  .other-organisations-cta .scamnet-cta {
    width: auto;
  }
}

.other-organisations-cta .nhw-logo,
.other-organisations-cta .scamnet-logo {
  vertical-align: middle;
  margin: 0 25px 5px 0;
  display: block;
}

.other-organisations-cta .scamnet-logo {
  max-width: 190px;
}

.other-organisations-cta .nhw-logo img,
.other-organisations-cta .scamnet-logo img {
  vertical-align: top;
}

.other-organisations-cta .button {
  margin: 8px 0 0;
}

/* ------------------------------------
DRUG RELATED CRIME PAGE
------------------------------------ */
#help-panel {
  background: #e5eff7;
  text-align: center;
  padding: 26px 0 53px;
}

#stories-panel {
  padding: 25px 0;
}

#drug-banner {
  text-align: center;
  color: white;
  overflow: hidden;
}

#drug-banner .feature-banner-wrap {
  height: 555px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 16px;
  padding: 37px 15px 70px;
  text-align: center;
  width: 100%;
  border-radius: 8px;
  position: relative;
}

#drug-banner h1 {
  text-transform: none;
  font-size: 48px;
}

#drug-banner h2 {
  font-size: 22px;
  margin-top: 17px;
}

#drug-banner .owl-controls {
  height: 32px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
  z-index: 100;
  bottom: 0;
  top: auto;
}

#drug-banner .owl-controls .owl-page {
  display: inline-block;
}

#drug-banner .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
  border-radius: 25px;
  display: inline-block;
  height: 13px;
  margin: 0 6px;
  opacity: 0.3;
  width: 13px;
}

#drug-banner .owl-controls .owl-page.active span {
  background: white;
  opacity: 1;
}

#drug-banner .video-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#content.drug-page {
  padding-bottom: 145px;
}

.bg-wrapper-colours {
  background-image: url("_inc/img/background_grid.jpg");
  background-position: left top;
  background-repeat: repeat;
  padding: 25px 0 70px;
}

#questions-panel {
  margin-top: 50px;
  text-align: center;
}

#questions-panel h1 {
  color: white;
}

#qa .item {
  background: white;
  margin: 0 39px 25px;
  border-radius: 8px;
  padding: 32px;
  text-transform: none;
  text-align: left;
  min-height: 209px;
}

#qa h2 {
  text-transform: none;
  font-size: 20px;
  font-weight: normal;
  margin-top: 0;
  line-height: 22px;
}

#qa .item:after {
  background-image: url("_inc/img/bubble.png");
  background-repeat: no-repeat;
  bottom: -2px;
  content: "";
  height: 27px;
  left: 70px;
  position: absolute;
  width: 42px;
  z-index: 8;
}

#qa .owl-controls {
  top: 66px;
}

#qa .owl-prev {
  left: 4px;
}

#qa .owl-next {
  right: 4px;
}

#questions-panel a.button {
  margin-top: 20px;
}

.drug-page #intro-text h1 {
  text-transform: none;
  font-size: 22px;
  line-height: 1.2em;
}

/* ------------------------------------
SHARE YOUR STORY PAGE
------------------------------------ */
.page-id-5484 header #logo {
  background-image: url(_inc/img/logo-wa-white.png);
}

.page-id-5484 .fw-breadcrumbs a {
  color: white;
}

#share-banner {
  padding: 32px 0 39px;
  background: black;
  color: white;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 590px;
}

.fw-breadcrumbs {
  float: right;
  width: 68.8%;
}

#share-banner h1 {
  font-size: 64px;
  text-transform: none;
  padding-top: 140px;
  text-align: center;
}

#share-banner h2 {
  font-size: 44px;
  text-transform: none;
  font-weight: normal;
  padding-bottom: 50px;
  display: block;
  text-align: center;
  margin-top: 14px;
}

#share-banner h2:after {
  background-image: url("_inc/img/story-arrow.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 33px auto;
  content: " ";
  height: 101px;
  display: block;
  margin: 0 auto;
  vertical-align: top;
  width: 35px;
}

#gform_wrapper_13 {
  width: 68.8%;
  margin: -127px auto 0;
}

#content.share-story-page {
  overflow: visible;
}

/*
.page-id-5484 #main {
	background: black;
	padding: 150px 0;
	color: white;
	text-align: center;
}
*/
/* ------------------------------------
REGULAR PAGE
------------------------------------ */
.content-items {
  overflow: hidden;
  margin-bottom: 35px;
}

.content-item {
  overflow: hidden;
  margin: 20px 0 0;
}

.content-item h3 {
  margin-top: 0;
}

.content-items .content-item-image {
  border-radius: 8px;
  margin-bottom: 5px;
}

.content-item p {
  margin-bottom: 5px;
}

.content-item .content-item-text.has-image {
  margin-left: 150px;
}

.board-member {
  overflow: hidden;
}

.board-member h2 {
  margin-top: 20px;
}

.board-member h3 {
  margin-top: -0.8em;
}

.board-member .board-member-image {
  border-radius: 8px;
  margin-bottom: 15px;
  width: 192px;
}

.board-member .board-member-text.has-image {
  margin-left: 222px;
}

/* ------------------------------------
CRIME PAGES
------------------------------------ */
.parent-pageid-11 #main-column > h1:after {
  content: " ";
  height: 70px;
  width: 100px;
  position: absolute;
  right: -12px;
  top: -15px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}

#sidebar #page-subnav a:before,
#crime-panel span:before {
  content: " ";
  height: 25px;
  width: 33px;
  margin: -4px 0;
  float: left;
  margin-right: 10px;
  vertical-align: top;
  background-position: center top;
  background-repeat: no-repeat;
  display: none;
}

.page-id-97 #main-column > h1:after {
  top: -10px;
  height: 75px;
  right: -20px;
}

#sidebar #page-subnav .page-item-97 a:before,
#crime-panel .page-item-97 span:before {
  background-size: 38px;
}

#sidebar #page-subnav .page-item-122 a:before,
#crime-panel .page-item-122 span:before {
  background-size: 28px;
}

#sidebar #page-subnav .page-item-243 a:before,
#crime-panel .page-item-243 span:before {
  background-size: 46px;
  margin-top: -12px;
}

.page-id-243 #main-column > h1:after {
  background-size: 90px;
}

#sidebar #page-subnav .page-item-124 a:before {
  background-size: 40px;
  height: 33px;
  margin: -13px 8px 0 2px;
}

#crime-panel .page-item-124 span:before {
  background-size: 32px;
  height: 23px;
  margin: -7px 10px 0 0px;
}

.page-id-124 #main-column > h1:after {
  background-size: 100px;
  top: -35px;
  height: 75px;
}

#sidebar #page-subnav .page-item-125 a:before,
#crime-panel .page-item-125 span:before {
  background-size: 44px;
  height: 30px;
  margin: -12px 8px 0 2px;
}

.page-id-125 #main-column > h1:after {
  height: 75px;
  width: 90px;
  top: -32px;
  background-size: 115px;
}

#sidebar #page-subnav .page-item-8276 a:before,
#sidebar #page-subnav .page-item-13237 a:before {
  background-size: 26px;
}

.page-id-8276 #main-column > h1:after,
.page-id-13237 #main-column > h1:after {
  height: 62px;
  width: 77px;
  top: -17px;
  background-size: 76px;
}

#sidebar #page-subnav .page-item-119 a:before,
.page-id-119 #main-column > h1:after,
#crime-panel .page-item-119 span:before {
  background-image: url(_inc/img/icons/drugs.svg);
  display: block;
}

#sidebar #page-subnav .page-item-120 a:before,
.page-id-120 #main-column > h1:after,
#crime-panel .page-item-120 span:before {
  background-image: url(_inc/img/icons/stealing.svg);
  display: block;
}

#sidebar #page-subnav .page-item-97 a:before,
.page-id-97 #main-column > h1:after,
#crime-panel .page-item-97 span:before {
  background-image: url(_inc/img/icons/breakins.svg);
  display: block;
}

#sidebar #page-subnav .page-item-122 a:before,
.page-id-122 #main-column > h1:after,
#crime-panel .page-item-122 span:before {
  background-image: url(_inc/img/icons/traffic.svg);
  display: block;
}

#sidebar #page-subnav .page-item-123 a:before,
.page-id-123 #main-column > h1:after,
#crime-panel .page-item-123 span:before {
  background-image: url(_inc/img/icons/damage.svg);
  display: block;
}

#sidebar #page-subnav .page-item-124 a:before,
.page-id-124 #main-column > h1:after {
  background-image: url(_inc/img/icons/antisocial.svg);
  display: block;
}

#crime-panel .page-item-124 span:before {
  background-image: url(_inc/img/icons/assault.svg);
  display: block;
}

#sidebar #page-subnav .page-item-125 a:before,
.page-id-125 #main-column > h1:after,
#crime-panel .page-item-125 span:before {
  background-image: url(_inc/img/icons/police.svg);
  display: block;
}

#sidebar #page-subnav .page-item-126 a:before,
.page-id-126 #main-column > h1:after,
#crime-panel .page-item-126 span:before {
  background-image: url(_inc/img/icons/sexoffender.svg);
  display: block;
}

#sidebar #page-subnav .page-item-127 a:before,
.page-id-127 #main-column > h1:after,
#crime-panel .page-item-127 span:before {
  background-image: url(_inc/img/icons/organisedcrime.svg);
  display: block;
}

#sidebar #page-subnav .page-item-128 a:before,
.page-id-128 #main-column > h1:after,
#crime-panel .page-item-128 span:before {
  background-image: url(_inc/img/icons/cybercrime.svg);
  display: block;
}

#sidebar #page-subnav .page-item-129 a:before,
.page-id-129 #main-column > h1:after,
#crime-panel .page-item-129 span:before {
  background-image: url(_inc/img/icons/terrorism.svg);
  display: block;
}

#sidebar #page-subnav .page-item-130 a:before,
.page-id-130 #main-column > h1:after,
#crime-panel .page-item-130 span:before {
  background-image: url(_inc/img/icons/missing.svg);
  display: block;
}

#sidebar #page-subnav .page-item-243 a:before,
.page-id-243 #main-column > h1:after,
#crime-panel .page-item-243 span:before {
  background-image: url(_inc/img/icons/safety.svg);
  display: block;
}

#sidebar #page-subnav .page-item-8737 a:before,
.page-id-8737 #main-column > h1:after,
#crime-panel .page-item-8737 span:before {
  background-image: url(_inc/img/icons/arson.svg);
  display: block;
}

#sidebar #page-subnav .page-item-8276 a:before,
.page-id-8276 #main-column > h1:after,
#crime-panel .page-item-8276 span:before,
#sidebar #page-subnav .page-item-13237 a:before,
.page-id-13237 #main-column > h1:after,
#crime-panel .page-item-13237 span:before {
  background-image: url(_inc/img/icons/arrested.png);
  display: block;
}

#sidebar #page-subnav .page-item-8737 a:before,
#crime-panel .page-item-8737 span:before {
  margin-top: -8px;
}

#sidebar #page-subnav .page-item-8295 a:before,
.page-id-8295 #main-column > h1:after,
#crime-panel .page-item-8295 span:before,
#sidebar #page-subnav .page-item-13932 a:before,
.page-id-13932 #main-column > h1:after,
#crime-panel .page-item-13932 span:before {
  background-image: url(_inc/img/icons/environmental_crime_icon.svg);
  display: block;
}

#sidebar #page-subnav .page-item-8297 a:before,
.page-id-8297 #main-column > h1:after,
#crime-panel .page-item-8297 span:before,
#sidebar #page-subnav .page-item-13935 a:before,
.page-id-13935 #main-column > h1:after,
#crime-panel .page-item-13935 span:before {
  background-image: url(_inc/img/icons/fugutives_icon.svg);
  display: block;
}

#sidebar #page-subnav .page-item-8299 a:before,
.page-id-8299 #main-column > h1:after,
#crime-panel .page-item-8299 span:before,
#sidebar #page-subnav .page-item-13929 a:before,
.page-id-13929 #main-column > h1:after,
#crime-panel .page-item-13929 span:before {
  background-image: url(_inc/img/icons/human_trafficking_icon.svg);
  display: block;
}

#sidebar #page-subnav .page-item-8301 a:before,
.page-id-8301 #main-column > h1:after,
#crime-panel .page-item-8301 span:before,
#sidebar #page-subnav .page-item-13926 a:before,
.page-id-13926 #main-column > h1:after,
#crime-panel .page-item-13926 span:before {
  background-image: url(_inc/img/icons/illicit_trade_icon.svg);
  display: block;
}

#sidebar #page-subnav .page-item-12317 a:before, .page-id-12317 #main-column > h1:after, #crime-panel .page-item-12317 span:before, #sidebar #page-subnav .page-item-12317 a:before, .page-id-12317 #main-column > h1:after, #crime-panel .page-item-12317 span:before {
  background-image: url(_inc/img/icons/graffiti.svg);
  display: block;
}

#sidebar #page-subnav .page-item-15630 a:before, .page-id-15630 #main-column > h1:after, #crime-panel .page-item-15630 span:before, #sidebar #page-subnav .page-item-15630 a:before, .page-id-15630 #main-column > h1:after, #crime-panel .page-item-15630 span:before {
  background-image: url(_inc/img/icons/victim_of_crime_icon.svg);
  display: block;
}

/* ------------------------------------
SIDEBAR
------------------------------------ */
#sidebar ul,
#sidebar ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#intro-text {
  font-size: 18px;
}

.sidebar-feature {
  padding-top: 50px;
  margin-top: 50px;
  background: url("_inc/img/sidebar_separator.png") no-repeat left top;
  max-width: 250px;
}

.sidebar-feature img {
  margin-bottom: 15px;
}

.sidebar-feature h4 {
  margin-top: 0;
}

.sidebar-feature h5 {
  font-size: 12px;
  margin-top: -9px;
  margin-bottom: 12px;
}

#sidebar .resources-feature ul {
  margin: 15px 0;
}

.resources-feature ul li a {
  display: inline-block;
  font-size: 16px;
  color: #0065b3;
  font-weight: bold;
  line-height: 16px;
  padding: 8px 0 8px 0;
  text-transform: uppercase;
}

.resources-feature ul li a:hover {
  color: #1f90e7;
}

#sidebar .working-partners ul {
  overflow: hidden;
  margin: 15px -10px;
}

#sidebar .working-partners ul li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
}

.working-partners ul li a img {
  margin-bottom: 0;
  width: 100%;
}

.working-partners ul li a {
  padding: 0;
}

.working-partners h4 {
  margin-right: -20px;
  line-height: 1.4em;
}

.working-partners .button {
  margin: 0 0 15px;
}

#sidebar .sidebar-filter {
  margin-top: 25px;
}

#sidebar .sidebar-filter label {
  color: #889dae;
  margin-right: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

#sidebar .sidebar-filter div.selector,
#sidebar .sidebar-filter div.selector span,
#sidebar .sidebar-filter div.selector select,
#uniform-orderby,
#uniform-orderby span,
#uniform-orderby select {
  font-weight: bold;
  height: 28px;
  line-height: 15px;
  text-transform: uppercase;
}

#sidebar .sidebar-filter #uniform-year-filter {
  width: 110px !important;
}

.case-orderby #uniform-orderby {
  width: 260px !important;
}

/* ------------------------------------
BLOG
------------------------------------ */
.article-listing,
.article-detail {
  overflow: hidden;
  margin: 25px 0 35px;
}

.article-item {
  width: 47.75%;
  float: left;
  margin-right: 4.5%;
}

.article-item:nth-child(2n) {
  margin-right: 0;
}

.article-item:nth-child(2n + 1) {
  clear: both;
}

.article-item img {
  margin-bottom: 3px;
  border-radius: 8px;
  width: 100%;
  height: auto;
}

.article-item h2 {
  text-transform: none;
}

.blog-meta {
  margin: -12px 0 9px;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #889dae;
  font-weight: bold;
}

.blog-date {
  color: #1e3547;
}

.blog-content {
  margin-top: 4px;
}

.event-meta {
  font-size: 14px;
  line-height: 18px;
}

.article-detail h1 {
  font-size: 24px;
  margin: 1.2em 0 0.6em;
}

.article-detail .feature-image {
  margin-top: 15px;
}

.article-detail .feature-image .wp-caption-text {
  margin-bottom: 0;
  color: #889dae;
}

.article-detail .post-content {
  margin-top: 15px;
}

.post-details {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin: 30px 0;
}

.post-details a {
  color: #1f90e7;
}

.post-details .post-detail-label {
  text-transform: uppercase;
  color: #889dae;
  clear: left;
  float: left;
}

.post-details .post-detail {
  margin-left: 110px;
}

.pagination {
  overflow: hidden;
  text-align: center;
  margin: 40px 0 0;
  clear: both;
  position: relative;
}

.pagination .page-numbers,
.direction-nav a {
  display: inline-block;
  border: 1px solid #3f9ee7;
  font-family: "DIN Next W01", Helvetica, Arial, sans-serif;
  line-height: 20px;
  padding: 7px 0 4px;
  background: #1f90e7;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 8px;
  width: 33px;
  vertical-align: middle;
  margin: 0 2px;
}

.pagination .page-numbers:hover,
.direction-nav a:hover {
  background: #3f9ee7;
}

.pagination .page-numbers.current {
  background: #fff;
  color: #3f9ee7;
}

.pagination .page-numbers.dots {
  background: #889dae;
  border: none;
  width: 5px;
  height: 5px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.direction-nav .prev a,
.direction-nav .next a {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  padding: 7px 12px 4px;
  margin: 0;
}

.pagination .page-numbers.next,
.direction-nav .next a {
  left: auto;
  right: 0;
}

.direction-nav {
  float: right;
  position: relative;
  margin: 0;
  height: 0;
  top: 36px;
  z-index: 10;
}

.direction-nav div {
  display: inline-block;
}

.direction-nav a,
.direction-nav .next a,
.direction-nav .prev a {
  display: inline-block;
  position: relative;
  width: 33px;
  height: 33px;
  padding: 0;
  font-size: 0;
}

.direction-nav .next a:before,
.direction-nav .prev a:before {
  content: " ";
  border: 3px solid #fff;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 10px;
  right: 12px;
}

.direction-nav .next a {
  margin-left: 10px;
}

.direction-nav .prev a:before {
  border-width: 0 0 3px 3px;
  right: auto;
  left: 12px;
}

.article-detail h1.blog-headline,
.article-detail .blog-meta {
  padding-right: 90px;
}

.back-button {
  margin: 0 0 25px;
  max-width: 240px;
}

.back-button .button {
  display: block;
  text-align: left;
  position: relative;
  padding-left: 32px;
}

.back-button .button:before {
  content: " ";
  border: 2px solid #fff;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 11px;
  left: 12px;
}

.social-share {
  margin: 8px 0 20px;
  display: block;
}

.social-share .blog-meta {
  padding-right: 8px;
}

.social-share a {
  background: #1f90e7 url("_inc/img/facebook.svg") no-repeat scroll 0 0;
  background-size: 15px auto;
  background-position: 4px 4px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 24px;
  margin: 0 2px;
  position: relative;
  top: 5px;
  width: 24px;
}

.social-share a.twitter-share {
  background: #1f90e7 url("_inc/img/twitter.svg") no-repeat scroll 0 0;
  background-size: 13px auto;
  background-position: 5px 4px;
}

.social-share a.linkedin-share {
  background: #1f90e7 url("_inc/img/linkedin.svg") no-repeat scroll 0 0;
  background-size: 12px auto;
  background-position: 6px 4px;
}

.social-share a.email-share {
  background: #1f90e7 url("_inc/img/mail.svg") no-repeat scroll 0 0;
  background-size: 13px auto;
  background-position: 5px 5px;
}

/* ------------------------------------
PARTNERS
------------------------------------ */
.partners-sub-section {
  padding-top: 50px;
  margin-top: -40px;
}

.partner-listing {
  clear: right;
  margin: 25px 0;
}

.partner-listing .partner-item {
  display: inline-block;
  margin: 20px 0 30px 0;
  vertical-align: top;
  width: 100%;
}

.partner-item .small-button {
  text-align: left;
}

@media screen and (min-width: 481px) {
  .partner-listing {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
  }
  .partner-listing .partner-item {
    margin-right: 6%;
    width: 47%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  .partner-listing .partner-item:nth-child(2n) {
    margin-right: 0;
  }
  .partner-listing .partner-item .partner-logo {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    justify-content: center;
  }
}

.partner-meta {
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  margin: -0.7em 0 0.7em;
  text-transform: uppercase;
}

.page-template-page-partners-supporters .post-content {
  margin: 30px 0;
}

.single-partners header {
  height: 64px;
}

.single-partners header #logo {
  margin-top: 32px;
}

.single-partners header .site-title {
  display: none;
}

.single-partners #intro-text {
  margin-top: 211px;
}

.partner-detail .partner-logo {
  height: 150px;
  line-height: 150px;
  margin: 0 0 40px;
  padding-left: 30px;
  position: relative;
}

.partner-detail .partner-logo img {
  max-height: 100%;
  vertical-align: middle;
}

.partner-detail .partner-logo:before {
  content: "and";
  font-size: 24px;
  font-weight: bold;
  left: -5%;
  line-height: normal;
  margin-top: -18px;
  position: absolute;
  top: 50%;
}

.partner-detail .post-content {
  padding: 0 30px;
}

.partner-detail .post-content h1 {
  font-size: 24px;
  margin-top: 32px;
}

.partner-detail .partner-meta {
  font-size: 16px;
  line-height: 17px;
  margin: -0.4em 0 0.5em;
}

.partner-section {
  border-top: 1px solid #e8f1f8;
  margin-top: 25px;
  padding: 30px 0 0;
  overflow: hidden;
}

.partner-gallery .article-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.partner-gallery .article-item > a {
  display: block;
  line-height: 0;
}

.social-links a {
  margin-right: 5px;
  margin-bottom: 5px;
}

.social-links a.twitter-link,
.social-links a.facebook-link,
.social-links a.linkedin-link {
  text-indent: -9999px;
  overflow: hidden;
  width: 33px;
  vertical-align: top;
  background-image: url("_inc/img/social_icons.png");
}

.social-links a.facebook-link {
  background-position: -38px;
}

.social-links a.linkedin-link {
  background-position: -76px;
}

/* ------------------------------------
UNSOLVED CASES
------------------------------------ */
.unsolved-cases-listing {
  clear: both;
}

.unsolved-cases-item {
  display: inline-block;
  position: relative;
  margin: 0 4.5% 50px 0;
  width: 21.62%;
  padding-bottom: 37px;
  vertical-align: top;
}

.unsolved-cases-item:nth-child(4n) {
  margin-right: 0;
}

.unsolved-cases-item img {
  width: 100%;
  height: auto;
  vertical-align: top;
  margin-bottom: 3px;
}

.unsolved-cases-item .case-image-slider {
  overflow: hidden;
}

.unsolved-cases-item .case-image-slider a {
  display: none;
}

.unsolved-cases-item .case-image-slider a:first-child {
  display: block;
}

.unsolved-cases-item .case-image-slider.owl-carousel .owl-item a {
  display: block;
}

.unsolved-cases-item .case-image-slider .owl-controls {
  position: static;
  height: 0;
  -webkit-transform: none;
  transform: none;
}

.unsolved-cases-item .case-image-slider .owl-controls .owl-buttons div {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 10px;
  width: 22px;
  height: 22px;
  padding: 0;
  font-size: 0;
  background: #1f90e7;
  border-radius: 5px;
}

.unsolved-cases-item .case-image-slider .owl-controls .owl-buttons div:before {
  content: " ";
  border: 3px solid #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  right: 8px;
}

.unsolved-cases-item .case-image-slider .owl-controls .owl-buttons div.owl-prev {
  right: auto;
  left: 10px;
}

.unsolved-cases-item .case-image-slider .owl-controls .owl-buttons div.owl-prev:before {
  border-width: 0 0 2px 2px;
  right: 6px;
}

.unsolved-cases-item .video-footage-tag {
  background-color: #1f90e7;
  color: #fff;
  font-weight: bold;
  line-height: 16px;
  margin-top: -4px;
  margin-bottom: 5px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0 0 7px 7px;
  padding: 4px 5px 2px;
  position: relative;
}

.unsolved-cases-item .video-footage-tag::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  background: url(_inc/img/video.svg) no-repeat center;
  background-size: 100% auto;
  width: 16px;
  height: 14px;
  vertical-align: top;
  position: relative;
}

.unsolved-cases-item .case-type {
  color: #0065b3;
  font-weight: bold;
  line-height: 16px;
  margin-top: 8px;
  font-size: 16px;
}

.unsolved-cases-item .case-name,
.unsolved-cases-item .case-number,
.unsolved-cases-item .case-date {
  color: #889dae;
  font-weight: bold;
  line-height: 18px;
  margin: 2px 0;
  text-transform: uppercase;
  font-size: 16px;
}

.unsolved-cases-item .case-number,
.unsolved-cases-item .case-date {
  font-size: 12px;
  line-height: 13px;
  margin: 2px 0;
}

.unsolved-cases-item .case-date {
  color: #324452;
}

.unsolved-cases-item .button {
  position: absolute;
  left: 0;
  bottom: 0;
}

.results-meta {
  margin: 50px 0 15px;
}

.results-meta > h2,
.results-meta .result-count,
.results-meta .orderby {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0;
  line-height: 30px;
}

.results-meta h2 {
  margin-right: 30px;
}

.results-meta label,
.results-meta .result-count {
  color: #889dae;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  font-size: 14px;
  vertical-align: middle;
  margin-right: 5px;
}

.results-meta .result-count {
  margin-right: 20px;
}

.results-meta .orderby {
  float: right;
}

.mobile-headline {
  display: none;
}

.unsolved-case-detail .case-image {
  font-size: 0;
  float: left;
  margin: 4px 32px 22px 0;
}

.unsolved-case-detail .case-image img {
  vertical-align: top;
}

.unsolved-case-detail .case-image a {
  display: inline-block;
  position: relative;
}

.unsolved-case-detail .case-image a:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #1f90e7;
  box-sizing: border-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.unsolved-case-detail .case-image .thumbs {
  margin: 5px -5px 0;
}

.unsolved-case-detail .case-image .thumbs > a {
  width: 70px;
  margin: 5px;
}

.unsolved-case-detail .post-content {
  padding-top: 5px;
}

.unsolved-case-detail .post-content:before {
  content: "";
  width: 250px;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.unsolved-case-detail .direction-nav {
  top: 0px;
}

.unsolved-case-detail .post-content .direction-nav {
  height: auto;
  top: 8px;
}

.unsolved-case-detail .post-content .direction-nav .next a,
.unsolved-case-detail .post-content .direction-nav .prev a {
  font-size: 16px;
  width: auto;
  padding: 7px 15px 5px 30px;
}

.unsolved-case-detail .post-content .direction-nav .next a {
  padding: 7px 30px 5px 15px;
}

.unsolved-case-detail .bottom-article-nav {
  padding: 25px 0 0;
  clear: both;
}

.unsolved-case-detail .case-type {
  color: #0065b3;
  font-size: 24px;
  font-weight: bold;
  margin: 50px 0 -15px;
}

.unsolved-case-detail .post-content ul,
.unsolved-case-detail .post-content ol {
  overflow: hidden;
}

.unsolved-case-detail .case-type,
.unsolved-case-detail h1.blog-headline {
  padding-right: 90px;
}

.unsolved-case-detail .blog-meta {
  font-size: 14px;
  margin: -2px 0 20px;
}

.unsolved-case-detail .meta-item {
  margin: 0 20px 3px 0;
  display: inline-block;
}

#field_4_2 {
  display: inline-block;
  margin-right: 32px;
  max-width: 100%;
  vertical-align: top;
  width: 340px;
}

#field_4_3 {
  display: inline-block;
  vertical-align: bottom;
}

#field_4_3 label.gfield_label {
  display: none;
}

#input_4_3 label {
  font-size: 12px;
  font-weight: bold;
  margin-top: 2px;
  text-transform: uppercase;
}

/* ------------------------------------
FOOTER
------------------------------------ */
.footer-logo {
  width: 200px;
  padding: 20px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.footer-logo img {
  width: 69px;
  height: auto;
  margin-left: 30px;
}

.footer-logo .acnc-tick {
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
  margin-left: 10px;
}

.footer-note {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  width: calc(100% - 205px);
  vertical-align: middle;
  padding: 8px 80px 0 0;
  position: relative;
}

.copyright {
  margin-right: 15px;
}

#footer-nav {
  display: inline-block;
  white-space: nowrap;
}

#footer-nav ul li a {
  padding: 0 4px;
  font-size: 10px;
  vertical-align: middle;
  text-transform: none;
}

#footer-nav ul li:first-child a {
  padding: 0 4px 0 0;
}

#footer-nav ul li:before {
  content: "|";
  color: #536776;
  font-size: 10px;
  vertical-align: middle;
}

#footer-nav ul li:first-child:before {
  display: none;
}

a.back-to-top,
.link-to-unsolved-crimes .arrow {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  border: 2px solid #2493e7;
  font-size: 0;
  float: right;
  margin: -9px 30px -11px 0;
  position: relative;
}

a.back-to-top {
  position: absolute;
  right: 0px;
  top: 9px;
}

a.back-to-top:before,
.link-to-unsolved-crimes .arrow:before {
  content: " ";
  border: 2px solid #2493e7;
  border-width: 3px 0 0 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 12px;
  left: 9px;
}

a.back-to-top:hover {
  opacity: 0.7;
}

#sponsors-area {
  background: #fff;
  padding: 25px 0;
  overflow: hidden;
  text-align: center;
}

#sponsors-area h2 {
  margin-top: 25px;
  margin-bottom: 22px;
}

#sponsors-area .partner-slide {
  padding: 15px 0;
}

#sponsors-area .partner-slide h4 {
  margin-top: 0;
  font-size: 16px;
}

#sponsors-area .partner-slide .more-link {
  font-size: 16px;
}

#sponsors-area .partner-logos {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

#sponsors-area .partner-logo {
  display: inline-block;
  padding: 0 20px 21px;
  width: 16%;
  vertical-align: middle;
  text-align: center;
}

@media screen and (max-width: 800px) {
  #sponsors-area .partner-logo {
    width: 25%;
  }
}

@media screen and (max-width: 480px) {
  #sponsors-area .partner-logo {
    padding: 5px 15px 15px;
    width: 33%;
  }
  #sponsors-area .partner-slide .more-link {
    margin-top: 10px;
  }
}

#sponsors-area .footer-partner-slides {
  padding: 0 0 65px;
}

#sponsors-area .footer-partner-slides .owl-controls {
  height: 12px;
  bottom: 43px;
  top: auto;
}

#sponsors-area .footer-partner-slides .owl-controls .owl-page {
  display: inline-block;
}

#sponsors-area .footer-partner-slides .owl-controls .owl-page span {
  background: #e5eff7;
  border-radius: 25px;
  display: inline-block;
  height: 12px;
  margin: 0 4px;
  width: 12px;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
}

#sponsors-area .footer-partner-slides .owl-controls .owl-page.active span {
  background: #0065b3;
}

@media screen and (min-width: 1000px) {
  #sponsors-area .footer-partner-slides {
    padding: 40px 0 30px;
  }
  #sponsors-area .footer-partner-slides .owl-controls {
    height: 33px;
    top: 4px;
    bottom: auto;
  }
  #sponsors-area .footer-partner-slides .owl-controls .owl-page span {
    border-radius: 8px;
    height: auto;
    font-size: 16px;
    padding: 8px 15px 5px;
    margin: 0 4px 5px;
    width: auto;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: 0;
  }
  #sponsors-area .footer-partner-slides .owl-controls .owl-page.active span {
    background: #1f90e7;
    color: #fff;
  }
  #sponsors-area .partner-slide h4 {
    display: none;
  }
}

#sponsors-area .button {
  margin: 0 2px 10px;
}

#sponsors-area .footer-partner-text-feature {
  padding: 18px 0;
  border-top: 1px solid #e8f1f8;
}

#sponsors-area .footer-partner-text-feature h3 {
  font-size: 25px;
  text-transform: none;
  margin-bottom: 5px;
}

#sponsors-area .footer-partner-text-feature p {
  font-size: 16px;
  line-height: 1.4em;
}

a#starfish {
  background: url(_inc/img/starfish.png) top left no-repeat;
  vertical-align: middle;
  width: 84px;
  height: 23px;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  text-indent: -9999em;
  float: right;
  margin: 0 30px 0 15px;
}

a#starfish:hover {
  background-position: bottom left;
}

.quick-exit {
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 2000;
  -webkit-transform: rotate(270deg) translate(100%, 0);
  transform: rotate(270deg) translate(100%, 0);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fc3637 url(_inc/img/cross_white.svg) no-repeat 11px center;
  background-size: 14px 14px;
  padding: 8px 15px 4px 28px;
  border-radius: 0 10px 0 0;
  font-size: 16px;
}

/* ------------------------------------
FORMS
------------------------------------ */
form,
#cs-report-form .form-section {
  background: #e5eff7;
  padding: 30px 40px;
  border-radius: 8px;
  margin: 20px 0;
  clear: both;
}

form.inline-form {
  margin: 0;
  padding: 0;
  background: transparent;
}

#cs-report-form {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.post-content form {
  margin: 35px 0;
  padding: 25px;
}

form ul,
form ul li,
.post-content form ul,
.post-content form ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
button,
input[type="submit"],
.button,
div.selector span {
  display: inline-block;
  background: #fff;
  border: 1px solid #349ae9;
  font-family: "DIN Next W01", Helvetica, Arial, sans-serif;
  color: #1e3547;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 0 1px rgba(52, 154, 233, 0.3);
  border-radius: 8px;
  -webkit-appearance: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
  padding: 7px 10px 4px;
  height: 33px;
  width: 390px;
  max-width: 100%;
}

li.fullwidth input[type="text"],
li.fullwidth input[type="password"],
li.fullwidth input[type="email"],
li.fullwidth input[type="number"] {
  width: 100%;
}

input[type="text"].medium,
input[type="password"].medium,
input[type="email"].medium,
input[type="number"].medium {
  width: 190px;
}

input[type="text"].small,
input[type="password"].small,
input[type="email"].small,
input[type="number"].small {
  width: 100px;
}

input[type="text"].very-small,
input[type="number"].very-small {
  width: 80px;
}

.ginput_container.large .selector {
  width: 100% !important;
  max-width: 290px;
}

textarea {
  padding: 10px;
  width: 100%;
  height: 130px;
  line-height: normal;
  vertical-align: top;
}

textarea.small {
  height: 90px;
}

button,
input[type="submit"],
.button {
  padding: 17px 30px 13px;
  background: #1f90e7;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  border: none;
  text-decoration: none !important;
  border-radius: 8px;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input[type="submit"] {
  height: 50px;
  padding: 15px 30px 13px;
  min-width: 192px;
}

.small-button {
  font-size: 16px;
  padding: 8px 15px 5px;
}

.small-button.download-button:after {
  content: "";
  display: inline-block;
  background: url("_inc/img/download.svg") no-repeat 0 0;
  background-size: 100% auto;
  width: 12px;
  height: 14px;
  margin: 0 -3px 0 8px;
  vertical-align: middle;
}

.small-button.external-link:after {
  content: "";
  display: inline-block;
  background: url("_inc/img/link.svg") no-repeat 0 0;
  background-size: 100% auto;
  width: 14px;
  height: 15px;
  margin: -2px -3px 0 8px;
  vertical-align: middle;
}

.button.video-link:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 12px;
  border-color: transparent transparent transparent #ffffff;
  margin: 0 8px 3px 0px;
  vertical-align: middle;
}

button:hover,
input[type="submit"]:hover,
.button:hover {
  background: #3f9ee7;
  color: #fff;
}

.small-button.small-back-button {
  position: relative;
  padding-left: 32px;
}

.small-button.small-back-button:before {
  content: " ";
  border: 2px solid #fff;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 11px;
  left: 12px;
}

div.selector {
  padding: 0;
  width: 190px !important;
  border: none;
  background: transparent !important;
}

div.selector span {
  display: block;
  background: #fff url("_inc/img/select.png") no-repeat right center !important;
  width: auto !important;
  padding: 7px 40px 3px 10px;
  text-shadow: none;
}

div.selector select {
  width: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
}

div.selector,
div.selector span,
div.selector select {
  height: 33px;
  color: #1e3547;
}

div.checker,
div.radio {
  margin: 0px 10px 4px 0;
  vertical-align: text-bottom;
  position: absolute;
  top: 5px;
  left: 0;
}

div.checker,
div.checker span,
div.checker input,
div.radio,
div.radio span,
div.radio input {
  height: 15px;
  width: 15px;
  vertical-align: middle;
}

div.checker input {
  left: 0;
  position: absolute;
  top: 0;
}

div.checker span,
div.radio span {
  background: #fff;
  border: 1px solid #349ae9;
  vertical-align: top;
  border-radius: 3px;
  box-shadow: 0 0 1px rgba(52, 154, 233, 0.3);
}

div.checker span.checked {
  background: #fff url("_inc/img/checker.png") no-repeat center center !important;
}

div.radio span {
  border-radius: 25px;
  position: relative;
}

div.radio span.checked:after {
  background: #349ae9;
  border-radius: 50px;
  content: " ";
  height: 7px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 7px;
}

.gform_wrapper .gfield_radio li {
  display: inline-block;
  margin-right: 25px;
  vertical-align: middle;
}

form ul li.gfield {
  margin-bottom: 30px;
}

form label.gfield_label {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1em;
  margin: 6px 0;
  font-weight: bold;
  display: block;
  clear: both;
}

.gform_heading {
  margin-bottom: 30px;
}

.gform_heading h3 {
  margin-top: 0px;
  font-size: 24px;
}

.gform_footer {
  position: relative;
  padding-top: 20px;
}

form ul .ginput_container ul,
form ul .ginput_container ul li {
  padding: 0;
  margin: 0;
}

.gfield_description {
  margin: -5px 0 5px;
}

.gfield_description.below {
  margin: 0;
  padding: 8px 0 0;
}

.gform_wrapper .validation_message,
#searchform .error {
  display: block;
  margin: 3px 0;
  color: #cc2a38;
  font-size: 12px;
  line-height: normal;
}

.required-star {
  color: #cc2a38;
}

#searchform .error {
  margin: 10px 0 0;
  font-size: 14px;
}

.gform_ajax_spinner {
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}

.gform_wrapper .gform_validation_container {
  display: none;
}

.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
  line-height: normal;
  position: relative;
  padding: 4px 0 2px;
}

.gform_wrapper .gfield_radio li input[type="radio"],
.gform_wrapper .gfield_checkbox li input[type="checkbox"] {
  position: absolute;
}

.gform_wrapper .gfield_radio li label,
.gform_wrapper .gfield_checkbox li label {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 25px;
}

.gform_wrapper .validation_error {
  padding: 10px 0 15px;
  color: #cc2a38;
  padding: 18px 20px 15px;
  background: #fff;
  border-radius: 10px;
  margin: 0 0 30px;
}

.gform_confirmation_message {
  padding: 30px 0;
  font-weight: bold;
}

.gfield_creditcard_warning_message,
.gform_card_icon_container {
  display: none;
}

form label.gfield_label.gfield_label_before_complex {
  display: none;
}

.gfield .ginput_container .ginput_full {
  display: block;
}

.gfield .ginput_container .ginput_full label {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin: 20px 0 6px;
  font-weight: bold;
  display: block;
  clear: both;
  text-transform: uppercase;
}

.ginput_card_expiration_container div.selector,
input.ginput_card_security_code {
  width: 100px !important;
  margin-right: 5px;
}

.donation-amounts .gfield_radio li {
  margin-right: 12px;
  margin-bottom: 5px;
}

.donation-amounts .gfield_radio li label {
  padding: 9px 0 6px;
  color: #fff;
  font-weight: bold;
  position: relative;
  width: 65px;
  font-size: 16px;
  text-align: center;
}

.donation-amounts .gfield_radio div.radio span {
  width: 65px;
  height: 33px;
  background: #0065b3;
  border: none;
  border-radius: 8px;
  box-shadow: none;
}

.donation-amounts .gfield_radio div.radio span.checked {
  background: #b9cc35;
}

.donation-amounts .gfield_radio div.radio span.checked:after {
  display: none;
}

.donation-amounts li.donation-other:before {
  content: "$";
  font-size: 16px;
  color: #1f90e7;
  font-weight: bold;
  position: absolute;
  left: 7px;
  top: 12px;
}

.donation-amounts input[type="text"] {
  width: 80px;
  font-weight: bold;
  font-size: 16px;
  padding-left: 18px;
}

.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
  padding: 20px 25px;
  border: 2px dashed rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #999;
  margin-bottom: 10px;
  background: rgba(0, 0, 0, 0.03);
}

.gform_wrapper .gform_fileupload_multifile .gform_drop_instructions {
  margin-right: 4px;
}

.gform_wrapper .gform_fileupload_multifile .button.gform_button_select_files {
  font-size: 16px;
  padding: 8px 15px 5px;
  height: 35px;
  min-width: 100px;
}

.gform_wrapper .ginput_preview .gform_delete {
  vertical-align: middle;
}

.gform_wrapper .gsection_title {
  font-size: 18px;
}

.gform_wrapper .ginput_recaptcha iframe {
  margin: 0;
}

.gform_description {
  margin: 0 0 0.8em;
  display: block;
}

.post-content form ul li.gfield {
  margin-bottom: 20px;
}

.post-content .gform_heading {
  margin-bottom: 0px;
}

.post-content form label.gfield_label,
.post-content .gfield .ginput_container .ginput_full label {
  font-size: 12px;
}

.post-content .gform_footer {
  padding-top: 0;
}

.post-content form .gform_footer .button {
  font-size: 16px;
  padding: 8px 15px 5px;
  height: 35px;
  min-width: 100px;
}

.unsolved-cases-search h2 {
  margin-top: 5px;
}

.unsolved-cases-search label {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0;
  display: inline-block;
  width: 100%;
}

.unsolved-cases-search .search-section {
  margin-bottom: 30px;
}

.unsolved-cases-search .subsection {
  margin: 8px 0;
}

.unsolved-cases-search .note {
  font-size: 14px;
  margin-top: 5px;
}

.unsolved-cases-search .sublabel {
  width: 42px;
  font-size: 16px;
  display: inline-block;
}

.unsolved-cases-search .reset-search,
.mobile-search-expander {
  display: block;
  margin: 20px 0 -5px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 23px;
  color: #1f90e7;
  position: relative;
}

.unsolved-cases-search .reset-search:before,
.unsolved-cases-search .reset-search:after,
.mobile-search-expander:before,
.mobile-search-expander:after {
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  content: " ";
  display: block;
  left: 6px;
  top: 5px;
  width: 13px;
  height: 13px;
  border-left: 2px solid #1f90e7;
}

.unsolved-cases-search .reset-search:after,
.mobile-search-expander:after {
  border-left: none;
  border-bottom: 2px solid #1f90e7;
  left: 7px;
  top: -5px;
}

.unsolved-cases-search div.selector,
.unsolved-cases-search input[type="submit"] {
  max-width: 100%;
}

.unsolved-cases-search input[type="submit"] {
  min-width: 0;
  width: 192px;
}

#intro-text.help-solve-crime-feature {
  display: none;
}

.mobile-search-expander,
.unsolved-cases-search .reset-search.hide {
  display: none;
}

.mobile-search-expander:before,
.mobile-search-expander:after {
  height: 8px;
  left: auto;
  right: -5px;
  top: 7px;
  width: 8px;
}

.mobile-search-expander:after {
  left: auto;
  right: 1px;
  top: 0;
}

.mobile-search-expander.expanded:before {
  right: 1px;
}

.mobile-search-expander.expanded:after {
  right: -3px;
}

.mobile-search-expander span:before {
  content: "Show ";
}

.mobile-search-expander.expanded span:before {
  content: "Hide ";
}

#cs-report-form {
  margin-top: 30px;
}

#cs-report-form .form-section {
  padding-bottom: 15px;
}

#cs-report-form .form-section.grey {
  background-color: #e1e4e6;
}

#cs-report-form .form-section.blue {
  background-color: #cce0f0;
}

#cs-report-form .form-section.dark {
  background-color: #253748;
  color: #fff;
}

#cs-report-form .form-section.light-grey {
  background-color: #f1f1f1;
}

#cs-report-form h2 {
  margin-top: 0;
}

#cs-report-form ul li {
  margin-bottom: 20px;
}

#cs-report-form label {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0;
  display: block;
  clear: both;
  line-height: normal;
}

#cs-report-form ul li .validation_message {
  font-size: 14px;
}

#cs-report-form ul li .file-upload-container .validation_message {
  margin: 10px 0 0;
}

.gform_wrapper #cs-report-form.cs-fancy-form .validation_error {
  margin: 30px 40px 0px;
}

@media screen and (max-width: 480px) {
  .gform_wrapper #cs-report-form.cs-fancy-form .validation_error {
    margin: 25px 20px 0px;
  }
}

.gform_wrapper #cs-report-form.cs-fancy-form .validation_error .error-field-name {
  font-weight: bold;
  font-size: 15px;
  margin-top: 5px;
}

.gform_wrapper #cs-report-form .validation_error_container label {
  color: #cc2a38;
}

.gform_wrapper #cs-report-form .validation_error_container textarea,
.gform_wrapper #cs-report-form .validation_error_container input {
  border-color: #cc2a38;
}

.gform_wrapper #cs-report-form .gfield_checkbox {
  margin-top: -5px;
}

.gform_wrapper #cs-report-form .gfield_radio li,
.gform_wrapper #cs-report-form .gfield_checkbox li {
  margin-bottom: 0px;
}

.gform_wrapper #cs-report-form .gfield_radio li label,
.gform_wrapper #cs-report-form .gfield_checkbox li label {
  font-weight: normal;
  margin: 0;
}

@media screen and (min-width: 520px) {
  .gform_wrapper #cs-report-form .gfield_radio.inline li,
  .gform_wrapper #cs-report-form .gfield_checkbox.inline li {
    display: inline-block;
  }
  .gform_wrapper #cs-report-form .gfield_radio.inline li label,
  .gform_wrapper #cs-report-form .gfield_checkbox.inline li label {
    padding: 0 35px 0 25px;
  }
}

.gform_wrapper #cs-report-form .gfield_radio.bold li label,
.gform_wrapper #cs-report-form .gfield_checkbox.bold li label {
  font-weight: bold;
}

.gform_wrapper #cs-report-form .gfield_radio.bold li label span,
.gform_wrapper #cs-report-form .gfield_checkbox.bold li label span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 8px;
}

.gform_wrapper #cs-report-form li.inline label {
  display: none;
}

.gform_wrapper #cs-report-form li.inline .ginput_container {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 10px 0;
}

#cs-report-form .compact-form {
  margin: 20px 0;
}

#cs-report-form .compact-form li {
  margin-bottom: 5px;
}

#cs-report-form .compact-form label {
  font-weight: normal;
  display: inline-block;
  width: 160px;
  line-height: 16px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

#cs-report-form .compact-form .ginput_container {
  display: inline-block;
  width: 270px;
  max-width: 100%;
}

.js #cs-report-form .contact-details.hide {
  display: none;
}

#cs-report-form #service,
#cs-report-form #program {
  margin-top: 10px !important;
}

#cs-report-form #service li,
#cs-report-form #program li {
  width: 140px;
  display: inline-block;
  margin-bottom: 10px;
}

#cs-report-form #service label,
#cs-report-form #program label {
  background: url("_inc/img/logo.png") no-repeat;
  background-size: contain;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 100px;
  height: 59px;
  margin-left: 25px;
}

#cs-report-form #service label[for="program_eyesonthestreet"],
#cs-report-form #program label[for="program_eyesonthestreet"] {
  background-image: url("_inc/img/logo_eyesonstreet.png");
  background-size: auto 50px;
}

#cs-report-form #service label[for="program_neighbourhoodwatch"],
#cs-report-form #program label[for="program_neighbourhoodwatch"] {
  background-image: url("_inc/img/logo_nhwatch.png");
  background-size: auto 50px;
}

.ui-datepicker {
  font-size: 13px;
}

.report-datepicker {
  vertical-align: middle;
}

.ui-datepicker-trigger {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 20px;
  height: auto;
}

.report-datepicker-field {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
}

.gform_wrapper #cs-report-form .report-datepicker-container .gfield_checkbox {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}

.report-time-fields > input,
.report-time-fields > div.selector {
  margin-bottom: 10px;
  vertical-align: top;
}

.report-time-fields input:nth-child(1) {
  margin-right: 10px;
}

/*.report-time-fields div.selector:nth-child(2) {
    width: 95px !important;
    margin-right: 20px;
}*/
/* ------------------------------------
REPORT CTA FEATURE
------------------------------------ */
.report-cta {
  border-radius: 8px;
  margin: 30px 0 10px;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  text-align: left;
}

#home-header .report-cta {
  margin-bottom: 35px;
  background: none;
  color: white;
  margin-top: 45px;
}

@media screen and (max-width: 404px) {
  #home-header .report-cta {
    margin-bottom: 20px;
  }
}

.police-contact {
  border-radius: 8px;
  background: #e5eff7;
  margin-bottom: 5px;
}

.report-cta .police-contact .police-numbers {
  background: #1caf97;
  padding: 17px 12px 13px;
  color: #ffffff;
  font-size: 18px;
  border-radius: 8px;
}

.report-cta .police-contact .police-numbers a {
  color: #ffffff;
  font-size: 18px;
}

.report-cta h2,
.report-cta-header {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.report-cta h2,
.report-cta-header {
  color: #fff;
  font-size: 32px;
  line-height: 34px;
  padding: 21px 20px 14px;
  margin: 0;
  background: #051f30;
  text-align: center;
}

.report-cta-header h2 {
  padding: 0;
  background: transparent;
}

@media screen and (max-width: 1020px) {
  .report-cta h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 680px) {
  .report-cta h2 {
    line-height: 28px;
  }
}

.report-cta span,
.report-cta a {
  display: inline-block;
  vertical-align: middle;
}

.report-cta .report-text {
  margin: 20px;
}

.report-cta .report-text .intro {
  color: white;
  text-transform: uppercase;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0.4em;
}

@media screen and (max-width: 410px) {
  .report-cta .report-text .intro {
    font-size: 22px;
  }
}

.report-cta .make-report {
  margin: 25px 20px 20px;
}

.report-cta .report-text .or-call {
  display: none;
}

@media screen and (min-width: 520px) {
  .report-cta .make-report,
  .report-cta .report-text {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media screen and (min-width: 1000px) {
  .report-cta .positioning-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .report-cta .report-text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 44% - 80px);
    margin: 28px 20px 10px;
  }
  .report-cta .make-report {
    display: inline-block;
    width: 44%;
    vertical-align: top;
    margin: 20px;
  }
  .report-cta .report-text .or-call {
    display: block;
  }
  .report-cta .make-report .or-call {
    display: none;
  }
}

.report-cta .or {
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  margin: 28px 0 3px;
  display: block;
}

.report-cta .phone-number {
  color: #1caf97;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0;
  line-height: 36px;
  font-size: 34px;
}

.report-cta .button.small-button {
  padding: 8px 8px 5px;
  font-size: 17px;
}

.report-cta .button.medium-button {
  padding: 16px 22px 12px;
  margin: 20px 0 5px;
}

.report-cta .button {
  font-size: 24px;
  padding: 27px 40px 23px;
  display: block;
  margin: 10px 0 18px;
  padding-right: 25px;
  padding-left: 25px;
  background: #1caf97;
}

.report-cta .button:hover {
  background: #1ebea4;
}

.report-cta ul.report-selection {
  margin: 0;
  padding: 0;
  list-style: none;
}

.report-cta ul.report-selection li {
  position: relative;
  padding-left: 28px;
  margin: 9px 0 13px;
}

.report-cta ul.report-selection label {
  cursor: pointer;
}

.report-cta ul.report-selection label span {
  display: block;
}

.report-cta ul.report-selection .report-title {
  font-size: 20px;
  padding-right: 30px;
  line-height: 1.1;
}

.report-cta ul.report-selection .expand-handle {
  position: absolute;
  top: -4px;
  right: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.report-cta ul.report-selection .expand-handle:after {
  content: " ";
  border: 2px solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 7px;
  right: 9px;
}

.report-cta ul.report-selection .expand-handle[aria-expanded="true"] {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.report-cta ul.report-selection .report-description {
  padding-top: 5px;
  display: none;
}

.report-cta ul.report-selection div.radio {
  top: 0px;
}

.report-cta ul.report-selection div.radio span {
  background: transparent;
  border: 2px solid #1caf97;
  cursor: pointer;
  height: 20px;
  width: 20px;
}

.report-cta ul.report-selection div.radio span.checked:after {
  background-color: white;
  left: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
}

.report-cta .police-numbers,
.report-cta .police-numbers a {
  color: #a2b6c5;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

.report-cta .police-numbers {
  display: block;
  margin: 0;
  background: #051f30;
  padding: 8px 12px 5px;
  text-align: center;
}

@media screen and (max-width: 404px) {
  .report-cta .police-numbers {
    font-size: 14px;
  }
}

.report-cta .call-icon {
  margin: 0 2px;
  width: 21px;
  height: 24px;
  background: url("_inc/img/phone2.svg") no-repeat center top;
}

/*
.report-cta .call-icon {
    margin: 0 10px;
    width: 16px;
    height: 20px;
    background: url("_inc/img/phone.png") no-repeat center top;
}*/
@media screen and (max-width: 404px) {
  .report-cta .call-icon {
    display: none;
  }
}

.report-cta .positioning-wrap {
  background: #1e3547;
  padding-top: 8px;
  padding-bottom: 14px;
  margin-top: -1px;
}

a.whats-difference {
  display: inline-block;
  color: #1caf97;
  font-size: 16px;
  text-decoration: underline;
  margin: 5px 0 5px;
}

.report-cta a.whats-difference {
  position: absolute;
  bottom: 15px;
  left: 20px;
}

@media screen and (min-width: 520px) {
  .report-cta a.whats-difference {
    left: 40px;
  }
}

@media screen and (min-width: 1000px) {
  .report-cta a.whats-difference {
    position: static;
  }
  .report-cta .police {
    margin-left: 24px;
  }
}

a.whats-difference:before {
  content: "?";
  display: inline-block;
  vertical-align: top;
  width: 19px;
  height: 19px;
  background: #1caf97;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 23px;
  margin-right: 5px;
  font-weight: 500;
}

#drug-cta {
  margin-top: -167px;
}

#drug-cta .report-cta {
  padding: 0;
  position: relative;
}

#drug-cta .report-cta .wrap {
  width: 69%;
  padding: 0;
}

#drug-cta .report-cta h2 {
  border-radius: 0;
}

.report-cta-image {
  width: 31%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media screen and (max-width: 680px) {
  #drug-cta .report-cta .wrap {
    width: 100%;
  }
  .report-cta-image {
    position: relative;
    height: 300px;
    width: 100%;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}

/* ------------------------------------
EVERYTHING ELSE, MISCELLANEOUS STUFF
------------------------------------ */
.clear {
  clear: both;
}

.flex-container {
  /* NEW, Chrome 21–28, Safari 6.1+ */
  /* MID: IE 10 */
  display: -webkit-box;
  display: flex;
  /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
}

hr {
  border: none;
  border-top: 1px solid #ccc;
  clear: both;
  display: block;
  height: 1px;
  margin: 5px 0 25px;
  padding: 0;
}

hr.blue {
  background: url("_inc/img/hr-blue.png") no-repeat left top;
  background-size: contain;
  height: 5px;
  width: 100%;
  border: none;
  position: relative;
  left: -30px;
}

hr.divider {
  background: url("_inc/img/pixel_hr.jpg") repeat-x top center;
  height: 32px;
  margin: 0;
  border: none;
}

.home hr.divider {
  background: url("_inc/img/pixel_hr.png") repeat-x top center;
  height: 43px;
  margin: 0;
  border: none;
}

.alignright {
  clear: right;
  float: right;
  margin: 4px 0 30px 30px;
  max-width: 100%;
}

.alignleft {
  clear: left;
  float: left;
  margin: 4px 30px 30px 0;
}

.aligncenter {
  margin: 25px auto;
  display: block;
}

.alignnone {
  margin: 25px 0;
  display: block;
}

.wp-caption-text {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  margin: 2px 0 -15px;
  font-style: italic;
}

.feature-image {
  margin: 25px 0;
}

.feature-image img {
  border-radius: 8px;
  width: 100%;
}

.small-feature-image {
  width: 324px;
  max-width: 100%;
  clear: right;
  float: right;
  margin: 0 0 20px 40px;
}

blockquote {
  font-weight: bold;
  margin: 30px 30px;
  position: relative;
}

blockquote p:first-of-type:before {
  content: "“";
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  top: 0px;
  left: -28px;
}

blockquote p:last-of-type:after {
  content: "”";
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  margin-left: 10px;
}

blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5 {
  text-align: right;
  font-size: 13px;
  margin-right: -30px;
}

#main table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #a5d3f5;
  border-left: 1px solid #a5d3f5;
  margin: 25px 0;
}

#main table td,
#main table th {
  border-bottom: 1px solid #a5d3f5;
  border-right: 1px solid #a5d3f5;
  padding: 10px 10px 8px;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
}

#main table th {
  text-transform: uppercase;
  background: #e5eff7;
  padding: 10px 10px 6px;
}

.navigation {
  display: block;
  clear: both;
  overflow: hidden;
}

.navigation .alignleft,
.navigation .alignright {
  margin: 0;
}

.navigation .alignleft a,
.navigation .alignright a {
  margin: 20px 0;
  display: block;
  font-weight: bold;
}

#commentform label {
  float: none;
  width: auto;
  display: block;
  padding-bottom: 2px;
}

#content .commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

#comments {
  border-top: 1px solid #e5e5e5;
  padding-top: 28px;
  margin-bottom: 22px;
}

#respond {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 5px;
}

.post-content iframe {
  clear: both;
  max-width: 100%;
  margin: 20px 0;
}

.breadcrumbs {
  color: #889dae;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin: -5px 0;
  text-transform: uppercase;
}

.breadcrumbs span {
  margin: 0 3px;
}

.breadcrumbs span:first-child {
  margin-left: 0;
}

.breadcrumbs span:last-child {
  margin-right: 0;
}

.post-content .gallery {
  margin: 40px -4px !important;
}

.post-content .gallery-item {
  float: none !important;
  display: inline-block;
  padding: 2px 8px;
  vertical-align: top;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.post-content .gallery-item a {
  display: block;
  font-size: 0;
  border: 8px solid #fff;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}

.post-content .gallery-item img {
  width: 100%;
  height: auto;
  border: none !important;
}

.post-content .gallery-item .gallery-caption {
  line-height: 13px;
}

/* ------------------------------------
GRAFFITI CHALLENGE SUBSITE
------------------------------------ */
header.graffiti {
  background-image: url("_inc/img/pixel_bg_graffiti.png");
}

header.graffiti #logo {
  background-image: url("_inc/img/logo-graffiti.png");
  width: 257px;
  height: 228px;
}

#content.graffiti-content {
  min-height: 600px;
}

#content.graffiti-content #main-column {
  width: 70.32%;
}

#content.graffiti-content #menu-area {
  width: 71%;
  float: right;
}

#content.graffiti-home-content #main-column {
  width: 100%;
}

#content.graffiti-content #sidebar {
  margin-top: 100px;
  width: 24.61%;
}

#content.graffiti-home-content #sidebar {
  width: 47.08%;
}

#content.graffiti-content .breadcrumbs {
  padding-left: 15px;
  margin-top: -15px;
}

#content.graffiti-content .post-content {
  padding: 25px 15px 0 15px;
}

#content.graffiti-content h1,
#content.graffiti-content h2,
#content.graffiti-content h3,
#content.graffiti-content h4,
#content.graffiti-content h5,
#content.graffiti-content h6,
#content.graffiti-content .section-headline {
  text-transform: none;
  color: #3bae61;
  font-weight: normal;
  margin: 1.1em 0 0.4em;
}

#content.graffiti-content h1,
#content.graffiti-content .section-headline {
  font-size: 29px;
  margin: 20px 0 12px;
}

#content.graffiti-content h3 {
  font-size: 19px;
}

#content.graffiti-content .post-content a {
  color: #ee7925;
}

#content.graffiti-content .post-content a:hover {
  color: #ff7700;
}

#graffiti-menu {
  margin: -32px 0 30px;
  width: 100%;
  background: #48ba6d;
  border-radius: 0 0 7px 7px;
  z-index: 10;
  height: 50px;
  box-shadow: inset 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

#graffiti-menu > ul.menu {
  margin: 0 5px;
}

#graffiti-menu > ul.menu > li {
  padding: 5px 0;
}

#graffiti-menu ul li a {
  padding: 15px 10px 9px;
  color: #fff;
}

#graffiti-menu ul li a:hover,
#graffiti-menu > ul > li.current_page_item > a,
#graffiti-menu > ul > li.current_page_ancestor > a {
  color: #127b38;
}

#graffiti-menu .children {
  display: none;
}

#graffiti-menu ul ul.children {
  display: none;
  background: #00d866;
  position: absolute;
  top: 50px;
  left: -5px;
  padding: 6px 0 16px;
  text-align: left;
  z-index: 100;
  width: 205px;
  border-radius: 0 0 8px 8px;
}

#graffiti-menu ul.menu > li:hover > ul.children {
  display: block;
}

#graffiti-menu ul ul.children li {
  display: block;
}

#graffiti-menu ul ul.children li a {
  display: block;
  float: none;
  border: none;
  border-radius: 0;
  padding: 10px 18px 7px;
}

#graffiti-menu ul ul.children li a:hover {
  background: #48ba6d;
  color: #fff;
}

footer.graffiti {
  background: #fff;
}

footer.graffiti hr.divider {
  background-image: url("_inc/img/pixel_bg_graffiti.png");
}

footer.graffiti hr.divider.small {
  height: 5px;
}

footer.graffiti .back-to-top {
  display: none;
}

footer.graffiti .footer-logo,
footer.graffiti .footer-note {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 24px 0 15px;
}

footer.graffiti .footer-logo {
  width: 330px;
}

footer.graffiti .footer-note {
  color: #1a66b0;
  font-size: 17px;
  font-weight: normal;
}

footer.graffiti .footer-note p {
  margin-bottom: 8px;
}

footer.graffiti .footer-logo img {
  height: 63px;
  width: auto;
}

#graffiti-newsletter-signup {
  background: #146db6;
  padding: 30px 0 15px;
  overflow: hidden;
  color: #fff;
}

.page-id-568 #graffiti-newsletter-signup {
  background: #e0f1fb;
  color: #1e6bb1;
  overflow: visible;
}

.graffiti-newsletter-form form,
.graffiti-newsletter-form form div,
.graffiti-newsletter-form form span,
.graffiti-newsletter-form form ul,
.graffiti-newsletter-form form li,
.graffiti-newsletter-form .gform_wrapper .gform_body {
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: inline-block;
  background: transparent;
  border-radius: 0;
  width: auto;
}

.graffiti-newsletter-form form {
  width: 100%;
}

.graffiti-newsletter-form form .gform_heading {
  width: 300px;
  margin-top: -5px;
  margin-left: 6%;
  padding-left: 55px;
  font-size: 16px;
  background: url("_inc/img/mail-icon.png") no-repeat left 3px;
}

.page-id-568 .graffiti-newsletter-form form .gform_heading {
  background-image: url("_inc/img/mail-icon_blue.png");
}

.graffiti-newsletter-form form ul li.gfield,
.graffiti-newsletter-form .gform_wrapper .gform_footer {
  margin-bottom: 12px;
}

.graffiti-newsletter-form input[type="submit"] {
  font-size: 15px;
  padding: 8px 15px 5px;
  background-color: #249ed9;
  min-width: 0;
  height: auto;
  width: auto !important;
}

.graffiti-newsletter-form input[type="submit"]:hover {
  background-color: #26a8e7;
}

.graffiti-newsletter-form input[type="text"] {
  width: 100%;
}

.graffiti-newsletter-form .gform_wrapper {
  max-width: none;
  margin: 5px 0;
}

.graffiti-newsletter-form .ginput_container {
  width: 235px;
  margin-right: 6px;
}

.graffiti-newsletter-form .gform_wrapper .gfield_label {
  display: none;
}

.graffiti-newsletter-form .gform_wrapper .validation_message {
  margin: 5px 0 -19px;
  color: #fff;
}

.page-id-568 .graffiti-newsletter-form .gform_wrapper .validation_message {
  color: #1e6bb1;
}

.graffiti-newsletter-form .validation_error {
  display: none;
}

.graffiti-newsletter-form .gform_confirmation_message {
  margin: 5px 0;
  min-height: 45px;
  padding: 0;
  text-align: center;
}

#content.graffiti-content form {
  background: #249ed9;
  color: #fff;
  padding-bottom: 20px;
  margin-bottom: 100px;
  position: relative;
}

#content.graffiti-content .gform_heading h3 {
  margin: 5px 0 0.8em;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

#content.graffiti-content .gform_body h2 {
  margin: 5px 0 0.8em;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

#content.graffiti-content form .gform_body label.gfield_label {
  text-transform: none;
  font-size: 16px;
  line-height: normal;
}

#content.graffiti-content .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
  border: 2px dashed #62a5c6;
  color: #324452;
  background: #71bee5;
}

#content.graffiti-content .gform_wrapper .gform_fileupload_multifile .button.gform_button_select_files {
  background-color: #249ed9;
}

#content.graffiti-content .gform_wrapper hr {
  border-color: rgba(255, 255, 255, 0.3);
  margin: 25px 0 28px;
}

#content.graffiti-content .validation_error,
#content.graffiti-content .gform_wrapper .validation_message {
  color: #9bfc00;
}

#content.graffiti-content .gform_wrapper .validation_error {
  padding: 0 0 15px;
}

#content.graffiti-content form .gform_footer {
  position: absolute;
  bottom: -68px;
  left: 0;
}

#content.graffiti-content form .gform_footer .button {
  background: #ed7924;
  padding: 15px 30px 13px;
  height: 50px;
  min-width: 192px;
}

#content.graffiti-content form .gform_footer .button:hover {
  background: #ff8a36;
}

#content.graffiti-content form .entry {
  background-color: #d9eaf2;
  margin: 0;
  padding: 0 20px 10px;
  color: #596167;
}

#content.graffiti-content form .entry-start {
  border-radius: 8px 8px 0 0;
  padding: 15px 20px 10px;
}

#content.graffiti-content form .entry-start h2 {
  color: #596167;
  margin-bottom: 0;
  font-size: 18px;
}

#content.graffiti-content form .entry-end {
  border-radius: 0 0 8px 8px;
  padding: 0;
  margin-bottom: 20px;
}

#content.graffiti-content form .gform_body .entry label.gfield_label {
  margin: 0;
  padding: 6px 0;
}

#content.graffiti-content .gform_wrapper .entry .gform_fileupload_multifile .gform_drop_area {
  border: 2px dashed #d9dadb;
  background: #fbfdfe;
}

#content.graffiti-content .gform_wrapper .entry .validation_message {
  color: #cc2a38;
}

#content.graffiti-content .gform_wrapper .gfield_radio li {
  display: block;
}

#content.graffiti-content table.gfield_list {
  margin: 0;
  border: none;
}

#content.graffiti-content table.gfield_list td {
  border: none;
  width: 50%;
}

#content.graffiti-content table.gfield_list td.gfield_list_icons {
  vertical-align: middle;
}

.graffiti-main-feature h1 {
  font-family: "Populaire W00", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.graffiti-feature-boxes {
  background: none;
  color: #fff;
}

.graffiti-feature-boxes .inner {
  padding: 15px 0 20px;
}

.graffiti-feature-boxes .wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  padding: 0;
}

.graffiti-feature-boxes .feature-box {
  display: inline-block;
  width: 23.65%;
  margin-right: 1.8%;
  vertical-align: top;
  background: #135494;
  border-radius: 8px;
  padding: 35px 25px;
  text-align: center;
  position: relative;
  box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column nowrap;
}

.ie9 .graffiti-feature-boxes .feature-box {
  display: inline-block;
}

.feature-box:nth-child(4n) {
  margin-right: 0;
}

.graffiti-feature-boxes h3 {
  font-size: 24px;
  line-height: 26px;
  margin-top: 5px;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  text-transform: uppercase;
}

.graffiti-feature-boxes a,
.graffiti-feature-boxes a:hover {
  color: #fff;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
}

.graffiti-feature-boxes p {
  -webkit-box-flex: 2;
  flex: 2 1 auto;
}

#content.graffiti-content .graffiti-feature-boxes .feature-box h3 {
  text-transform: uppercase;
  line-height: 24px;
}

.graffiti-feature-boxes .small-button {
  padding: 10px 18px 8px;
  margin-top: 10px;
  background: #ee7925;
  -webkit-align-self: center;
  align-self: center;
}

.graffiti-feature-boxes .small-button:hover {
  background: #ff8a36;
}

.graffiti-feature-boxes .feature-tag {
  position: absolute;
  right: 15px;
  top: -10px;
  background: #f9a41d;
  border-radius: 7px;
  padding: 5px 12px 4px;
  font-weight: bold;
  font-size: 15px;
}

.graffiti-green-feature {
  max-width: 795px;
  margin: 0px auto 0;
  position: relative;
  bottom: -64px;
  color: #fff;
  padding: 17px 20px 14px;
  z-index: 2;
  font-size: 24px;
  text-align: center;
  border-radius: 8px;
  background: #f28822;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#f28822), to(#f9a41d));
  background: linear-gradient(to bottom, #f28822 0%, #f9a41d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.graffiti-green-feature p {
  margin: 0;
}

.graffiti-main-feature {
  background: #249ed9 url("_inc/img/home_feature_bg.jpg") no-repeat top left;
  background-size: cover;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  margin: 45px 0 10px;
  overflow: hidden;
  height: 495px;
}

.banner-info {
  display: inline;
  width: 50%;
  float: left;
  padding: 41px 38px 40px;
  border-radius: 8px;
}

.graf-banner {
  display: inline-block;
  width: 50%;
  overflow: hidden;
  border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  -webkit-border-radius: 0px 8px 8px 0px;
}

.image-text {
  position: absolute;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  text-align: left;
  padding: 17px;
}

.slide-image {
  min-height: 495px;
  background-position: center center;
  background-repeat: none;
  background-size: cover;
  overflow: hidden;
}

.owl-controls {
  height: 47px;
  width: 100%;
  bottom: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.graf-banner .owl-controls {
  top: 200px;
}

.owl-prev {
  background-image: url("_inc/img/banner-left.png");
  background-position: center center;
  background-repeat: no-repeat;
  left: 15px;
  position: absolute;
  text-indent: -9999px;
  height: 47px;
  width: 24px;
}

.owl-next {
  background-image: url("_inc/img/banner-right.png");
  background-position: center center;
  background-repeat: no-repeat;
  right: 15px;
  position: absolute;
  text-indent: -9999px;
  height: 47px;
  width: 24px;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

/*
.owl-buttons {
	position: absolute;
	right: 12px;
	top: 243px;
	height: 47px;
	width: 24px;
	text-indent: -9999px;
}
.owl-next {
	background: url("_inc/img/banner-right.png") no-repeat center center 0 0;
}

.owl-prev {
	background: url("_inc/img/banner-left.png") no-repeat center center 0 0;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}*/
.graffiti-main-feature a,
.graffiti-main-feature a:hover {
  color: #fff;
}

.graffiti-main-feature p {
  margin: 0;
  line-height: normal;
}

#content.graffiti-content .graffiti-main-feature h1 {
  color: #fff;
  font-size: 64px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 0.94em;
  margin-top: 30px;
}

.graffiti-main-feature .subheading {
  font-size: 24px;
  line-height: normal;
  max-width: 405px;
  margin: 30px auto 15px;
}

.graffiti-main-feature hr {
  max-width: 240px;
  margin: 15px auto 20px;
  border-color: #66bbe4;
}

.graffiti-main-feature .description {
  font-size: 18px;
  max-width: 424px;
  margin: 0 auto;
  letter-spacing: 0.3px;
}

.graffiti-main-feature .description p {
  line-height: 1.4em;
}

.graffiti-illustration-link a {
  font-weight: bold;
  font-size: 25px;
  max-width: 280px;
  margin: 60px auto 0;
  display: block;
  padding-right: 35px;
  position: relative;
}

.graffiti-illustration-link a:hover {
  color: #1f90e7;
}

.graffiti-illustration-link a:before {
  content: " ";
  width: 26px;
  height: 27px;
  border-radius: 7px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  background: #ee7925;
}

.graffiti-illustration-link a:hover:before {
  background: #ff8a36;
}

.graffiti-illustration-link a:after {
  content: " ";
  border: 2px solid #fff;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 9px;
  right: 10px;
}

.graffiti-downloads {
  margin: 30px 0;
}

.graffiti-download-item {
  display: block;
  margin: 15px 0;
  overflow: hidden;
  text-transform: uppercase;
}

.graffiti-download-item .left,
.graffiti-download-item .right {
  display: table-cell;
  vertical-align: middle;
}

.graffiti-download-item .left {
  width: 65px;
}

.graffiti-download-item .icon {
  display: block;
  background: #ee7925 url("_inc/img/download_icon.png") no-repeat center 22px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  padding: 9px;
  text-align: center;
  border-radius: 7px;
  width: 54px;
  height: 54px;
  margin-right: 10px;
  vertical-align: middle;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.graffiti-download-item .name {
  color: #ee7925;
  font-weight: bold;
  font-size: 16px;
  display: block;
  line-height: 18px;
}

.graffiti-download-item .size {
  font-size: 13px;
  color: #787878;
  white-space: nowrap;
  display: block;
}

.graffiti-download-item:hover .icon {
  background-color: #ff8a36;
}

.graffiti-download-item:hover .name {
  color: #ff8a36;
}

.graffiti-feature-boxes.entry-listing .wrapper {
  max-width: 980px;
  padding: 0 32px;
}

.graffiti-feature-boxes.entry-listing .inner {
  background: none;
}

.graffiti-feature-boxes.entry-listing {
  background: #249ed9 url("_inc/img/home_boxes_top.png") no-repeat center top;
  background-size: cover;
}

.graffiti-feature-boxes.entry-listing h2 {
  font-family: "Populaire W00", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 52px;
  margin: 40px 0 30px;
  text-align: center;
}

.graffiti-feature-boxes.entry-listing .feature-box {
  width: 33.3%;
  margin-bottom: 20px;
  box-shadow: none;
  margin-right: 0;
  padding: 15px 15px 23px;
}

.feature-box.entry {
  text-align: left;
  background: none;
}

.feature-box.entry span.title {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0;
  font-size: 13px;
}

.feature-box.entry p.entry-description {
  margin-top: 13px;
}

.graffiti-feature-boxes .entry .small-button {
  align-self: left;
}

.graffiti-feature-boxes .entry img {
  border-radius: 8px;
  width: 100%;
}

.feature-box.feature {
  background: white;
  color: #135494;
}

.graffiti-feature-boxes.entry-listing .feature-box.single {
  padding-top: 34px;
}

.feature-box.feature .winner {
  color: #ee7925;
}

.feature-box.feature .winner:before {
  content: "";
  display: inline-block;
  height: 12px;
  -webkit-transform: translate(1px, 2px);
  transform: translate(1px, 2px);
  vertical-align: top;
  width: 16px;
  background: url("_inc/img/winner-icon.png") no-repeat;
  padding-right: 3px;
}

.feature-box.single .winner {
  display: none;
}

.graffiti-content .gform_wrapper .gfield_radio li {
  display: block;
}

/* ------------------------------------
NO BRAND TEMPLATE
------------------------------------ */
.page-template-page-no-brand header {
  height: 144px;
}

.page-template-page-no-brand header .wrapper {
  overflow: hidden;
}

.page-template-page-no-brand header #logo {
  background-image: url("_inc/img/logo.png");
}

.page-template-page-no-brand footer #footer-nav-main {
  display: none;
}

@media screen and (max-width: 1020px) {
  .page-template-page-no-brand header {
    height: 112px;
  }
  .page-template-page-no-brand footer #footer-nav-main {
    display: block;
  }
}

@media screen and (max-width: 680px) {
  .page-template-page-no-brand #intro-text {
    min-height: 50px;
  }
}

@media screen and (max-width: 404px) {
  .page-template-page-no-brand header {
    height: 96px;
  }
  .page-template-page-no-brand #intro-text {
    min-height: 0;
  }
}

/* ------------------------------------
MEDIA QUERIES
------------------------------------ */
@media screen and (min-width: 1021px) {
  nav#main-nav > ul.menu {
    display: block !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  #main-nav ul.menu > li:hover > ul.sub-menu {
    display: block !important;
  }
  nav ul ul.sub-menu ul.sub-menu {
    display: none !important;
  }
}

@media screen and (max-width: 1090px) {
  #graffiti-menu ul li a {
    letter-spacing: -0.1px;
    padding: 15px 6px 9px;
  }
}

@media screen and (max-width: 1040px) {
  .featured-cases .link-to-unsolved-crimes span.help-solve-crime {
    padding: 15px 17px;
  }
}

@media screen and (max-width: 1020px) {
  /* switch to mobile nav */
  nav#main-nav ul.menu,
  nav#footer-nav-main ul.menu,
  #main-nav ul.menu > li:hover ul.sub-menu,
  #graffiti-menu {
    display: none;
  }
  nav#main-nav {
    z-index: 21;
  }
  nav#main-nav ul.menu {
    position: fixed;
    right: 32px;
    top: 40px;
    width: 288px;
    max-height: calc(100% - 40px);
    overflow: auto;
    padding: 10px 0 8px;
    background: #e5eff7;
    border-radius: 0 0 8px 8px;
  }
  #main-nav > ul.menu > li {
    display: block;
    padding: 0;
  }
  #main-nav > ul.menu > li > a {
    display: block;
    border: none;
    border-radius: 0;
    padding: 15px 20px 12px;
    background: transparent;
    margin-right: 50px;
  }
  #main-nav > ul.menu > li > ul.sub-menu > li.menu-item-has-children > a {
    margin-right: 50px;
  }
  #main-nav > ul.menu > li.menu-item-has-children:after,
  #main-nav > ul.menu > li > ul.sub-menu > li.menu-item-has-children:after {
    content: " ";
    width: 34px;
    height: 34px;
    border-radius: 34px;
    position: absolute;
    top: 3px;
    right: 4px;
    z-index: 15;
    display: block;
  }
  #main-nav > ul.menu > li.menu-item-has-children.expanded:after,
  #main-nav > ul.menu > li > ul.sub-menu > li.menu-item-has-children.expanded:after {
    border: 2px solid #0065b3;
  }
  #main-nav > ul.menu > li.menu-item-has-children:before,
  #main-nav > ul.menu > li > ul.sub-menu > li.menu-item-has-children:before {
    content: " ";
    border: 2px solid #0065b3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 14px;
    right: 17px;
  }
  #main-nav > ul.menu li.current-menu-item > a,
  #main-nav > ul.menu li.current-page-ancestor > a {
    color: #1e3547 !important;
  }
  #main-nav .mobile-nav {
    display: block;
    background: #fff;
    border-radius: 0 0 7px 7px;
  }
  .mobile-nav .menu-link {
    float: right;
  }
  .mobile-nav .mobile-menu {
    padding-right: 26px;
  }
  .mobile-nav .mobile-menu:after {
    content: " ";
    height: 9px;
    width: 16px;
    border-top: 3px solid #0065b3;
    border-bottom: 3px solid #0065b3;
    display: block;
    position: absolute;
    right: 0px;
    top: 7px;
  }
  .mobile-nav .mobile-menu:before {
    background: #0065b3;
    content: " ";
    height: 3px;
    position: absolute;
    right: 0px;
    top: 13px;
    width: 16px;
    display: block;
  }
  .mobile-nav .mobile-menu:hover:after {
    border-color: #1f90e7;
  }
  .mobile-nav .mobile-menu:hover:before,
  .mobile-nav .mobile-menu.expanded:hover:after {
    background-color: #1f90e7;
  }
  .mobile-nav .mobile-menu.expanded:after {
    height: 3px;
    border: none;
    background: #0065b3;
    right: 0px;
    top: 13px;
    width: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
  }
  .mobile-nav .mobile-menu.expanded:before {
    position: absolute;
    right: 0px;
    top: 13px;
    width: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
  }
  #main-nav ul.menu > li ul.sub-menu:before {
    display: none;
  }
  #main-nav ul.menu > li ul.sub-menu {
    width: 100%;
    position: static;
    background: #c8d6e2;
    padding: 5px 0;
    border-radius: 0;
  }
  #main-nav ul.menu li.current-menu-item > ul.sub-menu,
  #main-nav ul.menu li.current-page-ancestor > ul.sub-menu,
  #main-nav ul.menu > li > ul.sub-menu > li > ul.sub-menu ul.sub-menu {
    display: block;
  }
  #main-nav ul.menu > li ul.sub-menu a {
    padding: 15px 20px 12px 40px;
    background: transparent;
  }
  #main-nav ul.menu > li > ul.sub-menu ul.sub-menu {
    background: #47ba6d;
  }
  #main-nav ul.menu > li > ul.sub-menu ul.sub-menu a {
    color: #fff;
    padding-left: 55px;
  }
  #main-nav ul.menu > li > ul.sub-menu ul.sub-menu li.current-menu-item > a,
  #main-nav ul.menu > li > ul.sub-menu ul.sub-menu li.current-page-ancestor > a {
    color: #1b6e36 !important;
  }
  #main-nav ul.menu > li > ul.sub-menu > li > ul.sub-menu ul.sub-menu a {
    color: #dbf1b1;
    padding: 10px 20px 9px 70px;
  }
  #main-nav ul.menu > li > ul.sub-menu > li > ul.sub-menu ul.sub-menu {
    padding: 0;
  }
  #main-nav ul.menu > li > ul.sub-menu > li > ul.sub-menu {
    margin-bottom: -5px;
  }
  body.home > header {
    height: 176px;
  }
  header #logo,
  header.graffiti #logo {
    width: 176px;
  }
  #home-header {
    margin-bottom: -55px;
    top: -55px;
  }
  #home-intro-text {
    margin-top: 160px;
    font-size: 16px;
    width: 25%;
  }
  #intro-text,
  .unsolved-cases-search {
    margin-top: 36px;
    font-size: 16px;
    width: 23%;
  }
  .unsolved-cases-search {
    margin-top: 90px;
  }
  .results-meta {
    margin-top: 25px;
  }
  .single-partners #intro-text {
    margin-top: 185px;
  }
  header .site-title {
    font-size: 20px;
    margin-top: 29px;
  }
  header .acnc-tick {
    width: 66px;
    height: 66px;
    margin-top: -6px;
  }
  #footer-nav-main {
    margin: 10px auto 0;
    width: 150px;
  }
  .footer-note {
    position: static;
    padding-right: 0;
  }
  a#starfish {
    margin: 0 0 10px 10px;
  }
  a.back-to-top:before {
    display: none;
  }
  a.back-to-top {
    position: absolute;
    bottom: 11px;
    left: 50%;
    right: auto;
    top: auto;
    margin-left: -75px;
    width: 150px;
    height: 47px;
    text-indent: 0;
    z-index: 20;
    border-radius: 0;
    border: none;
    line-height: 52px;
    font-size: 16px;
    text-align: center;
  }
  .footer-logo img {
    margin-left: 0;
  }
  footer.graffiti {
    overflow: hidden;
  }
  footer.graffiti .footer-logo a:nth-child(2) img {
    margin-left: 25px;
  }
  footer.graffiti .footer-logo {
    width: 295px;
  }
  .footer-logo {
    width: 160px;
  }
  .footer-note {
    width: calc(100% - 165px);
  }
  #main-column > h1:after {
    display: none !important;
  }
  .board-member .board-member-image {
    width: 150px;
  }
  .board-member .board-member-text.has-image {
    margin-left: 180px;
  }
  .pagination .page-numbers {
    margin: 0 1px;
  }
  .pagination .page-numbers.next,
  .pagination .page-numbers.prev {
    width: 33px;
    height: 33px;
    padding: 0;
    font-size: 0;
  }
  .pagination .page-numbers.next:before,
  .pagination .page-numbers.prev:before {
    content: " ";
    border: 2px solid #fff;
    border-width: 3px 3px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 10px;
    right: 12px;
  }
  .pagination .page-numbers.prev:before {
    border-width: 0 0 3px 3px;
    right: 8px;
  }
  .unsolved-cases-item,
  .unsolved-cases-item:nth-child(4n) {
    margin-right: 4%;
    width: 30.66%;
  }
  .unsolved-cases-item:nth-child(3n) {
    margin-right: 0;
  }
  .featured-cases.featured-cases-listing .unsolved-cases-listing .unsolved-cases-item {
    width: calc(33.33% - 14px);
  }
  .featured-cases .link-to-unsolved-crimes span.case-name {
    display: none;
  }
  .results-meta .orderby {
    float: none;
  }
  .unsolved-case-detail .case-type {
    margin-top: 35px;
  }
  .unsolved-case-detail .post-content .direction-nav {
    float: none;
    margin-top: 10px;
  }
  .graffiti-newsletter-form form .gform_heading {
    padding-bottom: 23px;
    background-position: left top;
    width: 100%;
    margin-left: 0;
  }
  #content.graffiti-content #sidebar {
    margin-top: 30px;
  }
  #content.graffiti-content .post-content {
    padding: 15px 0 0 15px;
  }
  /* .graffiti-feature-boxes .inner {
         padding:4px 15px 30px;
     }*/
  .graffiti-feature-boxes .feature-box {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  .feature-box:nth-child(2n) {
    margin-right: 0;
  }
  .graffiti-main-feature .subheading {
    font-size: 25px;
  }
}

@media screen and (max-width: 850px) {
  #content.graffiti-content .graffiti-main-feature h1 {
    font-size: 55px;
  }
  .graffiti-feature-boxes.entry-listing .feature-box {
    width: 50%;
  }
  #crime-panel nav ul {
    -moz-columns: 100px 3;
    -webkit-columns: 100px 3;
    columns: 100px 3;
  }
  .home #main-column {
    float: none;
    width: 100%;
    clear: both;
    display: block;
  }
  #main-feature-boxes .main-feature-box {
    margin-top: 0;
  }
  .home #sidebar {
    float: none;
    width: 100%;
  }
  .home .sidebar-feature {
    max-width: none;
    width: calc(50% - 8px);
    margin-top: 0;
  }
  .home .sidebar-feature.resources-feature {
    float: right;
  }
  .sidebar-feature.fact-feature {
    float: left;
  }
  #qa {
    overflow: hidden;
  }
}

@media screen and (max-width: 760px) {
  #main-feature-boxes .main-feature-box {
    width: 100%;
    margin-top: 15px;
  }
  nav#main-nav ul.menu {
    right: 16px;
  }
  #drug-banner h1 {
    font-size: 36px;
  }
  #share-banner h1 {
    font-size: 36px;
    padding-top: 95px;
  }
  #share-banner h2 {
    font-size: 26px;
  }
  .wrapper {
    padding-right: 16px;
    padding-left: 16px;
  }
  .small-feature-image {
    width: 100%;
    margin-left: 0;
  }
  .back-button .button {
    padding-left: 15px;
    text-align: center;
  }
  .back-button .button span {
    display: none;
  }
  .partner-detail .post-content {
    padding: 0;
  }
  .partner-detail .post-content h1 {
    margin-top: 15px;
  }
  .partner-detail .feature-image {
    margin-bottom: 15px;
  }
  .partner-detail .partner-logo:before {
    display: none;
  }
  .partner-detail .partner-logo {
    padding: 0;
    height: 110px;
    line-height: 110px;
    margin-bottom: 30px;
  }
  .single-partners #intro-text {
    margin-top: 155px;
  }
  .unsolved-cases-item,
  .unsolved-cases-item:nth-child(4n) {
    margin-right: 4%;
    width: 30.66%;
  }
  .home .featured-cases .unsolved-cases-listing .unsolved-cases-item {
    margin-right: 6%;
    width: 29.33%;
  }
  .unsolved-cases-item:nth-child(3n),
  .home .featured-cases .unsolved-cases-listing .unsolved-cases-item:nth-child(3n) {
    margin-right: 0;
  }
  .graffiti-main-feature {
    height: auto;
  }
  .graffiti-feature-boxes.entry-listing .wrapper {
    padding: 0 16px;
  }
  .banner-info {
    width: 100%;
    padding: 41px 20px 40px;
  }
  .graf-banner {
    width: 100%;
    display: block;
  }
  .slide-image {
    height: 355px;
    min-height: auto;
  }
  .owl-controls {
    top: 130px;
  }
}

@media screen and (min-width: 681px) {
  .unsolved-cases-search form {
    display: block !important;
  }
}

@media screen and (max-width: 680px) {
  .graffiti-main-feature {
    background-size: cover;
    margin: 25px -16px;
    border-radius: 0;
    height: auto;
  }
  body.home > header,
  body > header {
    height: 96px;
  }
  header .site-title span {
    display: none;
  }
  #home-header {
    margin-bottom: 0px;
    top: 0px;
  }
  header .site-title {
    font-size: 16px;
    margin-top: 16px;
  }
  header .site-title a {
    display: none;
  }
  #intro-text.help-solve-crime-feature {
    display: block;
  }
  .sidebar-feature.help-solve-crime-feature {
    display: none;
  }
  #home-intro-text,
  #intro-text {
    float: right;
    font-size: 14px;
    margin-top: 16px;
    width: auto;
    margin-left: 196px;
    min-height: 100px;
  }
  #intro-text {
    min-height: 138px;
    margin-top: -5px;
    margin-bottom: 10px;
  }
  #home-intro-text .button {
    font-size: 14px;
    padding: 10px 12px 7px;
    line-height: 16px;
  }
  #main-column,
  .home-main-column,
  #sidebar,
  .home-sidebar,
  .page-template-page-partners-supporters #main-column,
  #content.graffiti-content #main-column,
  #content.graffiti-content #sidebar,
  #content.graffiti-content #menu-area,
  .fw-breadcrumbs,
  .drug-main-column {
    float: none;
    width: 100%;
    clear: both;
  }
  .fw-breadcrumbs {
    margin-top: 100px;
  }
  .home #sidebar .sidebar-feature:last-child {
    padding-bottom: 20px;
  }
  .home #sidebar .supporter-feature:last-child {
    padding-bottom: 40px;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 14px;
  }
  h1,
  .section-headline {
    font-size: 24px;
  }
  h2 {
    font-size: 19px;
  }
  .article-listing h2,
  .article-detail h1 {
    font-size: 21px;
  }
  hr.blue {
    left: -8px;
  }
  #page-subnav {
    display: none;
  }
  #listing-subnav {
    margin-top: 35px;
  }
  body.home #page-subnav {
    display: block;
    margin-bottom: 30px;
  }
  #content {
    padding-top: 20px;
  }
  .volunteer-feature {
    margin-bottom: 30px;
  }
  .back-button {
    display: none;
  }
  .partner-listing {
    margin-top: 0;
  }
  .single-partners #intro-text {
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 165px;
    min-height: 0;
    width: 100%;
  }
  .partner-detail .partner-logo {
    padding: 0 16px 0 215px;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    margin-top: 20px;
  }
  .unsolved-cases-search {
    width: 100%;
    margin: 0;
  }
  .unsolved-cases-search form {
    padding-bottom: 32px;
    margin: 0 0 20px;
    background: url("_inc/img/hr-blue.png") no-repeat -8px bottom;
    background-size: 100%;
    display: none;
  }
  .unsolved-cases-search form.expanded,
  .mobile-headline {
    display: block;
  }
  .desktop-headline {
    display: none;
  }
  .mobile-search-expander {
    display: inline-block;
    padding-right: 20px;
    margin: 0;
  }
  .featured-cases form.inline-form {
    margin: 18px 0 10px;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    text-align: right;
  }
  .featured-cases .description {
    margin-right: 0;
  }
  .featured-cases form input[type="text"] {
    width: 230px;
  }
  .unsolved-case-detail .case-type {
    padding-top: 15px;
    font-size: 20px;
  }
  .unsolved-case-detail .meta-item {
    display: block;
  }
  .unsolved-case-detail .blog-meta {
    margin: 0 0 12px;
  }
  .breadcrumbs {
    margin: 0 0 -10px;
  }
  .graffiti-newsletter-form .gform_wrapper .validation_message {
    margin-bottom: 0;
  }
  header.graffiti #logo {
    width: 128px;
  }
  #content.graffiti-content .breadcrumbs {
    padding-left: 0;
    margin-top: 70px;
  }
  #content.graffiti-content .post-content {
    padding-left: 0;
  }
  .graffiti-main-feature {
    margin-top: 35px;
    background-size: contain;
  }
  .graffiti-feature-boxes.entry-listing .feature-box {
    width: 50%;
  }
  .story-quote {
    font-size: 25px;
  }
  .story-links a.more-link {
    display: block;
    margin-right: 0;
    text-align: center;
    padding: 5px 0;
  }
  .story-links a.more-link:first-child {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 580px) {
  footer.graffiti .footer-logo,
  footer.graffiti .footer-note {
    display: block;
    margin: 0;
    width: 100%;
  }
  footer.graffiti .footer-note {
    padding-bottom: 55px;
  }
  footer.graffiti .back-to-top {
    display: block;
    background: #48ba6d;
    color: #fff;
    border-radius: 7px 7px 0 0;
    font-weight: bold;
    text-transform: uppercase;
  }
  footer.graffiti hr.divider:last-child {
    display: none;
  }
  .graffiti-feature-boxes .feature-box {
    width: 100%;
    margin-right: 0;
  }
  #crime-panel nav ul {
    -moz-columns: 100px 2;
    -webkit-columns: 100px 2;
    columns: 100px 2;
  }
  .home .sidebar-feature.resources-feature {
    float: none;
    margin-top: 15px;
    width: 100%;
  }
  .sidebar-feature.fact-feature {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  #content.graffiti-content table.gfield_list td {
    width: 70%;
  }
  #content.graffiti-content table.gfield_list td.gfield_list_icons {
    width: 30%;
  }
}

@media screen and (max-width: 500px) {
  .footer-logo {
    float: left;
    width: 69px;
  }
  .footer-logo .acnc-tick {
    margin: 0 0 5px 4px;
  }
  .footer-note {
    margin-left: 90px;
    width: auto;
    display: block;
    padding: 20px 0 6px;
  }
  .featured-cases.featured-cases-listing .unsolved-cases-listing .unsolved-cases-item {
    width: calc(50% - 14px);
  }
}

@media screen and (max-width: 480px) {
  #gform_wrapper_13 {
    width: 100%;
  }
  #feature-boxes .home-feature {
    float: none;
    width: 100%;
    clear: both;
  }
  #feature-boxes .home-feature {
    border-top: 1px solid #e8f1f8;
    margin-top: 25px;
  }
  #feature-boxes .home-feature:first-of-type {
    border: none;
  }
  #feature-boxes .home-feature img {
    width: 100%;
  }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  .gform_footer input[type="submit"] {
    width: 100%;
  }
  form {
    padding: 30px 20px;
  }
  .post-content form {
    padding: 25px 20px;
  }
  .board-member .board-member-image {
    width: 120px;
  }
  .board-member .board-member-text.has-image {
    margin-left: 0;
  }
  .article-item {
    width: 100%;
    margin-right: 0;
    clear: both;
  }
  .article-detail h1.blog-headline,
  .article-detail .blog-meta,
  .unsolved-case-detail .case-type,
  .unsolved-case-detail h1.blog-headline {
    padding-right: 0px;
  }
  .direction-nav {
    display: none;
  }
  .unsolved-cases-item .button {
    font-size: 13px;
  }
  #cs-report-form .compact-form label {
    margin: 8px 0 2px;
    width: auto;
    display: block;
  }
  #cs-report-form .form-section {
    padding: 30px 20px 15px;
  }
  .graffiti-newsletter-form form,
  .graffiti-newsletter-form form div,
  .graffiti-newsletter-form form ul,
  .graffiti-newsletter-form form li,
  .graffiti-newsletter-form .gform_wrapper .gform_body {
    display: block;
  }
  .graffiti-newsletter-form .ginput_container {
    width: 100%;
  }
  .post-content .gallery-item {
    width: 50% !important;
  }
  .post-content .gallery br {
    display: none;
  }
  #content.graffiti-content .graffiti-main-feature h1 {
    font-size: 50px;
  }
  .graffiti-illustration-link a {
    margin: 30px auto 0;
  }
  .graffiti-feature-boxes.entry-listing .feature-box {
    width: 100%;
    margin-bottom: 0;
  }
  #feature-boxes .home-feature {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .story-quote.has-image {
    width: 100%;
  }
  #stories-panel img {
    width: 100%;
    margin-top: 15px;
  }
}

@media screen and (max-width: 404px) {
  header #logo {
    width: 128px;
  }
  .fw-breadcrumbs {
    margin-top: 56px;
  }
  header .site-title {
    font-size: 14px;
    margin-top: 18px;
  }
  #home-intro-text,
  #intro-text {
    margin-left: 145px;
    min-height: 90px;
  }
  .content-item .content-item-text.has-image {
    margin-left: 0;
  }
  .single-partners #intro-text {
    margin-top: 130px;
  }
  .partner-detail .partner-logo {
    padding-left: 160px;
    height: 80px;
    line-height: 80px;
  }
  #crime-panel nav ul {
    -moz-columns: 100px 1;
    -webkit-columns: 100px 1;
    columns: 100px 1;
  }
}

@media screen and (max-width: 400px) {
  .unsolved-cases-item,
  .unsolved-cases-item:nth-child(4n),
  .unsolved-cases-item:nth-child(3n) {
    margin-right: 4%;
    width: 48%;
  }
  .home .featured-cases .unsolved-cases-listing .unsolved-cases-item,
  .home .featured-cases .unsolved-cases-listing .unsolved-cases-item:nth-child(3n) {
    margin-right: 10%;
    width: 45%;
  }
  .unsolved-cases-item:nth-child(2n),
  .home .featured-cases .unsolved-cases-listing .unsolved-cases-item:nth-child(2n) {
    margin-right: 0;
  }
  .unsolved-cases-search h2 {
    font-size: 16px;
  }
  .mobile-search-expander {
    padding-left: 5px;
  }
  .featured-cases .link-to-unsolved-crimes span.help-solve-crime {
    padding: 28px 17px;
  }
  .graffiti-green-feature {
    margin: -38px auto 0;
  }
  .graffiti-feature-boxes.entry-listing .inner {
    padding: 4px 15px;
  }
}

/* ------------------------------------
NEW DRUG REPORT FORM
------------------------------------ */
.page-template-page-make-a-drug-report header #logo {
  height: 105px;
  width: 128px;
}

@media screen and (min-width: 681px) {
  body.page-template-page-make-a-drug-report > header {
    height: 133px;
    background-position: center -27px;
  }
  body.page-template-page-make-a-drug-report > header .site-title {
    margin-top: 24px;
  }
  body.page-template-page-make-a-drug-report > header .acnc-tick {
    width: 56px;
    height: 56px;
    margin-top: -8px;
  }
}

.page-template-page-make-a-drug-report h1:before {
  content: " ";
  height: 27px;
  width: 36px;
  position: relative;
  top: 4px;
  margin-right: 3px;
  background-image: url(_inc/img/icons/drugs.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

@media screen and (min-width: 681px) {
  .page-template-page-make-a-drug-report h1:before {
    height: 34px;
    width: 45px;
    margin-right: 4px;
  }
}

#cs-report-form .form-section.collapsible-form-section {
  padding: 0;
  margin: 10px 0;
}

.form-section-header,
.form-section-buttons {
  background: #dfe8f0;
}

.form-section.grey .form-section-header,
.form-section.grey .form-section-buttons {
  background: #dbdee0;
}

.form-section.blue .form-section-header,
.form-section.blue .form-section-buttons {
  background: #c6d8e8;
}

.form-section.dark .form-section-header,
.form-section.dark .form-section-buttons {
  background: #253748;
}

.form-section.light-grey .form-section-header,
.form-section.light-grey .form-section-buttons {
  background: #eaeaea;
}

.form-section.dark .form-section-buttons,
.form-section.dark .form-section-body {
  border-top: 1px solid #2e4052;
}

.form-section-header {
  padding: 23px 20px 5px;
  border-radius: 8px 8px 0 0;
}

.form-section-header:after {
  content: " ";
  clear: both;
  display: block;
}

#cs-report-form .form-section-header h2 {
  position: relative;
  padding-left: 37px;
  float: left;
}

#cs-report-form .form-section-header h2 .number {
  width: 27px;
  height: 27px;
  line-height: 20px;
  display: inline-block;
  background: #1f90e7;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  border-radius: 50%;
  padding: 5px 0 0;
  position: absolute;
  top: -7px;
  left: 0;
}

@media screen and (min-width: 681px) {
  #cs-report-form .form-section-header h2 .number {
    top: -4px;
  }
}

.collapsible-form-section.collapsed {
  opacity: 0.6;
}

.collapsible-form-section .form-section-body {
  overflow: hidden;
}

.collapsible-form-section .form-section-body .field-summary {
  display: none;
}

.collapsible-form-section.collapsed .form-section-body,
.collapsible-form-section.saved .form-section-body {
  height: 0;
}

.collapsible-form-section.collapsed .form-section-header {
  border: 0;
  border-radius: 8px;
}

.collapsible-form-section .form-section-edit {
  display: none;
  float: right;
  color: #1f90e7;
  font-weight: bold;
  position: relative;
  z-index: 1;
  font-size: 15px;
  padding: 0 0 10px 18px;
  background: url(_inc/img/edit.svg) no-repeat left top;
  background-size: 15px auto;
}

.collapsible-form-section.saved .form-section-edit {
  display: block;
}

.collapsible-form-section .form-section-summary {
  display: none;
}

.collapsible-form-section.saved .form-section-summary {
  display: block;
}

.collapsible-form-section .form-section-summary .form-section-content,
.collapsible-form-section .form-section-summary .form-section-col1,
.collapsible-form-section .form-section-summary .form-section-col2 {
  border: none;
  margin-bottom: 0;
}

.form-section-content {
  padding: 20px 20px 15px;
}

@media screen and (min-width: 481px) {
  .form-section-content {
    padding: 30px 40px 15px;
  }
}

.form-section-content + .form-section-content {
  padding-top: 0;
}

.form-section-content + .form-section-content .form-section-col1,
.form-section-content + .form-section-content .form-section-col2 {
  margin-top: 0;
}

@media screen and (min-width: 960px) {
  .form-section-columns {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    padding: 0;
  }
  .form-section-col1,
  .form-section-col2 {
    width: 50%;
    padding: 0 40px;
    margin: 30px 0 25px;
  }
  .form-section-col2 {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
  }
}

.form-section-buttons {
  padding: 20px;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

.form-section-buttons .button {
  min-width: 100%;
}

.form-section-buttons .finish-button {
  color: #1f90e7;
  background-color: transparent;
  margin-top: 20px;
  text-decoration: underline !important;
  display: inline-block;
  padding: 0;
  min-width: 0 !important;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.form-section-buttons .finish-button:hover {
  color: #3f9ee7;
}

.form-section-buttons .finish-note {
  font-size: 15px;
  margin: 5px 0 0;
}

@media screen and (min-width: 495px) {
  .form-section-buttons .button {
    float: right;
  }
  .form-section-buttons .finish-button {
    margin-top: 4px;
  }
  .form-section-buttons .finish-button,
  .form-section-buttons .finish-note {
    float: left;
  }
  .form-section-buttons .finish-note {
    max-width: calc(100% - 200px);
    clear: left;
  }
  .form-section-buttons .button {
    min-width: 160px;
  }
}

.person-vehicle-item {
  background: #d8e9f9;
  border-radius: 8px;
  padding: 20px 20px 5px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.form-section.light-grey .person-vehicle-item {
  background: #fafafa;
}

.person-vehicle-item .form-section-col1,
.person-vehicle-item .form-section-col2 {
  padding: 0;
  margin: 0;
  border: none;
}

.person-vehicle-item input.medium {
  width: 277px;
}

.person-vehicle-item input.large {
  width: 100%;
}

#cs-report-form .person-vehicle-item ul li {
  margin-bottom: 15px;
}

@media screen and (min-width: 960px) {
  .person-vehicle-item .form-section-columns {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .person-vehicle-item .form-section-col1,
  .person-vehicle-item .form-section-col2 {
    width: 45%;
  }
}

@media screen and (min-width: 460px) {
  .person-vehicle-item ul.two-column {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
  }
  #cs-report-form .person-vehicle-item ul.two-column li {
    width: 46%;
    margin-bottom: 10px;
  }
}

#cs-report-form li.person-icon label {
  padding-left: 22px;
  background: url("_inc/img/person-icon.svg") no-repeat left top;
  background-size: 18px auto;
}

#cs-report-form ul li.trigger-field:not(:last-child) {
  margin-bottom: 25px;
}

#cs-report-form ul li.trigger-field + li,
#cs-report-form ul li.has-other-trigger + li {
  margin-top: -13px !important;
  margin-bottom: 25px;
}

.fancyconfirm-popup {
  width: 430px;
  max-width: calc(100% - 20px);
  background: #e5eff7;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  box-sizing: border-box !important;
  margin: 0 auto;
  position: relative;
}

.fancyconfirm-popup .msg {
  margin: 5px 0 15px;
}

.fancyconfirm-popup .buttons {
  margin: 0 -5px;
}

.fancyconfirm-popup .button {
  margin: 12px 5px 0;
  width: 180px;
  padding-right: 0;
  padding-left: 0;
}

.fancyconfirm-popup .button:first-child {
  color: #1f90e7;
  background-color: #fff;
}

.page-template-page-make-a-drug-report #fancybox-outer {
  background: transparent;
}

.report-form .multi-fileuploads .add-more,
.report-form .file-upload-container .remove-file {
  display: none;
}

.multi-fileuploads .add-more .button,
.report-form .add-more.button {
  padding-left: 30px;
  background-image: url(_inc/img/plus.svg);
  background-repeat: no-repeat;
  background-position: 10px 11px;
  background-size: 12px auto;
}

.remove-file,
.remove-person-vehicle-item {
  display: inline-block;
  color: #1f90e7;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 0 8px;
  padding-left: 15px;
  background: url(_inc/img/cross.svg) no-repeat left 4px;
  background-size: 12px auto;
}

.report-form .file-upload-container input[type="file"] {
  max-width: 100%;
  width: 200px;
}

.report-form .add-more.button {
  margin-bottom: 20px;
}

.remove-person-vehicle-item {
  position: absolute;
  top: 10px;
  right: 15px;
}

.person-vehicle-item.hidden {
  display: none;
}

.link-other-form {
  margin: -10px 0 15px;
}

.link-other-form .small-button {
  margin-right: 8px;
  vertical-align: middle;
  background-color: #1caf97;
}

.link-other-form .small-button:hover {
  background-color: #1ebea4;
}

.link-other-form .whats-difference {
  color: #324452;
  margin: 10px 0;
  vertical-align: middle;
}

.link-other-form .whats-difference:before {
  background-color: #324452;
}

/* ------------------------------------
NEW ORGANISATION REPORT FORM
------------------------------------ */
.page-template-page-make-a-report-organisation #logo,
.page-template-page-make-a-report #logo {
  height: 105px;
  width: 128px;
}

@media screen and (min-width: 681px) {
  body.page-template-page-make-a-report-organisation > header,
  body.page-template-page-make-a-report > header {
    height: 133px;
    background-position: center -27px;
  }
  body.page-template-page-make-a-report-organisation > header .site-title,
  body.page-template-page-make-a-report > header .site-title {
    margin-top: 24px;
  }
  body.page-template-page-make-a-report-organisation > header .acnc-tick,
  body.page-template-page-make-a-report > header .acnc-tick {
    width: 56px;
    height: 56px;
    margin-top: -8px;
  }
}

.page-template-page-make-a-report-organisation h1,
.page-template-page-make-a-report-organisation .post-content.centered,
.page-template-page-make-a-report h1,
.page-template-page-make-a-report .post-content.centered {
  text-align: center;
}

.page-template-page-make-a-report-organisation hr,
.page-template-page-make-a-report hr {
  background-position: center top;
}

#cs-report-form.green-theme .form-section-header h2 .number {
  background-color: #1caf97;
}

#cs-report-form.green-theme .button {
  background-color: #1caf97;
}

#cs-report-form.green-theme .button:hover {
  background-color: #1ebea4;
}

#cs-report-form.green-theme .finish-button {
  background-color: transparent;
  color: #1caf97;
}

#cs-report-form.green-theme .finish-button:hover {
  background-color: transparent;
  color: #1ebea4;
}

#cs-report-form.green-theme .collapsible-form-section .form-section-edit {
  color: #1caf97;
  background-image: url(_inc/img/edit_green.svg);
}

#cs-report-form .report-org-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  margin: 15px -5px 0 !important;
}

#cs-report-form .report-org-item {
  width: 149px;
  margin: 0 5px 15px !important;
  position: relative;
  padding-bottom: 38px;
  min-height: 260px;
  display: -webkit-box;
  display: flex;
}

#cs-report-form .form-section-body [class*="target_"]:not(.button) {
  display: none;
}

@media screen and (max-width: 380px) {
  #cs-report-form .report-org-item {
    width: calc(50% - 10px);
  }
}

#cs-report-form .report-org-item input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

#cs-report-form .report-org-item .report-org-description-link,
#cs-report-form .report-description-link {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  display: inline-block;
  background: #1caf97;
  border-radius: 50%;
  color: #253748;
  width: 22px;
  height: 22px;
  padding: 2px;
  text-align: center;
  font-weight: bold;
}

#cs-report-form .report-description-link {
  position: static;
  -webkit-transform: none;
  transform: none;
  width: 17px;
  height: 17px;
  background: #1f90e7;
  color: white;
  font-size: 14px;
}

#cs-report-form .has-popup-description label + .gfield_description {
  margin-top: -3px;
}

@media screen and (min-width: 480px) {
  #cs-report-form .has-popup-description label {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  #cs-report-form .has-popup-description label + .gfield_description {
    display: inline-block;
    margin: 5px 0;
    vertical-align: middle;
  }
}

#cs-report-form .report-popup-description {
  display: none;
}

.report-description-popup {
  text-align: left;
}

#cs-report-form .report-org-item label {
  background: #2d3d4e;
  padding: 15px 9px;
  display: block;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  color: #fff !important;
}

#cs-report-form .field-summary .report-org-items {
  margin-top: 0 !important;
}

#cs-report-form .field-summary .report-org-item {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  min-height: 215px;
  width: 149px;
}

#cs-report-form .report-org-item input[type="radio"]:checked + label {
  background: #1caf97;
}

#cs-report-form .back-to-reports-button {
  margin: 0 0 10px;
  text-align: left;
  position: relative;
  padding-left: 32px;
  float: left;
}

#cs-report-form .back-to-reports-button:before {
  content: " ";
  border: 2px solid #fff;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 11px;
  left: 12px;
}

#cs-report-form #form-section-organisation .form-section-body {
  border: none;
}

#cs-report-form #form-section-organisation .field-summary {
  text-align: center;
}

#cs-report-form #form-section-organisation .field-summary:before,
#cs-report-form #form-section-organisation .field-summary:after {
  content: "You are reporting to";
  display: block;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
}

#cs-report-form #form-section-organisation .field-summary:after {
  content: "via Crime Stoppers WA";
  margin: 12px 0 -10px;
}

@media screen and (max-width: 480px) {
  #cs-report-form #form-section-organisation .field-summary:before,
  #cs-report-form #form-section-organisation .field-summary:after {
    font-size: 20px;
  }
  #cs-report-form #form-section-organisation .field-summary:before {
    margin-top: 8px;
  }
}

#cs-report-form #form-section-organisation .field-summary > ul {
  display: inline-block;
}

#cs-report-form .field-summary .report-org-item label {
  background: #1caf97;
  cursor: default;
  padding-top: 25px;
}

#cs-report-form .field-summary .report-org-item .report-org-tick {
  display: none;
}

#cs-report-form .report-org-item .report-org-tick {
  width: 27px;
  height: 25px;
  display: inline-block;
  background: url("_inc/img/tick.svg") no-repeat center top;
  background-size: 100% auto;
  margin: -1px 0 9px;
  opacity: 0.3;
}

#cs-report-form .report-org-item .report-org-logo,
.report-org-description-popup .report-org-logo {
  display: block;
  width: 100px;
  height: 90px;
  margin: 0 auto 18px;
  border-radius: 8px;
  border: 8px solid #fff;
  background: #fff no-repeat center center;
  background-size: contain;
}

#cs-report-form .report-org-item .report-org-title {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.2;
  font-weight: bold;
  display: block;
}

#cs-report-form .report-org-item .report-org-description {
  display: none;
}

.report-org-description-popup {
  padding: 40px 20px 25px;
}

.report-org-description-popup .report-org-content {
  text-align: left;
}

.report-org-description-popup .report-org-title {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold;
  margin: 0 0 12px;
}

.report-org-description-popup .report-org-logo {
  display: none;
}

@media screen and (min-width: 520px) {
  .report-org-description-popup .report-org-logo {
    display: block;
    -webkit-box-flex: none;
    flex: none;
    margin: 0;
    box-sizing: border-box;
  }
  .report-org-description-popup {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .report-org-description-popup .report-org-content {
    width: calc(100% - 142px);
  }
}

/* ------------------------------------
REPORT LANDING
------------------------------------ */
@media screen and (min-width: 1021px) {
  .page-template-page-report-landing header {
    height: 207px;
  }
}

.page-template-page-report-landing #intro-text {
  margin-top: 65px;
}

@media screen and (max-width: 680px) {
  .page-template-page-report-landing #intro-text {
    margin-top: 115px;
    margin-left: 0;
  }
}

@media screen and (max-width: 404px) {
  .page-template-page-report-landing #intro-text {
    margin-top: 82px;
  }
}

.page-template-page-report-landing #intro-text h1 {
  margin-top: 0;
  text-transform: none;
  line-height: 1.1em;
}

.page-template-page-report-landing #main-column {
  text-align: center;
}

.page-template-page-report-landing #main + hr.divider {
  display: none;
}

.report-landing-boxes {
  margin-top: 60px;
  margin-bottom: 35px;
}

.report-landing-box {
  background: #253748;
  border-radius: 8px;
  padding: 15px 30px 25px;
  margin: 10px 0;
  color: #a2b6c5;
  text-align: center;
  font-size: 18px;
}

.report-landing-box.third-party {
  background: #e5eff7;
  color: #1e3547;
}

.report-landing-box h2 {
  color: #fff;
  font-size: 32px;
  line-height: 34px;
  margin: 12px auto;
  max-width: 500px;
}

.report-landing-box.third-party h2 {
  color: #1e3547;
}

@media screen and (max-width: 680px) {
  .report-landing-box h2 {
    font-size: 28px;
    line-height: 28px;
  }
}

.report-landing-box hr {
  background: url("_inc/img/hr-report.png") no-repeat center top;
  background-size: contain;
  height: 5px;
  border: none;
  margin: 5px auto 16px;
  max-width: 400px;
}

.report-landing-box .text {
  margin: 10px auto 25px;
  max-width: 550px;
  line-height: 1.3em;
}

.report-landing-box .button-large {
  font-size: 26px;
  padding: 14px 18px 7px;
  line-height: 1em;
  max-width: 295px;
}

.report-landing-box .button {
  background: #1caf97;
}

.report-landing-box .button:hover {
  background: #1ebea4;
}

.report-landing-box.third-party .button {
  background: #1f90e7;
}

.report-landing-box.third-party .button:hover {
  background: #3f9ee7;
}

.report-landing-box .report-link {
  background: #2d3d4e;
  border-radius: 8px;
  padding: 18px;
  margin: 10px 0;
  font-size: 16px;
  color: white;
}

.report-landing-box.third-party .report-link {
  background: #f0f5fa;
  color: #1e3547;
}

.report-landing-box .report-link h3 {
  font-size: 20px;
  margin: 0 0 5px;
  line-height: 1.2;
}

.report-landing-box .more-info-text {
  display: none;
  overflow: hidden;
}

.report-landing-box .more-info-text p {
  margin: 10px 0 0 !important;
}

.report-landing-box .more-info-text a {
  color: #1f90e7;
}

.report-landing-box .more-info-link {
  display: inline-block;
  color: #1f90e7;
}

.report-landing-box .more-info-link::after {
  content: "";
  background: url("_inc/img/select.png") no-repeat center center;
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.report-landing-box .more-info-link.expanded::after {
  -webkit-transform: rotate(180deg) translate(-2px, -1px);
  transform: rotate(180deg) translate(-2px, -1px);
}

.report-landing-box .report-logo {
  width: 100px;
  height: 90px;
  margin: 0 auto 20px;
  -webkit-box-flex: none;
  flex: none;
  border-radius: 8px;
  border: 8px solid #fff;
  background: #fff no-repeat center center;
  background-size: contain;
}

.report-landing-box .report-link.single-logo .report-logo {
  background: #ffffff url("_inc/img/police-logo.png") no-repeat center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.report-landing-box .report-link.single-logo .report-description {
  margin: 0 16px;
}

.report-landing-box .report-link.organisation .report-button {
  margin: 20px 0 0;
}

@media screen and (min-width: 1020px) {
  .report-landing-box .report-link.single-logo {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .report-landing-box .report-link.single-logo .report-logo {
    width: 100px;
    height: 90px;
    margin: 0 auto 20px;
    -webkit-box-flex: none;
    flex: none;
    border-radius: 8px;
    border: 8px solid #fff;
    background: #fff url("_inc/img/police-logo.png") no-repeat center center;
    background-size: auto auto;
    background-size: contain;
  }
  .report-landing-box .report-link.single-logo .report-description {
    text-align: left !important;
  }
}

@media screen and (min-width: 900px) {
  .report-landing-box .report-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .report-landing-box .report-link.single-logo {
    display: block;
  }
  .report-landing-box .report-link.single-logo .report-logo {
    width: 100px;
    height: 90px;
    margin: 0 auto 20px;
    -webkit-box-flex: none;
    flex: none;
    border-radius: 8px;
    border: 8px solid #fff;
    background: #fff url("_inc/img/police-logo.png") no-repeat center center;
    background-size: auto auto;
    background-size: contain;
  }
  .report-landing-box .report-link.single-logo .report-description {
    margin: 0 16px 16px;
    text-align: center;
    width: 100%;
  }
  .report-landing-box .report-link .report-description {
    width: calc(100% - 320px);
    text-align: left;
  }
  .report-landing-box .report-link.organisation .report-description {
    width: calc(100% - 290px);
  }
  .report-landing-box .report-link.organisation .report-button {
    margin: 0;
  }
  .report-landing-box .report-link .report-description p,
  .report-landing-box .report-logo {
    margin: 0;
  }
  .report-landing-box .report-link h3 {
    font-size: 24px;
    margin: 0;
  }
  .report-landing-box .more-info-link {
    margin: 10px 0 0;
  }
  .report-landing-box .report-link .report-button {
    -webkit-box-flex: none;
    flex: none;
  }
}

.not-sure-feature {
  background: #e5eff7;
}

.not-sure-feature .wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}

.not-sure-feature h2 {
  text-transform: none;
  margin-top: 0;
  font-size: 28px;
}

.not-sure-feature p {
  margin: 15px 0;
}

.not-sure-feature .wrapper:before {
  content: url("_inc/img/confused_businessman.svg");
  width: 65px;
  height: auto;
  float: left;
  margin: -17px 55px -21px 0;
}

@media screen and (max-width: 640px) {
  .not-sure-feature .wrapper:before {
    margin: 0 30px 0 0;
  }
}

.not-sure-feature .wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.not-sure-content {
  overflow: hidden;
}

/*---------------------------------------
TEACHING RESOURCES
------------------------------------ */
.teaching-landing .post-content {
  text-align: center;
  margin: 110px auto 80px;
}

.teaching-landing h1 {
  text-transform: none;
  font-size: 50px;
}

.teaching-landing-intro {
  display: inline-block;
  margin: 48px 0;
}

.teaching-landing-intro-content {
  display: inline-block;
  margin: 24px 24px;
}

.teaching-landing-intro-col-left {
  display: inline-block;
  padding-right: 48px;
  margin-bottom: 24px;
}

.teaching-landing-intro-col-left h1 {
  margin-bottom: 24px;
}

.teaching-landing-intro-col-left ul li {
  margin-bottom: 14px;
}

.teaching-landing-intro-col-right {
  display: inline-block;
}

@media (min-width: 480px) {
  .teaching-landing .post-content {
    max-width: 70%;
  }
  .teaching-landing-intro h1 {
    font-size: 48px;
    margin-bottom: 32px;
  }
  .teaching-landing-intro-content {
    display: inline-block;
    margin: 48px 48px;
  }
}

@media (min-width: 680px) {
  .teaching-landing-intro-col-left {
    display: inline-block;
    width: 50%;
  }
  .teaching-landing-intro-col-right {
    display: inline-block;
    float: right;
    width: 50%;
  }
}

@media (max-width: 680px) {
  .teaching-landing-intro {
    margin-top: 96px;
  }
  .teaching-landing .post-content {
    margin-top: 50px;
  }
  .teaching-landing-intro-col-left h1 {
    font-size: 40px !important;
  }
}

@media (min-width: 1020px) {
  .teaching-landing-intro {
    margin-top: 96px;
  }
}

.teaching-themes-section {
  background: #e5eff7 url("_inc/img/themes_bg.jpg") center center no-repeat;
  background-size: cover;
  text-align: center;
  padding: 50px 0;
  position: relative;
}

.teaching-themes-section h2 {
  text-transform: none;
  margin: 0;
  padding: 0 20px;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
}

.teaching-themes-listing {
  max-width: 960px;
  margin: 0 auto;
}

.teaching-theme-item {
  padding: 20px;
  display: inline-block;
  background: white;
  border-radius: 8px;
  width: 220px;
  height: 200px;
  vertical-align: top;
  margin: 10px;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.teaching-theme-item .icon {
  width: 87px;
  margin: 0 auto 16px;
  display: block;
}

.teaching-theme-item .icon img {
  vertical-align: top;
}

.teaching-theme-item .name {
  min-height: 65px;
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.teaching-themes-sidebar {
  max-width: 240px;
}

@media screen and (max-width: 680px) {
  .teaching-themes-sidebar {
    display: none;
  }
}

.teaching-themes-sidebar .teaching-theme-item {
  border: 1px solid #e1eaf2;
  width: 100%;
  height: auto;
  opacity: 0.6;
  color: #324452;
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  margin: 5px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.teaching-themes-sidebar .teaching-theme-item .icon {
  width: 63px;
  margin-bottom: 12px;
}

.teaching-themes-sidebar .teaching-theme-item .name {
  display: block;
  min-height: 0;
}

.teaching-themes-sidebar .teaching-theme-item.current,
.teaching-themes-sidebar .teaching-theme-item:hover {
  opacity: 1;
}

.teaching-themes-sidebar .teaching-theme-item:hover {
  border: 1px solid #0065b3;
}

.teaching-themes-section .teaching-theme-item:hover {
  box-shadow: 0 0 0 2px #0065b3;
}

.teaching-themes-mobile-nav {
  display: none;
}

@media (max-width: 680px) {
  .theme-header .suptitle,
  .theme-header h1 {
    display: none;
  }
  .teaching-themes-mobile-nav {
    display: block;
    margin: 35px 0 -40px;
  }
  .teaching-themes-mobile-nav .teaching-theme-item {
    width: 100%;
    height: auto;
    opacity: 0.9;
    color: #324452;
    font-size: 16px;
    text-align: left;
    padding: 5px 0;
    margin: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.2em;
  }
  .teaching-themes-mobile-nav .teaching-theme-item.current {
    border: 1px solid #e1eaf2;
    opacity: 1;
    font-size: 20px;
    padding: 10px;
    margin: 0 0 10px;
    text-transform: uppercase;
  }
  .teaching-themes-mobile-nav .teaching-theme-item .icon {
    width: 35px;
    margin: 0 12px 0 0;
    -webkit-box-flex: 0;
    flex: none;
    opacity: 0.5;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .teaching-themes-mobile-nav .teaching-theme-item.current .icon {
    width: 46px;
    opacity: 1;
  }
  .teaching-themes-mobile-nav .teaching-theme-item .name {
    display: block;
    min-height: 0;
    padding-top: 3px;
  }
  .teaching-themes-mobile-nav .teaching-theme-item.current,
  .teaching-themes-mobile-nav .teaching-theme-item:hover,
  .teaching-themes-mobile-nav .teaching-theme-item:hover .icon {
    opacity: 1;
  }
  .teaching-themes-mobile-nav .show,
  .teaching-themes-mobile-nav .hide {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1f90e7;
    display: inline-block;
  }
  .teaching-themes-mobile-nav .hide {
    display: none;
  }
  .teaching-themes-mobile-nav .show:after,
  .teaching-themes-mobile-nav .hide:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 17px;
    width: 17px;
    background: url(_inc/img/switch.svg) no-repeat center;
    background-size: 100%;
    margin: -2px 0 0 4px;
    vertical-align: top;
  }
  .teaching-themes-mobile-nav .hide:after {
    background-image: url(_inc/img/cross.svg);
    height: 13px;
    width: 13px;
    margin: 0 0 0 4px;
  }
  .teaching-themes-mobile-nav.expanded .show {
    display: none;
  }
  .teaching-themes-mobile-nav.expanded .hide {
    display: inline-block;
  }
  .teaching-themes-mobile-nav .other-themes {
    display: none;
    padding-bottom: 10px;
  }
}

.theme-header .icon {
  display: none;
}

.theme-header {
  margin: 40px 0;
}

.theme-header .download-button {
  margin: 3px 0;
}

.suptitle {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1em;
  font-weight: bold;
}

.suptitle + h1 {
  margin-top: 5px;
}

@media (min-width: 681px) {
  .theme-header {
    margin: 60px 0 50px;
    display: -webkit-box;
    display: flex;
  }
  .theme-header .icon {
    width: 21%;
    margin-right: 30px;
    display: block;
  }
  .theme-content {
    width: 70%;
  }
}

.single-teaching-themes h2,
.single-teaching-themes h3 {
  text-transform: none;
}

.year-narratives {
  border-bottom: 1px solid #e1eaf2;
  padding-bottom: 10px;
}

.year-narratives .tabs {
  margin: 15px 0 10px;
  color: #dadada;
}

.year-narratives .tab {
  font-size: 18px;
  color: #324452;
  display: inline-block;
  border-radius: 7px;
  padding: 3px 8px 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.year-narratives .tab:hover {
  background: #ddd;
}

.year-narratives .tab.active {
  background: #324452;
  color: #fff;
}

.year-narratives .year-description {
  display: none;
}

.year-narratives .year-description.active {
  display: block;
}

.theme-header,
.learning-intentions,
.teaching-lessons,
.theme-content-sections {
  margin: 60px 0 0;
}

.teaching-lessons h2 {
  margin: 7px 20px 10px 0;
}

.teaching-lessons .selector {
  margin-bottom: 8px;
}

@media (min-width: 400px) {
  .teaching-lessons h2 {
    float: left;
  }
  .teaching-lessons .selector {
    float: right;
  }
}

.lessons-listing {
  clear: both;
  margin: 8px 0;
}

.teacher-resource-list-item {
  display: block;
  padding: 10px 40px 6px 0;
  border-bottom: 1px solid #e1eaf2;
  background: url(_inc/img/arrow-right-grey.svg) no-repeat right 0.55em;
  background-size: 15px 15px;
  font-weight: bold;
  line-height: 1.1em;
  font-size: 16px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.teacher-resource-list-item:hover {
  color: #1f90e7;
  background-image: url(_inc/img/arrow-right-blue.svg);
}

.lessons-listing .teacher-resource-list-item {
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 8px;
  background-position: right 0.65em;
}

.lessons-listing .teacher-resource-list-item span {
  padding: 3px 5px 0;
}

.lessons-listing .teacher-resource-list-item.highlighted span {
  background: #7bd430;
  color: #fff;
}

.theme-content-section {
  margin: 0 0 6px;
}

.theme-content-section .section-title {
  padding: 15px 38px 12px 18px;
  border: 1px solid #e1eaf2;
  border-radius: 8px;
  line-height: 1.2em;
  position: relative;
  cursor: pointer;
}

.theme-content-section .section-title:after {
  content: "";
  width: 16px;
  height: 9px;
  position: absolute;
  right: 14px;
  top: 20px;
  background: url(_inc/img/expand-arrow-blue.svg) no-repeat;
  background-size: 16px 9px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.theme-content-section.expanded .section-title:after {
  content: "";
  width: 16px;
  height: 9px;
  position: absolute;
  right: 14px;
  top: 20px;
  background: url(_inc/img/expand-arrow-blue.svg) no-repeat;
  background-size: 16px 9px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.theme-content-section.expanded .section-title {
  border-radius: 8px 8px 0 0;
}

.theme-content-section .section-title h3 {
  font-size: 20px;
  margin: 0;
}

.theme-content-section .section-content {
  display: none;
  padding: 14px 18px 0;
  border: 1px solid #e1eaf2;
  border-top: none;
  border-radius: 0 0 8px 8px;
}

.back-nav {
  margin: 60px 0 18px;
}

.single-teaching-lessons .download-button {
  margin: 5px 0;
}

.teaching-categories {
  font-size: 15px;
  line-height: 1em;
  font-weight: bold;
  margin: 15px 0 20px;
}

.teaching-categories > div {
  margin: 5px 0;
}

.teaching-categories a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.teaching-categories a:hover {
  color: #1f90e7;
}

.lesson-related-resources {
  margin: 25px 0 0;
  border-top: 1px solid #e1eaf2;
  padding: 40px 0;
}

.lesson-related-resources h3 {
  text-transform: none;
  font-size: 16px;
  margin-top: 0;
}

@media (min-width: 681px) {
  .lesson-related-resources {
    width: 68.8%;
    float: right;
  }
}

.single-teaching-resources .feature-image img {
  vertical-align: top;
}

.resource-links {
  margin: 30px 0 15px;
}

.resource-links .button {
  margin: 0 5px 10px 0;
}

.video-link {
  display: block;
  position: relative;
}

.video-link span.play {
  width: 100px;
  height: 100px;
  background: #1f90e7;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

.video-link span.play:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22.5px 0 22.5px 40px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 50%;
  left: 56%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 920px) {
  .video-link span.play {
    width: 60px;
    height: 60px;
  }
  .video-link span.play:before {
    border-width: 12.5px 0 12.5px 20px;
  }
}

.video-link:hover span.play {
  background: #3f9ee7;
}

.theme-mobile-nav {
  display: inline-block;
  margin: 0 0 0 5px;
  vertical-align: top;
}

.theme-mobile-nav .selector {
  width: 180px !important;
}

@media (min-width: 680px) {
  .theme-mobile-nav {
    display: none;
  }
}

/* ------------------------------------
NEW SCHOOLS LANDING PAGE
------------------------------------ */
.page-template-page-schools-program header #logo {
  background-image: url(_inc/img/logo-wa-white.png);
}

#schools-header {
  background: #e5eff7 url("_inc/img/themes_bg.jpg") center center no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
  padding: 125px 0 150px;
  color: #fff;
  font-size: 20px;
}

#schools-header .wrapper {
  max-width: 720px;
}

#schools-header h1 {
  margin: 0 0 0.13em;
  font-size: 94px;
  text-transform: none;
  font-weight: normal;
  font-family: "Blocky Fill W00", sans-serif;
}

@media (max-width: 680px) {
  #schools-header {
    padding: 145px 0 100px;
    font-size: 17px;
  }
  #schools-header h1 {
    font-size: 52px;
    margin: 0 0 0.3em;
  }
}

@media (min-width: 520px) and (max-width: 680px) {
  #schools-header h1 {
    font-size: 10vw;
  }
}

@media (max-width: 405px) {
  #schools-header {
    padding: 100px 0;
  }
}

#schools-feature-area {
  background: #e5eff7;
  position: relative;
}

#schools-feature-area #main-features {
  top: -50px;
  margin-bottom: -85px;
  position: relative;
}

#schools-feature-area #main-features .home-feature {
  background: #135494;
  box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  color: #fff;
  font-size: 15px;
}

#schools-feature-area #main-features .home-feature a,
#schools-feature-area #main-features .home-feature a h2:hover {
  color: #fff;
}

#schools-feature-area #main-features .home-feature a h2 {
  line-height: 1.2em;
}

#schools-feature-area #main-features .home-feature .image {
  min-height: 200px;
  width: 100%;
  display: block;
  background: no-repeat center top;
  background-size: cover;
}

#schools-feature-area #main-features .home-feature .text {
  padding: 18px 25px 35px;
  text-align: center;
}

#schools-feature-area #main-features .home-feature .button {
  margin: 5px 0 0;
  background-color: #ee7925;
}

#schools-feature-area #main-features .home-feature .button:hover {
  background-color: #ee8b43;
}

@media (min-width: 580px) {
  #schools-feature-area #main-features {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: -60px;
  }
  #schools-feature-area #main-features .home-feature {
    width: calc(50% - 19px);
    -webkit-box-flex: 0;
    flex: none;
  }
}

@media (min-width: 960px) {
  #schools-feature-area #main-features .home-feature {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
  }
  #schools-feature-area #main-features .home-feature .image {
    width: 50%;
  }
  #schools-feature-area #main-features .home-feature .text {
    width: 50%;
  }
}

#schools-feature-area .teaching-themes-section {
  background: transparent;
  padding: 65px 0;
}

#schools-feature-area .teaching-themes-section h2 {
  position: static;
  font-weight: normal;
  -webkit-transform: none;
  transform: none;
}

#schools-feature-area .teaching-themes-listing {
  max-width: none;
  padding: 15px 0 25px;
  margin: 0 -10px;
}

#schools-feature-area .teaching-theme-item {
  width: 185px;
}

@media (max-width: 1111px) {
  #schools-feature-area .teaching-themes-listing {
    max-width: 830px;
    margin: 0 auto;
  }
  #schools-feature-area .teaching-theme-item {
    width: 220px;
  }
}

.page-template-page-schools-program #feature-boxes {
  margin: 0;
  padding: 65px 0;
  border: none;
}

.video-feature {
  background: url("_inc/img/pixel_bkgnd_mirrored.jpg") repeat center;
  padding: 40px 0;
  color: #fff;
}

.video-feature .video-description {
  margin: 0 0 30px;
}

.video-feature h2 {
  font-size: 26px;
  text-transform: none;
  line-height: 1.2em;
  margin: 0 0 12px;
}

.video-feature .video-link {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

.video-feature .video-link img {
  vertical-align: top;
  width: 100%;
}

@media (min-width: 680px) {
  .video-feature .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
  }
  .video-feature .video-description {
    width: 30%;
    margin-right: 4%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .video-feature h2 {
    font-size: 32px;
    width: 100%;
  }
  .video-feature .video-link {
    width: 66%;
  }
}

/* ------------------------------------
SUCCESS STORIES
------------------------------------ */
.single-success-stories #sidebar #page-subnav .page-item-6878 a {
  color: #889dae;
}

blockquote.story-quote {
  margin: 15px 0 20px;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
}

blockquote.story-quote p:first-of-type:before,
blockquote.story-quote p:last-of-type:after {
  position: relative;
  font-size: 20px;
  line-height: normal;
  top: 0;
  left: 0;
  margin: 0;
  font-weight: bold;
}

blockquote.story-quote .quote-author {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

blockquote.story-quote .quote-author:before {
  content: "- ";
}

blockquote.story-quote.large {
  font-size: 24px;
  font-weight: 500;
  margin: 25px 0 0;
}

blockquote.story-quote.large p:first-of-type:before,
blockquote.story-quote.large p:last-of-type:after {
  font-size: 24px;
}

blockquote.story-quote.large .quote-author {
  font-size: 16px;
}

.post-content blockquote.story-quote {
  margin: 30px 0;
}

.success-stories-listing {
  overflow: hidden;
  margin: 25px 0 60px;
}

.success-stories-listing .story-item {
  background: #e5eff7;
  border-radius: 15px;
  padding: 30px;
  margin: 30px 0 0;
  overflow: hidden;
}

.success-stories-listing .story-item .feature-image {
  margin: -30px -30px 30px;
  display: block;
}

.success-stories-listing .story-item .feature-image img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 0;
}

@media (min-width: 1024px) {
  .success-stories-listing .story-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
  }
  .success-stories-listing .story-item .story-content {
    width: 100%;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }
  .success-stories-listing .story-item .feature-image {
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin: 0;
    width: 330px;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-left: 20px;
  }
  .success-stories-listing .story-item .feature-image img {
    border-radius: 8px;
  }
}

.success-stories-listing .story-item h2 {
  text-transform: none;
  margin-top: 5px;
  font-size: 24px;
}

.success-stories-listing .small-button {
  margin: 10px 0 0;
}

.success-stories-listing .feature-story-item {
  padding: 0 0 30px;
  margin: 20px 0 0;
  border-bottom: 1px solid #e1eaf2;
}

.success-stories-listing .feature-story-item .suptitle {
  font-size: 16px;
  color: #889dae;
}

.success-stories-listing .feature-story-item h2 {
  font-size: 25px;
  text-transform: none;
  margin: 6px 0 8px;
}

.success-stories-listing .feature-story-item .feature-image {
  display: block;
  margin: 0 0 25px;
}

.success-stories-listing .feature-story-item .feature-image img {
  width: 100%;
  vertical-align: top;
}

.success-stories-listing .feature-story-item .small-button {
  margin: 3px 0 0;
}

@media (min-width: 1024px) {
  .success-stories-listing .feature-story-item .story-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
  }
  .success-stories-listing .feature-story-item .blog-content {
    width: 100%;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding-right: 40px;
  }
  .success-stories-listing .feature-story-item .story-quote {
    width: 340px;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
  }
  .success-stories-listing .feature-story-item h2 {
    font-size: 32px;
  }
}

.single-success-stories .short-description {
  font-size: 17px;
}

.download-pack-form {
  display: none;
}

.download-pack-form .gform_heading .gform_description {
  margin-bottom: 15px;
  display: block;
}

.download-pack-form form {
  margin-top: 0px;
}

/* who to contact */
.who-to-contact-main {
  clear: both;
  padding: 0 0 10px;
}

@media (min-width: 681px) {
  .who-to-contact-main {
    padding: 32px 0 10px;
  }
}

.who-to-contact-box {
  background: #e5eff7;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 10px;
  overflow: hidden;
}

.cs-police .who-to-contact-box {
  text-align: center;
}

.who-to-contact-box h2,
.who-to-contact-box h3 {
  text-transform: none;
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.2;
}

.who-to-contact-box h3 {
  font-size: 18px;
}

.who-to-contact-box p {
  line-height: 1.4;
}

@media (min-width: 681px) {
  .who-to-contact-box h2,
  .who-to-contact-box h3 {
    font-size: 32px;
    line-height: 1.1;
    margin: 0 0 10px;
  }
  .who-to-contact-box h3 {
    font-size: 24px;
  }
  .who-to-contact-box p {
    font-size: 17px;
  }
}

.who-to-contact-box p:last-child {
  margin-bottom: 0;
}

.who-to-contact-box.wtc-cs {
  background: #1e3547;
  color: #fff;
}

.who-to-contact-box .logo-link {
  display: inline-block;
  margin-top: 20px;
  background: #fff;
  padding: 16px 30px;
  border-radius: 8px;
}

.who-to-contact-box .logo-link img {
  vertical-align: top;
}

@media (min-width: 681px) {
  .who-to-contact-box.wtc-extra {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
  }
  .who-to-contact-box.wtc-extra .text {
    width: 100%;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }
  .who-to-contact-box.wtc-extra .logo-link {
    margin: 0 0 0 30px;
    -webkit-box-flex: 0;
    flex: none;
    width: 31%;
    text-align: center;
    align-self: flex-start;
  }
  .who-to-contact-main .cs-police {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin: 0 -5px;
  }
  .who-to-contact-main .cs-police .who-to-contact-box {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
    -webkit-box-flex: 0;
    flex: none;
  }
  .who-to-contact-main .cs-police .who-to-contact-box.wtc-cs {
    width: 100%;
    margin: 0 0 10px;
    -webkit-box-flex: 0;
    flex: none;
  }
}

@media (min-width: 1024px) {
  .who-to-contact-main .cs-police .who-to-contact-box {
    width: calc(25% - 10px);
    margin: 0 5px 10px;
    -webkit-box-flex: 0;
    flex: none;
    padding: 30px 20px;
  }
  .who-to-contact-main .cs-police .who-to-contact-box.wtc-cs {
    width: calc(50% - 10px);
    padding: 30px 25px;
    margin: 0 5px 10px;
    -webkit-box-flex: 0;
    flex: none;
  }
  .who-to-contact-box.wtc-cs h2 {
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
  }
}

.who-to-contact-box .cta {
  margin: 25px 0 0;
}

.who-to-contact-box .call {
  display: block;
  margin: 8px 0 2px;
}

.who-to-contact-box .phone-number {
  color: #1e3547;
  font-size: 36px;
  line-height: 1;
  white-space: nowrap;
  font-weight: 600;
}

.who-to-contact-box.wtc-cs .cta {
  margin: 17px -20px 0;
}

.who-to-contact-box.wtc-cs .button {
  font-size: 24px;
  padding: 27px 20px 23px;
  margin-right: 10px;
  vertical-align: middle;
}

.who-to-contact-box.wtc-cs .report-text {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.who-to-contact-box.wtc-cs .phone-number {
  color: #1f90e7;
}

@media (max-width: 520px) {
  .who-to-contact-box.wtc-cs .cta {
    margin: 18px -10px 0;
  }
  .who-to-contact-box.wtc-cs .report-text {
    display: block;
    text-align: center;
  }
  .who-to-contact-box.wtc-cs .button {
    padding: 27px 27px 23px;
    margin-right: 0;
  }
}

/* impact stats page */
.our-impact-hero .post-content {
  text-align: center;
  margin: 130px auto 70px;
}

.our-impact-hero h1 {
  text-transform: none;
  font-size: 64px;
}

.our-impact-hero p {
  font-size: 44px;
  margin-bottom: 15px;
}

.our-impact-hero .post-content:after {
  content: url(_inc/img/impact_arrow.svg);
  width: 35px;
  height: auto;
  display: block;
  margin: 15px auto;
}

@media (max-width: 680px) {
  .our-impact-hero h1 {
    font-size: 58px;
  }
  .our-impact-hero .post-content {
    margin: 75px 0 30px;
  }
  .our-impact-hero p {
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .our-impact-hero h1 {
    font-size: 46px;
  }
}

.page-template-page-our-impact .not-sure-feature {
  text-align: center;
}

.page-template-page-our-impact .not-sure-feature h2 {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.page-template-page-our-impact .not-sure-feature p {
  margin-top: 10px;
}

.page-template-page-our-impact .not-sure-feature .wrapper {
  padding-top: 38px;
  padding-bottom: 40px;
}

.page-template-page-our-impact .not-sure-feature .wrapper:before {
  display: none;
}

@media (max-width: 680px) {
  .page-template-page-our-impact .not-sure-feature h2 {
    font-size: 24px;
  }
}

.page-template-page-our-impact .impact-stats-panels .wrapper,
.page-template-page-our-impact .not-sure-feature .wrapper,
.page-template-page-our-impact #stories-panel .wrapper {
  max-width: 820px;
}

.page-template-page-our-impact #stories-panel {
  padding: 80px 0 100px;
}

.page-template-page-our-impact #stories-panel h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

.page-template-page-our-impact #stories-panel .story-quote {
  font-size: 26px;
}

@media (max-width: 680px) {
  .page-template-page-our-impact #stories-panel {
    padding: 40px 0 40px;
  }
  .page-template-page-our-impact #stories-panel h3 {
    font-size: 18px;
  }
  .page-template-page-our-impact #stories-panel .story-quote {
    font-size: 22px;
  }
}

.impact-stats-panels .impact-stats-panel {
  background-color: #27b8c4;
  padding: 100px 0;
  color: #fff;
}

.impact-stats-panels .impact-stats-panel:first-child {
  background-color: #574583;
}

.impact-stats-panels .impact-stats-panel:last-child {
  background-color: #1e7bba;
}

.impact-stats-panels .impact-stats-panel .impact-content {
  overflow: hidden;
}

.impact-stats-panels .right-side {
  padding-top: 30px;
}

.impact-stats-panels .right-side .post-content p {
  line-height: 1.4;
}

@media (min-width: 640px) {
  .impact-stats-panels .impact-stats-panel .impact-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .impact-stats-panels .left-side,
  .impact-stats-panels .right-side {
    width: calc(50% - 20px);
    -webkit-box-flex: 0;
    flex: none;
  }
}

.impact-stats-panels .impact-stats-panel .impact-date {
  text-transform: uppercase;
  font-size: 18px;
  opacity: 0.5;
  font-weight: bold;
  margin-bottom: 22px;
}

.impact-stats-panels .impact-stats-panel .large-number {
  font-size: 127px;
  line-height: 0.8;
  font-weight: bold;
}

.impact-stats-panels .impact-stats-panel .impact-subheading {
  font-size: 30px;
  line-height: 1.1;
}

@media (max-width: 820px) {
  .impact-stats-panels .impact-stats-panel .impact-date {
    margin-bottom: 13px;
  }
  .impact-stats-panels .impact-stats-panel .large-number {
    font-size: 90px;
  }
  .impact-stats-panels .impact-stats-panel .impact-subheading {
    font-size: 24px;
  }
  .impact-stats-panels .impact-stats-panel {
    padding: 65px 0 60px;
  }
}

.impact-stats-panel .report-persons {
  margin: 25px 0 0;
}

.impact-stats-panel .report-persons .report-person {
  width: 30px;
  height: 53px;
  background: #68cdd6;
  margin: 2px 4px 2px 0;
}

.impact-stats-panel .report-persons .report-person .bg {
  background: #fff;
}

.impact-stats-panel .report-persons .report-person:after {
  background-image: url("_inc/img/person-mask-green.svg");
}

@media (max-width: 860px) {
  .impact-stats-panel .report-persons .report-person {
    width: 24px;
    height: 42px;
    margin: 2px 1px 2px 0;
  }
  .impact-stats-panel .report-persons .report-person:after {
    background-image: url("_inc/img/person-mask-green-small.svg");
  }
}

/**
* sticky nav
*/
body > header .wrapper {
  padding-top: 47px;
  overflow: hidden;
}

#main-nav {
  position: fixed;
  top: 0;
  width: calc(100% - 64px);
  max-width: 1024px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 760px) {
  #main-nav {
    width: calc(100% - 32px);
  }
}

/* new facebook link */
.social-link .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: #0065b3 url(_inc/img/facebook.svg) no-repeat center/10px auto;
  margin-right: 2px;
  border-radius: 3px;
  vertical-align: top;
  position: relative;
  top: 1px;
}

.social-link {
  text-transform: uppercase;
  font-weight: bold;
}

.intro-social {
  margin: 30px 0;
}

.intro-social p {
  margin-bottom: 8px;
}

#main-nav #menu-main-navigation li.social-link > a,
#main-nav .mobile-nav .social-link {
  vertical-align: top;
  border: none;
  border-radius: 0;
  padding: 6px 0;
}

@media screen and (max-width: 1020px) {
  #main-nav #menu-main-navigation li.social-link {
    display: none;
  }
}

/* language switcher */
.language-dropdown {
  position: relative;
  z-index: 1;
}

.language-dropdown div.selector,
.language-dropdown div.selector span,
.language-dropdown div.selector select {
  background-color: #384c61;
  color: #fff;
  border-color: #384c61;
  font-weight: bold;
  font-size: 18px;
}

.language-dropdown div.selector span {
  background: #384c61 !important;
  padding-right: 30px;
  position: relative;
}

/*.report-cta-header .language-dropdown div.selector, .report-cta-header .language-dropdown div.selector span, .report-cta-header .language-dropdown div.selector select  {
    background-color: #2d3d4e;
    border-color: #2d3d4e;
}

.report-cta-header .language-dropdown div.selector span {
    background: #2d3d4e !important;
} */
.language-dropdown div.selector span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  background: url("_inc/img/arrow_down.svg") no-repeat center;
  background-size: 14px 10px;
}

.language-dropdown div.selector {
  width: auto !important;
}

#cs-report-form .language-dropdown {
  margin: 0 0 10px 10px;
  float: right;
}

.report-cta-header .language-dropdown {
  margin: 8px 0 0;
}

.crimestoppers-landing-box .language-dropdown {
  margin: 8px 0 18px;
}

@media (min-width: 840px) {
  .report-cta-header,
  .crimestoppers-landing-box {
    position: relative;
  }
  .report-cta-header h2,
  .crimestoppers-landing-box h2 {
    padding: 0 90px;
    max-width: 100%;
  }
  .report-cta-header .language-dropdown,
  .crimestoppers-landing-box .language-dropdown {
    position: absolute;
    left: 20px;
    top: 17px;
    margin: 0;
  }
  .crimestoppers-landing-box .language-dropdown {
    top: 20px;
  }
}

.ajax-langs {
  position: relative;
}

.ajax-langs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #051f30;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  visibility: hidden;
}

.ajax-langs.loading::before {
  opacity: 0.6;
  visibility: visible;
}

/* RTL */
*[dir="rtl"] {
  direction: rtl;
}

*[dir="rtl"] .gform_wrapper .gfield_radio li label,
*[dir="rtl"] .gform_wrapper .gfield_checkbox li label {
  padding: 0 25px 0 0;
}

*[dir="rtl"] .gform_wrapper #cs-report-form .gfield_radio.inline li label,
*[dir="rtl"] .gform_wrapper #cs-report-form .gfield_checkbox.inline li label {
  padding: 0 25px 0 35px;
}

*[dir="rtl"] div.radio,
*[dir="rtl"] div.checker {
  left: auto;
  right: 0;
  margin: 0px 0 4px 10px;
}

*[dir="rtl"] #cs-report-form .form-section-header h2 {
  float: right;
  padding: 0 37px 0 0;
}

*[dir="rtl"] #cs-report-form .form-section-header h2 .number {
  left: auto;
  right: 0;
}

@media screen and (min-width: 480px) {
  *[dir="rtl"] #cs-report-form .has-popup-description label {
    margin-right: 0px;
    margin-left: 10px;
  }
}

*[dir="rtl"] .collapsible-form-section .form-section-edit {
  float: left;
}

*[dir="rtl"] .remove-person-vehicle-item {
  right: auto;
  left: 15px;
}

*[dir="rtl"] #cs-report-form li.person-icon label {
  background-position: right top;
  padding-left: 0;
  padding-right: 22px;
}

*[dir="rtl"] .report-datepicker-field {
  margin-right: 0;
  margin-left: 30px;
}

*[dir="rtl"] .ui-datepicker-trigger {
  margin-left: 0;
  margin-right: 8px;
}

*[dir="rtl"] .report-time-fields input:nth-child(1) {
  margin-right: 0;
  margin-left: 10px;
}

*[dir="rtl"] .report-time-fields div.selector:nth-child(2) {
  margin-right: 0;
  margin-left: 20px;
}

*[dir="rtl"] #cs-report-form #service label,
#cs-report-form #program label {
  background-position: right top;
  margin-right: 25px;
  margin-left: 0;
}

.report-cta[dir="rtl"] {
  text-align: right;
}

.report-cta[dir="rtl"] ul.report-selection .report-title {
  padding: 0 0 0 30px;
}

.report-cta[dir="rtl"] ul.report-selection .expand-handle {
  left: 0;
  right: auto;
}

.report-cta[dir="rtl"] ul.report-selection li {
  padding: 0 28px 0 0;
}

*[dir="rtl"] a.whats-difference:before {
  margin-right: 0;
  margin-left: 8px;
}

@media screen and (min-width: 900px) {
  *[dir="rtl"] .report-landing-box .report-link .report-description {
    text-align: right;
  }
}

.report-disclaimer {
  background-color: #1caf97;
  padding: 25px 15px 20px;
  border-radius: 8px;
  color: white;
  text-align: center;
  margin: 25px 0;
  font-size: 16px;
}

@media (min-width: 760px) {
  .report-disclaimer {
    font-size: 18px;
    padding: 30px 30px 26px;
    margin: 28px 0;
  }
}

@media (min-width: 900px) {
  .report-disclaimer {
    font-size: 20px;
  }
}

.report-disclaimer h2 {
  margin: 0 0  10px;
}

.report-disclaimer p {
  margin: 0;
  line-height: 1.2;
}

/*# sourceMappingURL=style.css.map */