/* ==========================================================================
Imports
========================================================================== */
/* Stylesheets */
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
/*
Theme Name: Boilerplate
Theme URI: http://aarontgrogg.com/boilerplate/
Description: A merger created by Aaron T. Grogg (http://aarontgrogg.com/) of the HTML5 Boilerplate (http://html5boilerplate.com/) and the Starkers theme (http://starkerstheme.com/), Boilerplate: Starkers provides developers with an ideal, bleeding-edge, clean-start theme. Mark-up is minimal (thanks Elliott) and the most edge-case web technology is baked right in (thanks Paul, Divya and a large cast of supporting characters)! Boilerplate themes are designed to serve as a Parent theme to whatever Child (http://codex.wordpress.org/Child_Themes) you care to add, but you could just as easily use this as a starting point and alter the PHP as your design needs. More about this theme can be found at http://aarontgrogg.com/boilerplate/.
Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
Author URI: http://aarontgrogg.com/
Version: 4.4.1
Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
Comment blocks indicate where each begins and ends, like this, for example...
*/
/** START HTML5 Boilerplate CSS **/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
max-width: 100%;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
*overflow: visible;
/* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
/* 1 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*! main.css */
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
@font-face {
font-family: "Aller";
src: url("fonts/de4f9285-f030-4c70-8c0e-72deca181bc5.woff2") format("woff2"), url("fonts/870785b4-4940-4f9c-8508-460cf2f9b4c6.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Aller";
src: url("fonts/53fe10ba-a56a-40d6-9d99-127740f14f12.woff2") format("woff2"), url("fonts/7254c26d-2ba4-4c2b-b760-57a28a4fed04.woff") format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Aller";
src: url("fonts/31d867ad-7e88-484f-98d2-dd72b7082bb3.woff2") format("woff2"), url("fonts/a74aa7c5-eaab-4443-a2c4-63f66f8d968a.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Aller";
src: url("fonts/8ea35d62-cb7f-4e69-85da-1dc50156b82a.woff2") format("woff2"), url("fonts/890302e1-7247-442a-9578-9260450bd901.woff") format("woff");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Aller";
src: url("fonts/bef615a6-82bf-4142-aa8f-e3b79cd263c5.woff2") format("woff2"), url("fonts/627c596a-0c7c-462f-9e77-919a122b2b99.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Aller";
src: url("fonts/64be2512-3ef8-4a7c-baa0-d57544b4abf3.woff2") format("woff2"), url("fonts/8ae1e5e9-9540-4d7a-aed4-454c30e6f2cf.woff") format("woff");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/e898042a-5eb9-4810-b578-c3993ab58f0f.woff2") format("woff2"), url("fonts/cb9d4f02-d326-46b0-a857-930cce057f80.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/ce88a131-85cb-4a39-8dd1-3a4f5817b70c.woff2") format("woff2"), url("fonts/3ffc4ea2-8461-4897-a809-dbf92500372c.woff") format("woff");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/d9fe41ee-4904-4a11-ba11-b61cd3be767f.woff2") format("woff2"), url("fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/b47d2733-d2e6-452a-9134-77bcf65f9e7e.woff2") format("woff2"), url("fonts/0c4be1a2-8e16-48b4-a384-165fa5baffe3.woff") format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/64017d81-9430-4cba-8219-8f5cc28b923e.woff2") format("woff2"), url("fonts/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/129d49d6-5492-4ed1-96f7-0528c6d53abc.woff2") format("woff2"), url("fonts/9c69c878-2255-4027-8632-ed3635cddf45.woff") format("woff");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/ae47a7f5-89da-4879-b934-29722c3dd451.woff2") format("woff2"), url("fonts/70ae52ec-d89b-4c6a-9402-854ebe423c54.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/df119bf8-cb81-4373-9682-6054d9dd0770.woff2") format("woff2"), url("fonts/d2a02f92-9826-4117-ae36-8fcfd72ad46e.woff") format("woff");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/0d416408-95c6-4ad7-b08d-e60573d3b37d.woff2") format("woff2"), url("fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url("fonts/a6315c03-b55d-42b0-8ed6-79060867137d.woff2") format("woff2"), url("fonts/46d5674a-f287-4240-b87a-f207aeb83064.woff") format("woff");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Sosa";
src: url("fonts/sosa-regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Univers";
src: url("fonts/bf8f8741-5f64-4db9-a877-a44624092e68.woff2") format("woff2"), url("fonts/7ce02c2c-45d4-4dee-90f2-f8034e29ac24.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Univers";
src: url("fonts/3bdb4597-ff70-447c-8620-8836686bf840.woff2") format("woff2"), url("fonts/5599ac9f-d136-4277-aeee-f82aac5d527f.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('fonts/glyphicons-halflings-regular.woff') format('woff');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
html body {
padding-bottom: 0;
}
html body .media iframe {
display: none;
}
html body #content .content-center {
position: static;
}
html body #content .content-center .article-container .section-two-row {
margin-bottom: 10px;
}
html body #content .content-center .article-container .section-two-row .media-two,
html body #content .content-center .article-container .section-two-row .media-three {
width: 49%;
float: left;
}
html body #content .content-center .article-container .section-two-row .media-two {
margin-right: 2%;
}
html body #content .content-center .article-container .section-two-row .media-three {
margin: 0;
}
html body #content .content-center .article-container .section-three-col {
margin-bottom: 10px;
}
html body #content .content-center .article-container .section-three-col div {
width: 32.5%;
float: left;
margin-right: 0.75%;
}
html body .secondary-nav {
display: none;
}
html body #header {
height: auto;
}
html body #header .center-container .mobile-icons {
display: none;
}
html body .campaign-container {
float: none;
width: 100%;
position: static;
}
html body .campaign-container .section-one .content-brief {
margin-left: 0%;
width: 100%;
position: static;
border-bottom: 1px solid #b8b8b8;
margin-bottom: 20px;
}
html body .campaign-container .section-one .content {
float: none;
}
html body .campaign-container .section-two .campaign-slider {
display: block;
}
html body .campaign-container .section-two .campaign-slider li {
display: block;
}
html body a.button {
display: none;
}
html body #footer {
display: none;
}
.printonly {
display: block;
}
h5.printonly span {
float: left;
}
h5.printonly p {
font: 400 20px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
display: block;
float: left;
width: 520px;
margin: 0px 0px 20px;
}
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.media iframe {
display: none;
}
#content .content-center .article-container .section-two-row {
margin-bottom: 10px;
}
#content .content-center .article-container .section-two-row .media-two,
#content .content-center .article-container .section-two-row .media-three {
width: 49%;
float: left;
}
#content .content-center .article-container .section-two-row .media-two {
margin-right: 2%;
}
#content .content-center .article-container .section-two-row .media-three {
margin: 0;
}
#content .content-center .article-container .section-three-col {
margin-bottom: 10px;
}
#content .content-center .article-container .section-three-col div {
width: 32.5%;
float: left;
margin-right: 0.75%;
}
#header .center-container .mobile-icons {
display: none;
}
a.button {
display: none;
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
nav,
ul.panel,
.widget-panel,
.languages,
#breadcrumbs,
.case-brief h1.desktop,
.tools {
display: none !important;
}
.logo {
background-image: url("images/crimestoppers-logo-mobile.png") !important;
background-size: contain !important;
}
iframe {
display: none;
}
p:empty {
display: none;
}
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/*
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
select {
font-size: inherit;
height: 64px;
width: 100%;
font-size: 32px;
}
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 16px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
box-sizing: border-box;
width: 100%;
border: 1px solid #c5c5c5;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container.white {
background: none;
}
.chosen-container.white .chosen-single {
background: #fff;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single {
width: 100%;
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 64px;
border: 1px solid #c5c5c5;
background-color: #e6e6e6;
color: #585858;
text-decoration: none;
white-space: nowrap;
line-height: 64px;
font-weight: normal;
font-size: 15px;
text-transform: none;
font-family: inherit;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
background-clip: padding-box;
}
.chosen-container-single .chosen-single:hover {
color: #727272;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
font: 400 16px 'Proxima Nova', Arial, Helvetica, sans-serif;
line-height: inherit;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr :hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 40px;
height: 100%;
background-color: #e6e6e6;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 13px;
height: 8px;
position: absolute;
top: 29px;
left: 14px;
background-image: url(images/down-arrow.png);
background-size: 13px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 10px;
list-style: none;
line-height: 24px;
-webkit-touch-callout: none;
position: static;
border-bottom: 1px solid #ccc;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #c5c5c5;
background-image: linear-gradient(#c5c5c5 20%, #acacac 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 5px;
height: 15px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #e4e4e4;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #dfdfdf;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #acacac;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
background: #acacac;
}
.chosen-container-active .chosen-choices {
border: 1px solid #dfdfdf;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @end */
/* @group Retina compatibility */
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chosen-single abbr,
.chosen-single div b,
.chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
// background-image: url('chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
*/
/* @end */
.content-center {
position: relative;
}
.mobile {
display: block;
}
span.mobile {
display: inline;
}
.desktop {
display: none;
}
.modaloverlay {
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
display: none;
width: 100%;
height: 100%;
z-index: 8000;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s ease-out;
}
.modaloverlay.open {
display: block;
opacity: 1;
}
body,
html {
margin: 0;
width: 640px;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
h1 {
font: 700 48px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #363636;
}
h1 span {
font-weight: 400;
}
h2 {
font: 700 32px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #363636;
}
h2 span {
font-weight: 400;
}
h3 {
font: 700 32px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
color: #2971a3;
}
h4 {
font: 700 25px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #363636;
}
h4 span {
font-weight: 400;
}
h5 {
font: 400 20px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
color: #363636;
margin: 0;
}
h5 span {
font-weight: 700;
text-transform: uppercase;
}
h6 {
font: 700 16px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
h6 span {
font: 400 16px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
text-transform: none;
}
p {
font: 400 24px/1.2 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #323232;
}
p.warning,
p.emergency {
font-weight: 700;
color: #ce1125;
}
.sosa {
font-family: "Sosa";
}
li {
font: 400 24px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #363636;
}
hr {
height: 0;
background-color: #b8b8b8;
border-top: 1px solid #b8b8b8;
border-bottom: 0;
}
a {
color: #2971a3;
text-decoration: none;
font: 400 24px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
cursor: pointer;
}
a.twitter {
font-style: italic;
}
.monospace {
font-family: monospace;
}
/* Colours */
.green {
background-color: #7eb104;
}
.blue {
background-color: #2971a3;
}
.white {
background-color: #ffffff;
}
.red {
background-color: #ce1125;
}
.red-text {
color: #ce1125;
}
/* Button styles */
.button {
font: 700 24px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
line-height: 64px;
height: 64px;
padding: 0 130px;
color: #ffffff;
border-radius: 30px;
box-sizing: border-box;
display: inline-block;
text-transform: uppercase;
text-align: center;
border: 0;
cursor: pointer;
}
.fullwidth {
width: 100%;
}
.small {
height: 48px;
font-size: 20px;
line-height: 48px;
padding: 0 50px;
}
.small.logout {
height: 64px;
line-height: 64px;
font: 700 24px/64px 'Univers', Tahoma, Arial, Helvetica, sans-serif;
margin-top: 30px;
}
a.facebook {
background-color: #435f9f;
height: 32px;
line-height: 32px;
background-image: url("images/facebook-thumb.png");
background-repeat: no-repeat;
background-position: 24px;
padding: 0 16px 0 40px;
}
a.printbtn {
background-image: url("images/print-button.png");
background-repeat: no-repeat;
background-position: 36px;
background-size: 16px;
padding: 0 16px 0 66px;
text-align: left;
}
a.downloadbtn {
background-image: url("images/download-button.png");
background-repeat: no-repeat;
background-position: 40px;
background-size: 9px;
padding: 0 16px 0 66px;
text-align: left;
}
/* Icons */
i {
background-color: #e6e6e6;
background-repeat: no-repeat;
border-radius: 30px;
width: 48px;
height: 48px;
line-height: 48px;
border-top: solid 1px #afb0b2;
border-left: solid 1px #afb0b2;
border-right: solid 1px #afb0b2;
border-bottom: solid 1px #afb0b2;
display: inline-block;
text-align: center;
}
i.smallicon {
width: 32px;
height: 32px;
}
i.twitter {
background-image: url("images/twitter-icon.png");
background-position: 13px 16px;
background-size: 22px;
}
i.twitter.smallicon {
background-position: 8px 10px;
background-size: 16px;
}
i.leftarrow {
background-image: url("images/leftarrow-icon.png");
background-position: 18px 18px;
}
i.rightarrow {
background-image: url("images/rightarrow-icon.png");
background-position: 20px 18px;
}
i.info {
background-image: url("images/i-icon.png");
background-position: 20px 16px;
}
i.gridview {
background-image: url("images/grid-view.png");
}
i.listview {
background-image: url("images/list-view.png");
}
i.gridview,
i.listview {
background-position: 9px 10px;
}
i.gridview.active,
i.listview.active {
background-color: #2971a3;
background-position: 9px -24px;
border: 1px solid #1e5073;
}
.no-touch i.gridview.active:hover,
.no-touch i.listview.active:hover {
background-color: #1f557a;
border: 1px solid #1e5073;
}
i.gridview:hover,
i.listview:hover {
background-color: #8e8e8e;
background-position: 9px -24px;
border: 1px solid #646464;
}
i.share {
background-image: url("images/share-icon.png");
background-position: 15px 15px;
}
i.share.smallicon {
background-position: 7px 8px;
}
i.print {
background-image: url("images/print-icon.png");
background-position: 7px 8px;
}
i.download {
background-image: url("images/download-icon.png");
background-position: 11px 8px;
}
i.tel {
background-image: url("images/phone-icon.png");
background-position: 12px 13px;
background-size: 23px;
}
.hiding,
.row.hiding {
display: none;
}
/* Modernizr Events */
/* Touch */
.touch i:active {
cursor: pointer;
background-color: #2971a3;
border: 1px solid #1e5073;
}
.touch i.twitter:active {
background-position: 13px -17px;
}
.touch i.twitter.smallicon:active {
background-position: 8px -19px;
}
.touch i.leftarrow:active {
background-position: 18px -22px;
}
.touch i.rightarrow:active {
background-position: 20px -22px;
}
.touch i.info:active {
background-position: 20px -24px;
}
.touch i.gridview:active {
background-position: 9px -24px;
}
.touch i.listview:active {
background-position: 9px -24px;
}
.touch i.share.smallicon:active {
background-position: 7px -32px;
}
.touch i.tel:active {
background-position: 12px -29px;
}
.touch i.print:active {
background-position: 7px -32px;
}
.touch i.download:active {
background-position: 11px -32px;
}
.touch .green:active {
background-color: #729d20;
}
.touch .red:active {
background-color: #a50f1f;
}
.touch .blue:active {
background-color: #265c81;
}
.touch a.button.facebook.active {
background-color: #334878;
}
.touch .menu li a:active {
color: #2971a3;
background-color: #e6e6e6;
transition: all 0.3s ease-out;
}
.touch #header .mobile-nav .nav-container ul.top-nav li {
transition: all 0.3s ease-out;
}
.touch #header .mobile-nav .nav-container ul.top-nav li.back a:active {
background-color: #000000;
}
.touch #header .mobile-nav .nav-container ul.top-nav li.report-updates a:active {
background-color: #265c81;
}
.touch #header .mobile-nav .nav-container ul.top-nav li.search a:active {
background-color: #265c81;
}
.touch ul.mobilemenu li a:active {
background-color: #265c81;
}
.touch #footer .menu li a:active {
color: #ffffff;
background-color: #2971a3;
transition: all 0.3s ease-out;
}
.touch #footer ul.social-media li.facebook a:active {
background-position: 0 -50px;
}
.touch #footer ul.social-media li.twitter a:active {
background-position: 0 -50px;
}
.touch #footer ul.social-media li.youtube a:active {
background-position: 0 -50px;
}
.touch #header .mobile-icons li a:active {
background-color: #000000;
}
.touch #header .center-container .panel li a:active {
color: #2971a3;
}
.touch #content .donate-container .donation-panel .nav-tabs li a:active {
background-color: #000000;
color: #ffffff;
}
/* No Touch */
.no-touch i {
transition: background-color 0.3s ease-out, border 0.3s ease-out;
}
.no-touch i:hover {
cursor: pointer;
background-color: #2971a3;
border: 1px solid #1e5073;
}
.no-touch .green:hover {
background-color: #729d20;
}
.no-touch .green:active {
background-color: #729d20;
}
.no-touch .red:hover {
background-color: #a50f1f;
}
.no-touch .blue:hover {
background-color: #265c81;
}
.no-touch .blue:active {
background-color: #265c81;
}
.no-touch a.button.facebook:hover {
background-color: #334878;
}
.no-touch a.button.facebook:active {
background-color: #334878;
}
.no-touch .menu li a {
transition: all 0.3s ease-out;
}
.no-touch .menu li a:hover {
color: #2971a3;
background-color: #e6e6e6;
}
.no-touch #header .center-container .panel li a:hover {
color: #2971a3;
}
.no-touch #footer .menu li a:hover {
color: #ffffff;
background-color: #2971a3;
}
.no-touch i.twitter:hover {
background-position: 13px -17px;
}
.no-touch i.twitter.smallicon:hover {
background-position: 8px -14px;
}
.no-touch i.leftarrow:hover {
background-position: 18px -22px;
}
.no-touch i.rightarrow:hover {
background-position: 20px -22px;
}
.no-touch i.tel:hover {
background-position: 12px -29px;
}
.no-touch i.info:hover {
background-position: 20px -24px;
}
.no-touch i.gridview:hover {
background-position: 9px -24px;
}
.no-touch i.listview:hover {
background-position: 9px -24px;
}
.no-touch i.share.smallicon:hover {
background-position: 7px -32px;
}
.no-touch i.print:hover {
background-position: 7px -32px;
}
.no-touch i.download:hover {
background-position: 11px -32px;
}
.no-touch #content .donate-container .donation-panel .nav-tabs li a:hover {
background-color: #e6e6e6;
color: #2b2b2b;
}
/* Transitions */
.button {
transition: all 0.3s ease-out;
}
.nav-tabs li a {
transition: all 0.3s ease-out;
}
/* Forms */
input {
font: normal 16px/1.8 'Proxima Nova', Arial, Helvetica, sans-serif;
background-color: #e6e6e6;
box-sizing: border-box;
padding: 0 15px;
border: 1px solid #c5c5c5;
border-radius: 5px;
color: #585858;
font-size: 16px;
margin: 0;
display: block;
width: 100%;
transition: all 0.3s ease-out;
}
input:focus {
background-color: #f3f3f3;
}
/* Custom checkbox */
input[type="checkbox"] {
visibility: hidden;
position: absolute;
width: auto;
}
input[type="checkbox"] + label {
padding-left: 40px;
background-image: url("images/checkbox-mobile.png");
background-repeat: no-repeat;
height: 30px;
line-height: 30px;
margin: 0;
}
input[type="checkbox"]:checked + label {
background-position: 0 bottom;
}
/* Custom Radiobutton */
input[type="radio"] {
visibility: hidden;
position: absolute;
width: auto;
}
input[type="radio"] + label {
padding-left: 32px;
background-image: url("images/radio-button.png");
background-repeat: no-repeat;
height: 24px;
line-height: 26px;
margin: 0;
background-position: 0 -24px;
display: inline-block;
}
input[type="radio"]:checked + label {
background-position: 0 0;
}
textarea {
font: normal 24px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
background-color: #e6e6e6;
box-sizing: border-box;
padding: 15px;
border: 1px solid #c5c5c5;
border-radius: 5px;
color: #585858;
resize: none;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all 0.3s ease-out;
}
textarea:focus {
background-color: #f3f3f3;
}
input[type=text],
input[type=email],
input[type=search],
input[type=password] {
font: normal 24px 'Proxima Nova', Arial, Helvetica, sans-serif;
line-height: normal;
height: 66px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text]::-ms-clear,
input[type=email]::-ms-clear,
input[type=search]::-ms-clear,
input[type=password]::-ms-clear {
display: none;
}
label {
font: bold 24px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
display: inline-block;
margin-bottom: 10px;
box-sizing: border-box;
}
label a {
font: inherit;
}
/* Styling placeholder text */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #aaa;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #aaa;
}
input::placeholder,
textarea::placeholder {
color: #aaa;
}
input:focus,
textarea:focus {
outline: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: #ccc;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: #ccc;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: #ccc;
}
input:focus::placeholder,
textarea:focus::placeholder {
color: #ccc;
}
input.with-dollar-helper {
padding-left: 35px;
}
.dollar-helper {
color: #585858;
font: 400 24px/1 Proxima_Nova, Arial, Helvetica, sans-serif;
left: 16px;
line-height: 66px;
pointer-events: none;
position: absolute;
top: 0;
}
.invalid {
position: relative;
/* Invald input styling */
}
.invalid-message {
display: none;
}
.invalid input {
border-color: #ce1125;
color: #ce1125;
background-color: #ffffff;
}
.invalid .invalid-message {
margin-top: 13px;
background-color: #ce1125;
display: block;
font: 400 14px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
position: absolute;
right: 0;
top: 70px;
z-index: 9;
width: 245px;
padding: 10px;
text-align: center;
color: #ffffff;
border-radius: 5px;
}
.invalid .invalid-message span {
background-image: url("images/error-message.png");
background-repeat: no-repeat;
width: 23px;
height: 13px;
position: absolute;
top: -12px;
left: 50%;
margin-left: -12px;
}
.invalid label {
color: #ce1125;
}
.invalid a {
color: #f15465;
}
.invalid-item label {
color: #ce1125;
}
/* Input width */
.row {
width: 100%;
margin-bottom: 15px;
box-sizing: border-box;
display: inline-block;
float: left;
}
.row .element {
float: left;
width: 100%;
position: relative;
}
.row .element.last {
margin-right: 0;
}
.row .element-two {
float: left;
width: 49%;
margin-right: 2%;
position: relative;
}
.row .element-two.last {
margin-right: 0;
}
.row .element-three {
float: left;
width: 32%;
margin-right: 2%;
}
.row .element-three.last {
margin-right: 0;
}
.row i.clear-field {
background-image: url("images/clear-field.png");
background-repeat: no-repeat;
height: 24px;
width: 24px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -12px;
border: 0;
}
.row i.question-icon {
background-image: url("images/question-icon.png");
background-repeat: no-repeat;
height: 21px;
width: 21px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
border: 0;
}
.row span.per {
float: left;
margin-right: 2%;
font: 700 24px/66px 'Proxima Nova', Arial, Helvetica, sans-serif;
}
/* Custom Selects */
.select-skinned {
font-size: 12px;
font-family: Arial;
position: relative;
}
.select-skinned-cont {
text-align: left;
margin-right: 34px;
font: 400 24px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
line-height: 64px;
height: 64px;
box-sizing: border-box;
padding: 0 15px;
}
.select-skinned-text {
background-image: url("images/down-arrow.png");
background-size: 13px;
border-radius: 5px;
background-color: #e6e6e6;
color: #585858;
background-repeat: no-repeat;
background-position: 96% 50%;
border: 1px solid #c5c5c5;
width: auto;
cursor: pointer;
}
.select-skinned ul {
list-style: none;
margin: 0;
padding: 0;
cursor: pointer;
z-index: 1000;
position: absolute;
background: #fff;
color: #666;
font-size: 12px;
border: 1px solid #c5c5c5;
width: 100%;
box-sizing: border-box;
}
.select-skinned ul li {
text-align: left;
font: 400 24px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
position: relative;
white-space: nowrap;
line-height: 1.6;
height: 64px;
box-sizing: border-box;
padding: 15px;
border-bottom: 1px solid #c5c5c5;
}
.select-skinned ul li.hover {
background: #f0f0f0;
}
ul.mobilemenu .select-skinned ul li {
position: relative;
}
body.home #breadcrumbs {
display: none;
}
/* ==========================================================================
MOBILE STYLES
========================================================================== */
body {
background-color: #ffffff;
background-image: url("images/mobile-bg-gradient.png");
background-position: left top;
background-repeat: repeat-x;
}
/* Breadcrumbs */
#breadcrumbs {
display: none;
}
/* Mobile Menu */
ul.mobilemenu {
list-style-type: none;
margin: 0;
padding: 0;
border-top: 1px solid #b8b8b8;
height: 48px;
position: relative;
margin-bottom: 35px;
}
ul.mobilemenu li {
position: absolute;
}
ul.mobilemenu li.selected {
z-index: 9;
}
ul.mobilemenu li.search-tab {
left: 0;
}
ul.mobilemenu li.search-tab .filter {
display: none;
}
ul.mobilemenu li.sort-tab {
left: 125px;
}
ul.mobilemenu li a {
font: 700 20px/48px 'Univers', Tahoma, Arial, Helvetica, sans-serif;
height: 48px;
box-sizing: border-box;
color: #ffffff;
text-transform: uppercase;
background-color: #2971a3;
display: inline-block;
padding: 0 25px;
border-radius: 0 0 5px 5px;
}
#header {
padding: 11px;
background-color: #ffffff;
height: 52px;
margin-bottom: 102px;
box-sizing: border-box;
position: relative;
}
#header .center-container {
position: relative;
}
#header .center-container .logo {
float: left;
background-image: url("images/crimestoppers-logo-mobile.png");
background-repeat: no-repeat;
background-size: 163px;
width: 163px;
height: 130px;
text-indent: -9999px;
overflow: hidden;
margin: 0;
position: absolute;
z-index: 999;
left: 0;
}
#header .center-container h5 {
font-size: 20px;
position: absolute;
left: 180px;
margin-top: 5px;
font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
}
#header .center-container h5 span {
font-size: 22px;
}
#header .center-container .search.desktop {
position: relative;
}
#header .center-container .search.desktop input[type=search] {
height: 17px;
line-height: 17px;
border: 0;
background: transparent;
padding-left: 0;
}
#header .center-container .search.desktop .clear-field {
background-image: url("images/clear-field.png");
background-color: transparent;
background-repeat: no-repeat;
height: 24px;
width: 24px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -12px;
border: 0;
}
#header .center-container .search.desktop .element {
display: none;
}
#header .center-container .languages {
position: absolute;
right: 320px;
bottom: -45px;
}
#header .center-container .languages ul {
padding: 0;
}
#header .center-container .languages a.plus {
position: relative;
margin-top: 8px;
height: 13px;
width: 13px;
display: inline-block;
}
#header .center-container .languages a.plus hr {
transition: all 0.2s ease-out;
height: 0;
border: 0;
border-top: 2px solid #000000;
margin: 0;
width: 12px;
position: absolute;
left: 50%;
margin-left: -6px;
top: 6px;
}
#header .center-container .languages a.plus hr.vertical {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#header .center-container .languages a.plus.horizontal {
top: 50%;
}
#header .center-container .languages a.plus.open .vertical {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
border-color: #ce1125;
}
#header .center-container .languages a.plus.open .horizontal {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
border-color: #ce1125;
}
#header .center-container .languages div.languagesexpanded {
display: none;
box-sizing: border-box;
padding: 20px 30px;
position: absolute;
top: 28px;
background-color: #ffffff;
right: -312px;
width: 625px;
z-index: 9999;
/* height:600px; */
overflow-y: visible;
}
#header .center-container .languages div.languagesexpanded ul li {
float: left;
margin: 10px 50px 10px 0;
}
#header .center-container .languages div.languagesexpanded ul li:nth-child(3n) {
margin-right: 0;
}
#header .center-container .languages div.languagesexpanded ul li.pressed {
background: #e6e6e6;
outline: 1px solid #c4c4c4;
}
#header .center-container .languages div.languagesexpanded ul li img {
margin-bottom: 10px;
width: 155px;
display: block;
border: 1px solid #ccc;
box-sizing: border-box;
}
#header .center-container .languages div.languagesexpanded ul li span {
display: block;
text-align: center;
}
#header .center-container .languages div.languagesexpanded ul li a {
color: #000000;
}
#header .center-container .languages div.languagesexpanded .language-selected {
border-top: 1px solid #c4c4c4;
width: 100%;
padding: 35px 0;
margin-top: 20px;
display: none;
}
#header .center-container .languages div.languagesexpanded .language-selected.open {
display: inline-block;
}
#header .center-container .languages div.languagesexpanded .language-selected .content {
display: inline-block;
margin-left: 10px;
width: 410px;
}
#header .center-container .languages div.languagesexpanded .language-selected .content h2 {
margin-top: 0;
margin-bottom: 9px;
}
#header .center-container .languages div.languagesexpanded .language-selected .content .jp-audio {
width: 350px;
}
#header .center-container .languages div.languagesexpanded .language-selected img {
border: 1px solid #ccc;
vertical-align: top;
}
#header .center-container .languages ul {
float: left;
margin: 0;
}
#header .center-container .languages ul li {
float: left;
margin-right: 10px;
}
#header .center-container .languages.open {
background-color: #ffffff;
padding: 10px;
bottom: -55px;
right: 310px;
z-index: 9999;
}
#header .center-container .languages.open div.languagesexpanded {
display: block;
top: 49px;
}
#header .center-container ul {
list-style-type: none;
}
#header .center-container .mobile-icons {
position: absolute;
right: 0;
top: 41px;
margin: 0;
}
#header .center-container .mobile-icons li {
float: left;
}
#header .center-container .mobile-icons li a {
background-color: #383838;
border-radius: 0 0 10px 10px;
box-sizing: border-box;
width: 68px;
height: 64px;
display: inline-block;
}
#header .center-container .mobile-icons .menu {
margin-left: 10px;
}
#header .center-container .mobile-icons .menu a {
padding: 18px 15px;
}
#header .center-container .mobile-icons .phone a {
padding: 18px;
}
#header .center-container ul.panel {
display: inline-block;
}
#header .mobile-nav {
position: fixed;
height: 100%;
top: 0;
left: 100%;
width: 640px;
background-color: #ffffff;
transition: all 0.2s ease-out;
z-index: 9999;
}
#header .mobile-nav .nav-container {
margin-top: 52px;
background-color: #cecece;
display: block;
box-sizing: border-box;
padding: 0 11px 30px;
height: 100%;
}
#header .mobile-nav .nav-container ul.top-nav {
list-style-type: none;
margin: 0;
padding: 0;
height: 65px;
margin-bottom: 30px;
position: relative;
}
#header .mobile-nav .nav-container ul.top-nav li {
display: inline-block;
position: absolute;
}
#header .mobile-nav .nav-container ul.top-nav li a {
display: inline-block;
height: 62px;
padding: 0 30px;
text-align: center;
box-sizing: border-box;
float: right;
color: #ffffff;
}
#header .mobile-nav .nav-container ul.top-nav li a.tab {
background-color: #2971a3;
border-radius: 0 0 10px 10px;
font: normal 24px/62px 'Proxima Nova', Arial, Helvetica, sans-serif;
}
#header .mobile-nav .nav-container ul.top-nav li.back a {
background-color: #383838;
width: 69px;
padding: 0 15px;
border-radius: 0 0 10px 10px;
line-height: 62px;
}
#header .mobile-nav .nav-container ul.top-nav li.back a img {
width: 28px;
}
#header .mobile-nav .nav-container ul.top-nav li.search {
right: 0;
}
#header .mobile-nav .nav-container ul.top-nav li.search form {
position: relative;
}
#header .mobile-nav .nav-container ul.top-nav li.search form .clear-field {
display: none !important;
}
#header .mobile-nav .nav-container ul.top-nav li.search.selected {
z-index: 9;
}
#header .mobile-nav .nav-container ul.top-nav li.search .search-panel {
display: none;
padding: 25px;
box-sizing: border-box;
background-color: #2971a3;
border-radius: 0 0 0 10px;
width: 530px;
}
#header .mobile-nav .nav-container ul.top-nav li.search .search-panel a {
position: absolute;
bottom: 7px;
right: 7px;
height: 52px;
line-height: 52px;
}
#header .mobile-nav .nav-container ul.top-nav li.report-updates {
right: 144px;
}
#header .mobile-nav .nav-container ul.top-nav li.report-updates.selected {
z-index: 9;
}
#header .mobile-nav .nav-container ul.top-nav li.report-updates .report-updates-panel {
display: none;
padding: 25px;
box-sizing: border-box;
background-color: #2971a3;
border-radius: 0 0 0 10px;
}
#header .mobile-nav .nav-container ul.top-nav li.report-updates .report-updates-panel .reference-wrapper {
position: relative;
}
#header .mobile-nav .nav-container ul.top-nav li.report-updates .report-updates-panel .reference-wrapper .login {
position: absolute;
bottom: 7px;
right: 7px;
height: 52px;
line-height: 52px;
padding: 0 30px;
}
#header .mobile-nav .nav-container ul.top-nav li.report-updates .report-updates-panel p {
color: #ffffff;
margin-top: 0;
}
#header .mobile-nav .nav-container nav.primary-nav {
box-sizing: border-box;
width: 100%;
background-color: #ffffff;
margin: 30px 0;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul {
margin: 0;
padding: 0;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li {
border-bottom: 1px solid #d9dadb;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li hr,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li hr {
display: none;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.parent,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.parent,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.menu-item-has-children,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.menu-item-has-children {
position: relative;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.parent > a hr,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.parent > a hr,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.menu-item-has-children > a hr,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.menu-item-has-children > a hr {
transition: all 0.2s ease-out;
height: 0;
border: 0;
border-top: 2px solid #000000;
margin: 0;
width: 14px;
position: absolute;
left: 584px;
top: 31px;
display: block;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.parent > a hr.vertical,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.parent > a hr.vertical,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.menu-item-has-children > a hr.vertical,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.menu-item-has-children > a hr.vertical {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.parent > a.expanded hr.vertical,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.parent > a.expanded hr.vertical,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.menu-item-has-children > a.expanded hr.vertical,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.menu-item-has-children > a.expanded hr.vertical {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.parent:nth-child(even),
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.parent:nth-child(even),
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li.menu-item-has-children:nth-child(even),
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li.menu-item-has-children:nth-child(even) {
background-color: #f0f0f0;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li a,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li a {
box-sizing: border-box;
text-transform: uppercase;
font-family: 'Univers', Tahoma, Arial, Helvetica, sans-serif;
display: inline-block;
padding: 20px;
color: #000000;
width: 100%;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-nav,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-nav,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-menu,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-menu {
padding: 0;
margin: 0;
display: none;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-nav > :first-child,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-nav > :first-child,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-menu > :first-child,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-menu > :first-child {
border-top: 1px solid #d9dadb;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-nav :last-child,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-nav :last-child,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-menu :last-child,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-menu :last-child {
border: 0;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-nav li,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-nav li,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-menu li,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-menu li {
background: url("images/bracket-right.png") no-repeat right 25px;
background-size: 11px;
width: 578px;
margin: 0 auto;
}
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-nav li a,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-nav li a,
#header .mobile-nav .nav-container nav.primary-nav ul.main-nav li ul.sub-menu li a,
#header .mobile-nav .nav-container nav.primary-nav div.main-nav > ul li ul.sub-menu li a {
text-transform: none;
color: #000000;
width: 100%;
padding: 20px 0;
}
#header .mobile-nav .nav-container ul.secondary-nav {
border: 0;
padding: 0;
text-align: center;
}
#header .mobile-nav .nav-container ul.secondary-nav li {
border-right: 3px solid #c1c2c3;
display: inline-block;
padding: 0 15px;
}
#header .mobile-nav .nav-container ul.secondary-nav li:last-child {
border: 0;
margin-right: 0;
}
#header .mobile-nav .nav-container ul.secondary-nav li a {
font-size: 20px;
line-height: 20px;
color: #383838;
}
#header .mobile-nav.open {
left: 0;
}
#content {
max-width: 768px;
margin: 0 11px;
text-align: left;
}
#content .background-image {
display: none;
}
#content .bx-wrapper ul {
padding: 0;
}
#content .bx-wrapper ul iframe {
width: 100%;
max-height: 100%;
}
#content .bx-wrapper ul .tweet iframe {
padding: 0 !important;
margin: 0 0 20px !important;
box-shadow: none !important;
border: 0 !important;
position: relative !important;
top: -16px;
}
#content .report-crime-info {
border: 1px solid #b4b5b7;
background-color: #ffffff;
box-sizing: border-box;
padding: 15px;
text-align: center;
position: relative;
}
#content .report-crime-info .vertical-divide {
width: 100%;
border-top: 1px solid #afb0b2;
position: relative;
}
#content .report-crime-info .vertical-divide span {
font: normal 18px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
position: absolute;
left: 32%;
top: -8px;
padding: 0 0.5em;
color: #6c6c6c;
background-color: #ffffff;
}
#content .report-crime-info i.info {
position: absolute;
bottom: -25px;
left: 46%;
}
#content .report-crime-info .select-skinned {
margin-bottom: 20px;
}
#content .current-focus-container {
margin: 50px 0 30px 0;
text-align: center;
}
#content .current-focus-container h1 {
font-size: 48px;
margin: 0 0 22px 0;
}
#content .current-focus-container h5 {
font: normal 18px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
#content .focus-slide-panel {
background-color: #e6e6e6;
text-align: center;
border: 1px solid #b4b5b7;
box-sizing: border-box;
padding: 14px 14px 60px;
}
#content .focus-slide-panel .bx-wrapper li {
height: 265px;
}
#content .focus-slide-panel .bx-wrapper li .button {
position: relative;
bottom: 32px;
}
#content .focus-slide-panel .bx-wrapper .bx-pager {
bottom: -40px;
}
#content .focus-slide-panel .bx-wrapper .bx-controls-direction {
position: absolute;
bottom: -47px;
width: 100%;
}
#content .donate-container {
margin-top: 38px;
margin-bottom: 42px;
text-align: center;
}
#content .donate-container h1 {
font-size: 40px;
text-transform: none;
margin: 0 auto 25px;
width: 480px;
}
#content .donate-container h4 {
font: 400 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
font-style: italic;
text-transform: none;
margin: 0 auto 30px;
width: 480px;
}
#content .partners-slide-panel {
background-color: #e6e6e6;
border: 1px solid #b4b5b7;
box-sizing: border-box;
padding: 14px;
}
#content .partners-slide-panel .partners-mobile-slider .mobile-partner-logo {
min-height: 100px;
padding: 20px;
box-sizing: border-box;
}
#content .partners-slide-panel .partners-mobile-slider .mobile-partner-logo img {
height: 92px;
width: auto;
}
#content .partners-slide-panel .bx-wrapper {
margin: 0;
border: 1px solid #b4b5b7;
}
#content .partners-slide-panel .bx-wrapper .bx-pager {
bottom: 25px;
}
#content .partners-slide-panel .bx-wrapper .bx-controls-direction {
position: absolute;
width: 100%;
bottom: 18px;
}
#content .partners-slide-panel .bx-wrapper li {
background-color: #ffffff;
padding: 30px 0;
}
#content .news-panel {
margin-top: 50px;
position: relative;
}
#content .news-panel h1 {
margin: 0;
text-align: center;
}
#content .news-panel h4 {
margin-top: 0;
}
#content .news-panel hr {
margin-bottom: 20px;
}
#content .news-panel .bx-wrapper {
padding-left: 60px;
}
#content .news-panel .bx-wrapper a.bx-next {
right: -7.5%;
}
#content .news-panel ul.twitter-feed {
list-style-type: none;
padding: 0;
text-align: center;
display: inline-block;
}
#content .news-panel ul.twitter-feed li.tweet {
width: 100%;
display: inline-block;
}
#content .news-panel ul.twitter-feed li.tweet blockquote.twitter-tweet {
display: inline-block;
font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 16px;
border-color: #eee #ddd #bbb;
border-radius: 5px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
margin: 10px 5px;
padding: 0 16px 16px 16px;
max-width: 468px;
}
#content .news-panel ul.twitter-feed li.tweet blockquote.twitter-tweet p {
font-size: 16px;
font-weight: normal;
line-height: 20px;
}
#content .news-panel ul.twitter-feed li.tweet blockquote.twitter-tweet a {
color: inherit;
font-weight: normal;
text-decoration: none;
outline: 0 none;
}
#content .news-panel ul.twitter-feed li.tweet blockquote.twitter-tweet a:hover,
#content .news-panel ul.twitter-feed li.tweet blockquote.twitter-tweet a:focus {
text-decoration: underline;
}
#content .news-panel .twitter-options {
list-style-type: none;
padding: 0;
}
#content .news-panel .twitter-options li {
display: inline-block;
color: #2b72a4;
}
#content .news-panel .twitter-options li.divider {
margin: 0 8px;
}
#content .news-panel .button {
position: relative;
bottom: -32px;
z-index: 9;
left: 50%;
margin-left: -195px;
width: 390px;
}
#content p iframe {
width: 100%;
}
#content .content-section:before,
#content .content-section:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#content .content-section:after {
clear: both;
}
#content .content-section h2 {
font-size: 48px;
margin: .5em 0 .25em;
}
#content .content-section h2.primarily-normal {
font-weight: normal;
letter-spacing: -0.025em;
}
#content .content-section h2.primarily-normal strong {
font-weight: bold;
}
#content .content-section .info-block h2 {
border-bottom: 1px solid #c7c8c9;
padding: 0 0 10px;
}
#content .content-section .info-block .red-text {
font-weight: bold;
}
#content .content-section .button {
background-color: #00828c;
padding: 0 35px;
height: auto;
line-height: 2.75;
}
#content .content-section .news-items {
list-style-type: none;
padding: 0;
}
#content .content-section .news-items li {
margin: 11px 0;
}
#content .content-section .news-items li .table {
display: table;
width: 100%;
height: 374px;
background-color: rgba(0, 0, 0, 0.6);
background-blend-mode: darken;
background-size: cover;
background-position: center center;
}
.no-backgroundblendmode #content .content-section .news-items li .table {
background-color: transparent;
}
#content .content-section .news-items li .table .table-cell {
display: table-cell;
vertical-align: middle;
height: 374px;
width: 100%;
text-align: center;
}
.no-backgroundblendmode #content .content-section .news-items li .table .table-cell {
background-color: rgba(0, 0, 0, 0.6);
}
#content .content-section .news-items li .table .table-cell p {
font-family: 'Univers', Tahoma, Arial, Helvetica, sans-serif;
font-size: 46px;
padding: 0 10%;
font-weight: bold;
color: #fff;
}
#content .content-section .news-items li .table .table-cell .button {
line-height: 2;
}
#content .top-panel {
height: 400px;
position: relative;
}
#content .top-panel .background-image {
display: block;
height: 400px;
background-size: cover;
background-position: center center;
margin: 0 -11px;
}
#content .top-panel .top-panel-wrapper .speech-bubble {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#content .top-panel .top-panel-wrapper .speech-bubble .text {
background: #e84a37;
}
#content .top-panel .top-panel-wrapper .speech-bubble .text h1 {
color: #fff;
margin: 0;
font-size: 66px;
text-transform: none;
line-height: 1;
padding: 28px 33px;
letter-spacing: -0.03em;
font-weight: 400;
}
#content .top-panel .top-panel-wrapper .speech-bubble .tail {
border-right: 35px solid transparent;
border-top: 35px solid #e84a37;
width: 0;
margin-left: 73px;
-webkit-transform: translateY(-0.5px);
transform: translateY(-0.5px);
}
#content .top-panel .top-panel-wrapper > .info-block {
width: 50%;
background: #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 25px 20px;
max-width: 465px;
box-sizing: border-box;
outline: 2px solid rgba(0, 0, 0, 0.25);
left: 1px;
}
#content .top-panel .top-panel-wrapper > .info-block h2 {
margin-top: 0;
}
#content .top-panel .top-panel-wrapper > .info-block .button {
background-color: #00828c;
padding: 0 35px;
height: auto;
line-height: 2.75;
}
#content .sponsors-section {
margin: 40px 0;
}
#content .sponsors-section h2 {
font-size: 48px;
text-align: center;
}
body.page-report-a-crime #map {
height: 800px;
width: 600px;
}
body.page-report-a-crime #map .gm-style-iw h4 {
margin: 0.25em 0 1em;
}
body.page-report-a-crime #map .gm-style-iw button {
margin-bottom: 0.25em;
}
body.page-report-a-crime #map .gm-style-iw button:focus {
outline: none;
}
#footer {
background-color: #383838;
position: relative;
}
#footer .footer-container {
padding: 20px 25px;
}
#footer p {
color: #fff;
}
#footer p.disclaimer {
font-size: 12px;
max-width: 330px;
}
#footer .menu-footer-menu-container ul.menu,
#footer .menu-footer-menu-container div.menu > ul {
padding: 0;
margin: 0;
}
#footer .menu-footer-menu-container ul.menu > li,
#footer .menu-footer-menu-container div.menu > ul > li {
display: inline-block;
}
#footer .menu-footer-menu-container ul.menu > li > a,
#footer .menu-footer-menu-container div.menu > ul > li > a {
font-family: 'Univers', Tahoma, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
text-transform: uppercase;
}
#footer .footer-logo {
position: absolute;
top: -13px;
right: 40px;
}
#footer .footer-logo img {
height: 102px;
width: auto;
}
#footer ul.social-media {
list-style-type: none;
padding: 0;
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
margin: -17px 0 0;
}
#footer ul.social-media li a {
overflow: hidden;
display: inline-block;
background-repeat: no-repeat;
text-indent: -9999px;
vertical-align: middle;
margin: 0 30px;
}
#footer ul.social-media li.facebook {
display: inline-block;
}
#footer ul.social-media li.facebook a {
background-image: url("images/facebook-mobile-icon.png");
width: 16px;
height: 27px;
}
#footer ul.social-media li.youtube {
display: inline-block;
}
#footer ul.social-media li.youtube a {
background-image: url("images/youtube-mobile-icon.png");
width: 70px;
height: 27px;
}
#footer ul.social-media li.twitter {
display: inline-block;
}
#footer ul.social-media li.twitter a {
background-image: url("images/twitter-icon.png");
width: 44px;
height: 32px;
}
/* Reusable Widgets */
/* Download app */
.download-the-app-container {
padding: 11px;
border: 1px solid #b8b8b8;
background-color: #e6e6e6;
}
.download-the-app-container .download-the-app {
background-image: url("images/download-app-wide-image.jpg");
background-repeat: no-repeat;
padding: 25px 15px;
box-sizing: border-box;
}
.download-the-app-container .download-the-app p {
color: #ffffff;
font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
margin: 0;
}
.download-the-app-container .download-the-app h2 {
color: #ffffff;
margin: 12px 0;
}
.download-the-app-container .download-the-app a.small {
padding: 0 50px;
}
/* Unsolved Cases */
.widget-panel .filter {
background-color: #2e72a1;
box-sizing: border-box;
padding: 10px;
border-radius: 0 0 5px 0;
}
.widget-panel .filter .row label {
color: #ffffff;
margin-bottom: 10px;
text-align: left;
width: 100%;
display: block;
}
.widget-panel .filter .row .element {
width: 100%;
margin: 0;
}
.widget-panel .filter .row .element.last {
margin-top: 15px;
}
.cases-container {
position: relative;
text-align: left;
margin-bottom: 65px;
background: #fff;
}
.cases-container h1 {
margin: 0;
}
.cases-container hr.top {
margin-bottom: 0;
}
.cases-container hr {
margin: 45px 0;
}
.cases-container .top-buttons {
position: absolute;
left: 0;
top: 97px;
}
.cases-container ul.case-display {
padding: 0;
list-style-type: none;
display: inline-block;
width: 100%;
}
.cases-container ul.case-display li.case {
position: relative;
}
.cases-container ul.case-display li.case .image-container {
display: inline-block;
margin-right: 5px;
max-width: 30%;
min-height: 190px;
vertical-align: top;
width: 187px;
height: 224px;
overflow: hidden;
}
.cases-container ul.case-display li.case .image-container a {
border: 1px solid #a7a7a7;
display: table-cell;
background: #eeeeee;
width: 185px;
height: 222px;
vertical-align: middle;
}
.cases-container ul.case-display li.case .image-container img {
margin: 0 auto;
}
.cases-container ul.case-display li.case img {
display: block;
vertical-align: top;
max-width: 100%;
height: auto;
}
.cases-container ul.case-display li.case img.desktop {
display: none;
}
.cases-container ul.case-display li.case img.wide {
width: 100%;
height: auto;
}
.cases-container ul.case-display li.case img.tall {
width: auto;
height: 100%;
}
.cases-container ul.case-display li.case .content {
display: inline-block;
width: 67%;
}
.cases-container ul.case-display li.case .content h4 {
margin: 0;
font-size: 24px;
text-transform: none;
}
.cases-container ul.case-display li.case .content h4 span {
font: normal 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.cases-container ul.case-display li.case .content h3 {
color: #2971a3;
margin: 0 0 5px;
text-transform: uppercase;
}
.cases-container ul.case-display li.case .content h5 {
font: bold 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #2971a3;
}
.cases-container ul.case-display li.case .content h5 a {
color: inherit;
font: inherit;
}
.cases-container ul.case-display li.case .content .desc ul {
padding: 0;
margin-top: 20px;
}
.cases-container ul.case-display li.case .content .desc ul li {
list-style: none;
}
.cases-container ul.case-display li.case .content p {
margin: 15px 0;
}
.cases-container ul.case-display li.case .content p a {
font-style: italic;
}
.cases-container ul.case-display li.case .content p span.extended {
display: none;
}
.cases-container ul.case-display li.case .content a.more {
display: none;
}
.cases-container ul.case-display li.case .case-buttons {
position: absolute;
bottom: 15px;
}
.cases-container ul.case-display li.case.featured {
background-color: #e6e6e6;
border: 1px solid #a7a7a7;
margin-bottom: 45px;
padding: 8px 8px 25px 8px;
box-sizing: border-box;
}
.cases-container ul.case-display li.case.featured hr {
display: none;
}
.cases-container ul.case-display li.case.featured .case-buttons {
bottom: 25px;
}
.cases-container #nav-below {
visibility: hidden;
text-indent: -9999px;
}
.cases-container #infscr-loading {
text-align: center;
}
.cases-container #infscr-loading img {
margin-bottom: 20px;
}
/* Events Page */
.events-container {
position: relative;
text-align: left;
margin-bottom: 65px;
}
.events-container #upcoming {
display: none;
}
.events-container h1 {
margin: 0;
}
.events-container hr.top {
margin-bottom: 0;
}
.events-container hr {
margin: 45px 0;
}
.events-container .top-buttons {
position: absolute;
left: 0;
top: 97px;
}
.events-container ul.event-display {
padding: 0;
list-style-type: none;
margin-top: 0;
display: inline-block;
}
.events-container ul.event-display li.event {
position: relative;
padding: 20px 0;
border-bottom: 1px solid #a7a7a7;
min-height: 172px;
}
.events-container ul.event-display li.event .image-container {
display: inline-block;
margin-right: 5px;
max-width: 30%;
vertical-align: top;
}
.events-container ul.event-display li.event .image-container img {
margin-right: 0;
}
.events-container ul.event-display li.event img {
display: inline-block;
border: 1px solid #a7a7a7;
vertical-align: top;
margin-right: 5px;
max-width: 100%;
height: auto;
}
.events-container ul.event-display li.event .content {
display: inline-block;
width: 67%;
}
.events-container ul.event-display li.event .content h4 {
margin: 0 0 7px 0;
font-size: 24px;
}
.events-container ul.event-display li.event .content h4 span {
font: normal 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.events-container ul.event-display li.event .content h5 {
font: bold 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #2971a3;
}
.events-container ul.event-display li.event .content p {
margin: 7px 0;
}
.events-container ul.event-display li.event .content p a {
font-style: italic;
}
.events-container ul.event-display li.event .content p span.extended {
display: none;
}
.events-container ul.event-display li.event .content p.location {
font-weight: 700;
color: #2971a3;
}
.events-container ul.event-display li.event .content .desc {
margin-bottom: 54px;
}
.events-container ul.event-display li.event .content a.more {
display: none;
}
.events-container ul.event-display li.event .event-buttons {
position: absolute;
bottom: 20px;
}
.events-container ul.event-display li.event.featured {
background-color: #e6e6e6;
border: 1px solid #a7a7a7;
margin-bottom: 45px;
padding: 8px 8px 25px 8px;
box-sizing: border-box;
}
.events-container ul.event-display li.event.featured hr {
display: none;
}
.events-container ul.event-display li.event.featured .event-buttons {
bottom: 25px;
}
/* Article Page */
.article-container {
margin-top: 20px;
text-align: left;
}
.article-container .case-brief {
text-align: left;
}
.article-container .case-brief h1 {
margin: 40px 0 0 0;
}
.article-container .case-brief h3 {
margin: 0;
}
.article-container .case-brief h5 {
margin-bottom: 10px;
}
.article-container .case-brief h5 span {
width: 170px;
margin-right: 5px;
display: inline-block;
}
.article-container .case-brief h5 a {
font: inherit;
}
.article-container .case-brief hr {
margin: 30px 0;
}
.article-container .case-brief .report-btn {
margin: 30px 0 40px;
float: left;
}
.article-container .case-brief .tools {
float: left;
margin: 30px 0 0 10px;
}
.article-container .section-one .media {
width: 100%;
}
.article-container .section-one .media img {
width: 100%;
height: auto;
}
.article-container .section-one .media img.tall {
width: auto;
height: 100%;
display: block;
margin: 0 auto;
}
.article-container .section-one .media iframe {
width: 100%;
}
.article-container .section-two-row .media-one,
.article-container .section-three-col .media-one {
width: 100%;
}
.article-container .section-two-row img,
.article-container .section-three-col img {
width: 100%;
display: block;
height: auto;
}
.article-container .section-two-row .media-two,
.article-container .section-three-col .media-two,
.article-container .section-two-row .media-three,
.article-container .section-three-col .media-three {
margin-bottom: 20px;
}
.widget-panel .similar-unsolved-crimes {
text-align: left;
}
.widget-panel .similar-unsolved-crimes h1 {
margin: 30px 0;
}
.widget-panel .similar-unsolved-crimes ul.case-display {
padding: 0;
list-style-type: none;
margin-bottom: 40px;
text-align: left;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case {
position: relative;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container {
display: inline-block;
border: 1px solid #a7a7a7;
vertical-align: top;
margin-bottom: 12px;
margin-right: 1%;
width: 189px;
height: 149px;
background: #eee;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container .alignment {
display: table-cell;
vertical-align: middle;
width: 187px;
height: 147px;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container img.tall {
width: auto;
height: 147px;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container img.wide {
width: 187px;
height: auto;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case hr {
margin: 25px 0;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content {
display: inline-block;
width: 67%;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content h4 {
margin: 0 0 10px 0;
font-size: 24px;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content h4 span {
font: normal 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content h5 {
font: bold 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #2971a3;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content p {
margin: 15px 0;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content p a {
font-style: italic;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content a.more {
display: none;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case .content .case-buttons {
position: absolute;
bottom: 63px;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case.featured {
background-color: #e6e6e6;
border: 1px solid #a7a7a7;
margin-bottom: 25px;
padding: 8px;
box-sizing: border-box;
}
.widget-panel .similar-unsolved-crimes ul.case-display li.case.featured hr {
display: none;
}
.widget-panel .download-the-app-container {
margin-bottom: 40px;
}
.widget-panel .download-the-app-container .download-the-app {
text-align: center;
height: 250px;
padding: 50px 15px;
}
.widget-panel .download-the-app-container .download-the-app h2 {
font-size: 60px;
}
/* News Page */
.news-container {
/* float:left; */
margin-bottom: 2em;
}
.news-container ul.news-display {
padding: 0;
list-style-type: none;
margin: 20px 0 65px 0;
/* display:inline-block; */
}
.news-container ul.news-display li.news-item {
border-bottom: 1px solid #b8b8b8;
position: relative;
padding: 25px 0;
}
.news-container ul.news-display li.news-item:first-child {
padding: 0;
}
.news-container ul.news-display li.news-item.twitter-story[data-twttr-id] {
padding: 5px 0;
}
.news-container ul.news-display li.news-item hr {
display: none;
}
.news-container ul.news-display li.news-item img {
display: inline-block;
border: 1px solid #a7a7a7;
vertical-align: top;
margin-right: 15px;
width: 170px;
height: auto;
}
.news-container ul.news-display li.news-item .content {
display: inline-block;
width: 424px;
}
.news-container ul.news-display li.news-item .content h4 {
margin: 0 0 10px 0;
font-size: 24px;
}
.news-container ul.news-display li.news-item .content h4 span {
font: normal 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.news-container ul.news-display li.news-item .content h5 {
font: normal 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
margin: 0 0 10px;
}
.news-container ul.news-display li.news-item .content p {
margin: 0 0 75px;
}
.news-container ul.news-display li.news-item .content p a {
font-style: italic;
}
.news-container ul.news-display li.news-item .content p span.extended {
display: none;
}
.news-container ul.news-display li.news-item .content a.more {
display: none;
}
.news-container ul.news-display li.news-item .case-buttons {
position: absolute;
bottom: 25px;
}
.news-container ul.news-display li.news-item.twitter-story .content {
margin-bottom: 15px;
}
.news-container ul.news-display li.news-item.twitter-story .content a.twitter {
font-style: normal;
font-weight: 700;
}
.news-container ul.news-display li.news-item.twitter-story .content h4 {
display: inline-block;
margin-right: 8px;
}
.news-container ul.news-display li.news-item.twitter-story .content h4 span {
text-transform: none;
}
.news-container ul.news-display li.news-item.twitter-story .content p {
margin: 0 0 15px;
}
.news-container ul.news-display li.news-item.twitter-story .content ul.twitter-options {
padding: 0;
list-style-type: none;
}
.news-container ul.news-display li.news-item.twitter-story .content ul.twitter-options li {
display: inline-block;
color: #2971a3;
}
.news-container ul.news-display li.news-item.twitter-story .content img.twitter-story-image {
width: 100%;
margin-top: 15px;
}
.news-container ul.news-display li.news-item iframe {
border: none !important;
box-shadow: none !important;
margin: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
.widget-panel .crime-of-the-week-wrapper {
width: 100%;
border: 1px solid #a7a7a7;
padding: 10px;
box-sizing: border-box;
margin-bottom: 20px;
}
.widget-panel .crime-of-the-week-wrapper .crime-of-the-week h2 {
margin: 0 0 10px 0;
font-size: 40px;
float: left;
}
.widget-panel .crime-of-the-week-wrapper .crime-of-the-week img.weekly-crime {
width: 100%;
}
.widget-panel .crime-of-the-week-wrapper .crime-of-the-week img.youtube {
float: right;
margin-top: 6px;
}
.widget-panel .follow-on-facebook-wrapper {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
/* Content page */
.content-container {
margin-bottom: 65px;
}
.content-container h1 {
margin: 40px 0;
}
.content-container img {
padding: 11px;
border: 1px solid #a7a7a7;
height: auto;
max-width: 100%;
box-sizing: border-box;
}
/* Media Programs */
.media-container {
position: relative;
text-align: left;
margin-bottom: 65px;
float: left;
}
.media-container h1 {
margin: 0;
}
.media-container hr.top {
margin-bottom: 0;
}
.media-container hr {
display: block;
}
.media-container .top-buttons {
position: relative;
top: 0;
left: 0;
}
.media-container ul.media-display {
list-style-type: none;
padding: 0;
margin: 0;
}
.media-container ul.media-display li.media {
margin-top: 30px;
}
.media-container ul.media-display li.media a.imagelink {
display: inline-block;
position: relative;
width: 100%;
background: #eee;
}
.media-container ul.media-display li.media a.imagelink .alignment {
height: 370px;
}
.media-container ul.media-display li.media a.imagelink img {
height: 100%;
width: auto;
margin: 0 auto;
display: block;
}
.media-container ul.media-display li.media a.imagelink .duration {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 5px 10px;
background-color: #000000;
color: #ffffff;
}
.media-container ul.media-display li.media .content {
display: inline-block;
margin-top: 30px;
}
.media-container ul.media-display li.media .content h4 {
margin: 0 0 10px 0;
font-size: 24px;
}
.media-container ul.media-display li.media .content h4 span {
font: normal 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.media-container ul.media-display li.media .content h5 {
font: bold 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #2971a3;
}
.media-container ul.media-display li.media .content a.button {
display: none;
}
.media-container ul.media-display li.media hr {
display: none;
}
.media-container #upcoming {
display: none;
}
/* Media Programs Popup */
#upcoming {
padding: 20px;
}
#upcoming h4 {
margin: 20px 0;
}
#upcoming table {
padding: 10px;
}
#upcoming table tr {
border: 1px solid #e1e1e1;
}
#upcoming table tr td {
padding: 10px;
}
#upcoming table tr td p {
font: normal 16px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
color: #383838;
}
#upcoming table tr td p span {
font-weight: 700;
}
#upcoming table tr td.image {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
width: 90px;
max-width: 90px;
}
#upcoming table tr td.image img {
max-width: 100%;
}
#upcoming table tr td.show-name {
width: 240px;
padding: 10px;
}
#upcoming table tr td.show-name p {
text-transform: uppercase;
}
#upcoming table tr td.time {
width: 150px;
padding-right: 20px;
}
#upcoming table tr.grey {
background-color: #f0f0f0;
}
/* Media program page */
.media-page-container {
margin-top: 20px;
margin-bottom: 65px;
}
.media-page-container h1 {
margin: 40px 0 0;
}
.media-page-container h3 {
margin: 0;
}
.media-page-container hr {
margin: 30px 0;
}
.media-page-container img,
.media-page-container iframe {
width: 100%;
}
.media-page-container .jp-audio {
width: auto;
}
.media-page-container .jp-audio .jp-progress {
width: 470px;
}
.donation-container {
margin-bottom: 65px;
float: left;
}
.donation-container p.error-message {
color: #ce1125;
}
.donation-container hr {
margin: 20px 0 35px 0;
}
.donation-container h2 {
margin-bottom: 0;
display: inline-block;
width: 100%;
}
.donation-container form ul {
list-style-type: none;
padding: 0;
}
.donation-container form ul.donation-amount {
float: left;
}
.donation-container form ul.donation-amount li {
padding-right: 8px;
display: inline-block;
float: left;
position: relative;
}
.donation-container form ul.donation-amount li a.option {
padding: 0 35px;
line-height: 66px;
height: 66px;
display: inline-block;
background-color: #ffffff;
color: #2971a3;
border: 1px solid #2971a3;
border-radius: 5px;
font-weight: bold;
}
.donation-container form ul.donation-amount li.selected {
/* Styling placeholder text */
}
.donation-container form ul.donation-amount li.selected a.option,
.donation-container form ul.donation-amount li.selected input {
background-color: #2971a3;
color: #ffffff;
}
.donation-container form ul.donation-amount li.selected .dollar-helper {
color: #fff;
}
.donation-container form ul.donation-amount li.selected input::-webkit-input-placeholder,
.donation-container form ul.donation-amount li.selected textarea::-webkit-input-placeholder {
color: #c2ddf0;
}
.donation-container form ul.donation-amount li.selected input::-moz-placeholder,
.donation-container form ul.donation-amount li.selected textarea::-moz-placeholder {
color: #c2ddf0;
}
.donation-container form ul.donation-amount li.selected input:-ms-input-placeholder,
.donation-container form ul.donation-amount li.selected textarea:-ms-input-placeholder {
color: #c2ddf0;
}
.donation-container form ul.donation-amount li.selected input::placeholder,
.donation-container form ul.donation-amount li.selected textarea::placeholder {
color: #c2ddf0;
}
.donation-container form ul.donation-amount li.selected input:focus::-webkit-input-placeholder,
.donation-container form ul.donation-amount li.selected textarea:focus::-webkit-input-placeholder {
color: #85bbe0;
}
.donation-container form ul.donation-amount li.selected input:focus::-moz-placeholder,
.donation-container form ul.donation-amount li.selected textarea:focus::-moz-placeholder {
color: #85bbe0;
}
.donation-container form ul.donation-amount li.selected input:focus:-ms-input-placeholder,
.donation-container form ul.donation-amount li.selected textarea:focus:-ms-input-placeholder {
color: #85bbe0;
}
.donation-container form ul.donation-amount li.selected input:focus::placeholder,
.donation-container form ul.donation-amount li.selected textarea:focus::placeholder {
color: #85bbe0;
}
.donation-container form ul.donation-amount li.amount {
width: 200px;
}
.donation-container form ul.cardtype {
margin-top: 0;
float: left;
}
.donation-container form ul.cardtype li {
padding-right: 15px;
display: inline-block;
float: left;
}
.donation-container form ul.cardtype li.grey img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.donation-container form .expiry input {
width: 45%;
margin-right: 2%;
display: inline-block;
}
.donation-container form .expiry input.last {
margin: 0;
}
.donation-container form .expiry span.divider {
margin: 0 1%;
}
.donation-container form .expiry label {
width: 100%;
}
.donation-container form textarea.message {
height: 325px;
width: 100%;
}
.donation-container form label {
margin-bottom: 20px;
}
.donation-container form .row.terms {
margin-top: 35px;
}
.donation-container form .row.terms a {
font-weight: bold;
}
.donation-container form .row.donate .element-two {
width: 45%;
}
.donation-container form .half {
width: 46%;
position: relative;
display: inline-block;
}
.donation-container form .half input {
width: 100%;
}
.donation-container form .full {
width: 100%;
position: relative;
display: inline-block;
}
.donation-container form .card-container {
float: left;
}
/* Donation Cofirmation */
.donate-confirm-container {
float: left;
margin-bottom: 65px;
}
.donate-confirm-container ul.receipt-container {
background-color: #e6e6e6;
padding: 10px;
box-sizing: border-box;
margin: 0;
list-style-type: none;
border: 1px solid #bebebe;
}
.donate-confirm-container ul.receipt-container li {
display: inline-block;
margin: 0 25px 10px 0;
width: 190px;
}
.donate-confirm-container ul.receipt-container li h6 {
margin: 0;
font-size: 24px;
}
.donate-confirm-container ul.receipt-container li p {
margin: 10px 0;
}
.donate-confirm-container address p {
margin: 5px 0;
}
.donate-confirm-container .share-donation img {
float: left;
margin-right: 15px;
}
.donate-confirm-container .share-donation p {
float: left;
width: 430px;
margin-top: 0;
font-size: 22px;
}
.donate-confirm-container .share-donation a.button {
float: left;
}
/* Contact */
.contact-container {
float: left;
margin-bottom: 65px;
}
.contact-container h3 {
display: inline-block;
margin: 0;
line-height: 50px;
vertical-align: top;
}
.contact-container h3.phone[href^=tel]:link {
color: #9f6;
}
.contact-container h4 {
margin: 15px 0;
}
.contact-container i.tel {
margin-right: 10px;
float: left;
}
.contact-container address p {
margin: 5px 0;
}
.contact-container .report-online {
display: none;
}
/* Results page */
.results-container {
float: left;
margin-bottom: 65px;
}
.results-container h1 {
margin: 40px 0;
}
.results-container h5 {
margin-bottom: 30px;
}
.results-container img.border {
padding: 11px;
border: 1px solid #a7a7a7;
box-sizing: border-box;
}
.results-container img.infographic {
width: 100%;
height: auto;
margin-bottom: 50px;
}
.results-container a.donate {
display: none;
}
/* Search Results */
section.search-results {
margin-bottom: 65px;
}
section.search-results h3 {
font-weight: 400;
}
section.search-results h3 span {
color: #000000;
}
section.search-results nav a {
display: block;
font-size: 30px;
margin-top: 30px;
}
section.search-results .search-field {
background-color: #e6e6e6;
border: 1px solid #bebebe;
padding: 25px;
box-sizing: border-box;
position: relative;
margin-bottom: 25px;
}
section.search-results .search-field .button {
position: absolute;
top: 33px;
right: 33px;
}
section.search-results .results-list {
list-style-type: none;
margin: 0;
padding: 0;
}
section.search-results .results-list li,
section.search-results .results-list article,
section.search-results .results-list .result {
border-bottom: 1px solid #bebebe;
padding: 35px 0;
}
section.search-results .results-list li h4,
section.search-results .results-list article h4,
section.search-results .results-list .result h4 {
margin: 0 0 10px 0;
font-size: 24px;
}
section.search-results .results-list li h4 span,
section.search-results .results-list article h4 span,
section.search-results .results-list .result h4 span {
font: normal 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
section.search-results .results-list li h5,
section.search-results .results-list article h5,
section.search-results .results-list .result h5 {
font: bold 24px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #2971a3;
}
section.search-results .results-list li p a,
section.search-results .results-list article p a,
section.search-results .results-list .result p a {
font-style: italic;
}
/* Campaign page */
.campaign-container {
width: 100%;
}
.campaign-container .section-one {
width: 100%;
}
.campaign-container .section-one iframe {
width: 100%;
}
.campaign-container .section-one .content-brief h5 {
font-size: 32px;
margin-top: 20px;
}
.campaign-container .section-one .content-brief a.report-btn {
float: left;
}
.campaign-container .section-one .content-brief .tools {
display: inline-block;
margin-left: 10px;
}
.campaign-container .section-one h2 {
font-size: 44px;
color: #000;
}
.campaign-container .section-one h3 {
font-size: 30px;
color: #000;
font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.campaign-container .section-two h2 {
margin-top: 0;
}
.campaign-container .section-two .campaign-slider {
display: inline-block;
margin: 20px 0;
list-style-type: none;
padding: 0;
}
.campaign-container .section-two .campaign-slider img {
width: 100%;
box-sizing: border-box;
}
.campaign-container .section-two .bx-pager {
position: relative;
bottom: 0;
}
.campaign-container .section-three img {
width: 100%;
}
.campaign-container .section-three .media-one,
.campaign-container .section-three .media-two,
.campaign-container .section-three .media-three {
margin-bottom: 20px;
}
/*
Zebra_DatePicker: a lightweight jQuery date picker plugin
Default theme
copyright (c) 2011 - 2013 Stefan Gabos
http://stefangabos.ro/jquery/zebra-datepicker/
*/
.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
box-sizing: content-box !important;
}
.Zebra_DatePicker {
position: absolute;
background: #2971a3;
border: 3px solid #2971a3;
display: none;
z-index: 100;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.Zebra_DatePicker * {
margin: 0;
padding: 0;
color: #000;
background: transparent;
border: none;
}
/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table {
border-collapse: collapse;
border-spacing: 0;
min-width: 100%;
}
.Zebra_DatePicker td,
.Zebra_DatePicker th {
text-align: center;
padding: 5px 0;
}
.Zebra_DatePicker td {
cursor: pointer;
}
.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
margin-top: 3px;
}
.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
background: #E8E8E8;
width: 30px;
border: 1px solid #7BACD2;
}
.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover {
border-radius: 5px;
}
/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td {
color: #FFF;
}
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
width: 30px;
}
.Zebra_DatePicker .dp_header .dp_caption {
font-weight: bold;
}
.Zebra_DatePicker .dp_header .dp_hover {
background: #222;
color: #FFF;
}
.Zebra_DatePicker .dp_header .dp_blocked {
color: #888;
cursor: default;
}
/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th {
background: #c2ddf0;
}
.Zebra_DatePicker td.dp_not_in_month {
background: #F3F3F3;
color: #CDCDCD;
cursor: default;
}
.Zebra_DatePicker td.dp_not_in_month_selectable {
background: #F3F3F3;
color: #CDCDCD;
cursor: pointer;
}
.Zebra_DatePicker td.dp_weekend {
background: #D8D8D8;
}
.Zebra_DatePicker td.dp_weekend_disabled {
color: #CCC;
cursor: default;
}
.Zebra_DatePicker td.dp_selected {
background: #5A4B4B;
color: #FFF !important;
}
.Zebra_DatePicker td.dp_week_number {
background: #FFCC33;
color: #555;
cursor: text;
font-style: italic;
}
/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td {
width: 33%;
}
/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td {
width: 33%;
}
/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer {
margin-top: 3px;
}
.Zebra_DatePicker .dp_footer .dp_hover {
background: #222;
color: #FFF;
}
/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today {
color: #FFF;
padding: 3px;
}
/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear {
color: #FFF;
padding: 3px;
}
/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current {
color: #C40000;
}
.Zebra_DatePicker td.dp_disabled_current {
color: #E38585;
}
.Zebra_DatePicker td.dp_disabled {
background: #F3F3F3;
color: #CDCDCD;
cursor: default;
}
.Zebra_DatePicker td.dp_hover {
background: #482424;
color: #FFF;
}
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
display: block;
position: absolute;
width: 16px;
height: 16px;
background: url('calendar.png') no-repeat left top;
text-indent: -9000px;
border: none;
cursor: pointer;
padding: 0;
line-height: 0;
vertical-align: top;
}
button.Zebra_DatePicker_Icon_Disabled {
background-image: url('calendar-disabled.png');
}
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon {
margin: 0 0 0 3px;
}
button.Zebra_DatePicker_Icon_Inside {
margin: 0 3px 0 0;
}
/* Report Page */
.content-center[data-step="1"] .widget-panel a.fullwidth.button,
.content-center[data-step="7"] .widget-panel a.fullwidth.button {
display: none;
}
.report-container p span {
font-weight: 700;
}
.report-container p a:hover {
color: #399ee5;
}
.report-container h2 {
text-transform: capitalize;
font-weight: 400;
}
.report-container h2 span {
color: #7eae22;
}
.report-container h4 {
margin-bottom: 10px;
}
.report-container h4 span {
font-weight: 700;
color: #ce1125;
}
.report-container h5 {
font: 700 24px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
}
.report-container h6 {
font-size: 25px;
margin-bottom: 10px;
}
.report-container h6 span {
font-family: 'Univers', Tahoma, Arial, Helvetica, sans-serif;
}
.report-container .button {
margin-bottom: 20px;
width: 100%;
}
.report-container .button:focus {
outline: none;
}
.report-container .message-panel-wrapper img.message-icon {
float: left;
margin: 5px 10px 5px 0;
width: 28px;
}
.report-container .message-panel-wrapper .message-panel,
.report-container .message-panel-wrapper .previous-messages {
border: 1px solid #b8b8b8;
box-sizing: border-box;
padding: 30px;
margin-bottom: 30px;
}
.report-container .message-panel-wrapper .message-panel h6,
.report-container .message-panel-wrapper .previous-messages h6 {
margin: 0;
}
.report-container .message-panel-wrapper .previous-messages {
margin-bottom: 20px;
}
.report-container .response textarea {
width: 100%;
height: 300px;
margin-bottom: 30px;
}
.report-container .response .button {
margin-bottom: 30px;
width: auto;
}
.report-container .message-panel-wrapper .button {
width: auto;
}
.report-container ul.crime-categories {
padding: 0;
}
.report-container ul.crime-categories li {
display: inline-block;
list-style-type: none;
padding: 0 20px 25px 0;
width: 50%;
box-sizing: border-box;
position: relative;
}
.report-container ul.crime-categories li label {
cursor: pointer;
font-size: 23px;
font-weight: normal;
}
.report-container ul.crime-categories li label:hover span {
border-bottom: 1px solid #ddd;
color: #888;
}
.report-container ul.crime-categories li label i {
display: none;
}
.report-container ul.crime-categories li i {
display: inline-block;
margin-left: 5px;
height: 30px;
width: 30px;
line-height: 30px;
border-radius: 50%;
font-style: normal;
background: #fff;
font-family: Sosa, 'Proxima Nova', Arial, Helvetica, sans-serif;
vertical-align: top;
position: absolute;
top: -1px;
font-size: 15px;
}
.report-container ul.crime-categories li i:hover {
background: #2971a3;
color: #fff;
}
.report-container ul.crime-categories li input:checked + label span {
border-bottom: 1px solid #bfbfbf;
color: #363636;
}
.report-container ul.crime-types-selected {
padding-left: 1.5em;
}
.report-container ul.crime-types-selected li {
margin-bottom: 0.5em;
}
.report-container .step form .row {
margin-bottom: 30px;
}
.report-container .step form .row .field {
position: relative;
}
.report-container .step form .row label {
display: block;
line-height: 1.2em;
margin-bottom: 20px;
}
.report-container .step form .row label.with-helper {
margin-bottom: 5px;
}
.report-container .step form .row input[type=radio] + label {
line-height: 24px;
}
.report-container .step form .row p.helper {
margin-top: 5px;
}
.report-container .step form .row fieldset textarea {
min-height: 200px;
width: 100%;
}
.report-container .step form .row span.sosa {
display: inline-block;
font-size: 45px;
vertical-align: middle;
}
.report-container .step form .row .pindrop {
display: none;
}
.report-container .step form .row.date .field {
display: inline-block;
}
.report-container .step form .row.date .field.date {
width: 75px;
}
.report-container .step form .row.date .field.month {
margin: 0 10px;
vertical-align: top;
width: 230px;
}
.report-container .step form .row.date .field.year {
width: 120px;
}
.report-container .step form .row.date .field.datepicker {
margin-left: 10px;
position: relative;
width: auto;
}
.report-container .step form .row.date .field.datepicker input.datepicker-target {
width: 1px;
height: 1px;
visibility: hidden;
position: absolute;
}
.report-container .step form .row.date .field.datepicker .Zebra_DatePicker {
display: none;
font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
font-size: 30px;
left: -420px;
line-height: 2em;
top: 70px;
width: 510px;
}
.report-container .step form .row.time .field {
display: inline-block;
}
.report-container .step form .row.time .field.minutes,
.report-container .step form .row.time .field.hours {
width: 75px;
}
.report-container .step form .row.time .field.meridiem {
margin: 0 0 0 10px;
width: 140px;
vertical-align: top;
}
.report-container .step form .row.time .separator {
display: inline-block;
margin: 0 8px;
}
.report-container .step form .row.upload .add-file {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.report-container .step form .row.upload .add-file span {
box-sizing: border-box;
height: 100%;
width: 100%;
position: relative;
display: block;
background: #e6e6e6;
border: 1px solid #c5c5c5;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
background-clip: padding-box;
}
.report-container .step form .row.upload .add-file span .upload-icon {
float: right;
margin: 7px 5px;
}
.report-container .step form .row.upload .add-file input {
font-size: 1200px;
position: absolute;
top: 0;
opacity: 0;
cursor: pointer;
}
.report-container .step form .row.upload .thumbnail {
clear: both;
float: left;
position: relative;
}
.report-container .step form .row.upload .thumbnail .wrap {
display: inline-block;
}
.report-container .step form .row.upload .thumbnail canvas,
.report-container .step form .row.upload .thumbnail img {
float: none;
/* margin-right: 10px; */
width: auto;
padding: 0;
}
.report-container .step form .row.upload .thumbnail a.close {
display: block;
position: absolute;
top: -11px;
right: -11px;
color: #fff;
line-height: 22px;
width: 22px;
font-size: 24px;
text-align: center;
}
.widget-panel .in-your-report ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget-panel .in-your-report ul li {
padding-bottom: 10px;
}
.widget-panel .in-this-report ol {
list-style-type: decimal;
margin: 0 0 0 20px;
padding: 0;
}
.widget-panel .in-this-report ol li {
color: #2971a3;
padding-bottom: 8px;
}
.widget-panel .in-this-report ol li.active,
.widget-panel .in-this-report ol li.active a {
color: #000;
font-weight: 600;
}
.widget-panel .in-this-report ol li a {
font-weight: inherit;
}
.widget-panel .in-this-report ol li a:hover {
text-decoration: underline;
}
.widget-panel .button.fullwidth {
margin-bottom: 8px;
}
.jp-audio {
background: #e6e6e6;
border: 1px solid #c4c4c4;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
background-clip: padding-box;
height: 45px;
padding: 0;
width: 300px;
}
.jp-audio .jp-no-solution {
margin-top: 20px;
}
.jp-audio .jp-no-solution span {
display: block;
font-weight: bold;
}
.jp-audio ul {
margin: 0;
list-style: none;
padding: 0;
}
.jp-audio ul li {
margin: 0 !important;
padding: 0 !important;
}
.jp-audio .jp-controls li {
margin: 0;
padding: 0;
}
.jp-audio .jp-controls li a {
display: block;
padding: 0 15px;
}
.jp-audio .jp-controls li a span {
line-height: 46px;
}
.jp-audio .jp-controls.play-pause {
border-right: 1px solid #c4c4c4;
}
.jp-audio .jp-controls.play-pause li a {
float: left;
}
.jp-audio .jp-controls.volume-controls {
border-left: 1px solid #c4c4c4;
float: right !important;
}
.jp-audio .jp-controls.volume-controls li a {
float: right;
}
.jp-audio .jp-progress {
display: inline-block;
margin-left: 2%;
margin-top: 16px;
width: 190px;
}
.jp-audio .jp-progress .jp-seek-bar {
background: #f7f7f7;
height: 14px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
background-clip: padding-box;
}
.jp-audio .jp-progress .jp-seek-bar .jp-play-bar {
background: #7caf04;
height: 14px;
min-width: 5%;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
background-clip: padding-box;
}
.tools .share-panel {
display: none;
}
.crime-types {
max-width: 900px;
padding: 0 15px;
}
.crime-types li {
margin-bottom: 5px;
}
.crime-types li ol {
margin: 0.75em 0;
}
.page-sitemap ul.page-list li {
margin: 5px 0;
}
.page-sitemap ul.page-list li ul {
margin: 0.5em 0;
}
.relative {
position: relative;
}
.relative.navigation .previous-page,
.relative.navigation .next-page {
display: inline-block;
}
.relative.navigation .next-page {
float: right;
}
.login-form {
display: none;
padding: 30px;
max-width: 302px;
}
.login-form h2 {
margin-top: 0;
}
.login-form form {
padding-bottom: 10px;
position: relative;
}
.login-form form button {
margin-top: 10px;
}
.login-form form input {
width: 302px;
margin-bottom: 10px;
}
#captcha-powered-submit:disabled,
#captcha-powered-report-submit:disabled {
background: #aaa;
}
html.packaged-app li.menu-item-299 {
display: none;
}
html.packaged-app .donate-button {
display: none;
}
html.packaged-app #footer {
height: 100px;
}
html.packaged-app #footer ul.social-media {
display: none;
}
#content .sponsors-section {
margin: 50px 0;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#content .sponsors-section .sponsors-group {
margin-bottom: 40px;
}
#content .sponsors-section h2 {
font-size: 32px;
text-align: left;
margin: 0;
}
#content .sponsors-section img {
max-height: 100px;
margin: 40px 40px 0 0;
/*width: auto;*/
/*max-width: 100%;*/
}
@media (min-width: 768px) {
/* ==========================================================================
TABLET STYLES
========================================================================== */
.desktop {
display: block;
}
span.desktop {
display: inline;
}
.mobile {
display: none;
}
span.mobile {
display: none;
}
body,
html {
width: 100%;
background-image: none;
}
p {
font-size: 16px;
}
a {
font-size: 16px;
}
li {
font-size: 16px;
}
h1 {
font: 700 40px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #363636;
}
h1 span {
font-weight: 400;
}
/* Breadcrumbs */
#breadcrumbs {
position: absolute;
left: 148px;
top: 70px;
display: block;
}
#breadcrumbs span {
font: 400 12px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
#breadcrumbs span a {
font: 400 12px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
}
/* Custom Selects */
.select-skinned-cont {
font-size: 16px;
font-style: normal;
}
/* Inputs */
.row .element {
width: 48%;
margin-right: 4%;
}
.row .element.last {
margin-right: 0;
}
.row span.per {
font: normal 16px/48px 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.container {
max-width: 960px;
margin: 0 auto;
}
.container:before,
.container:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.container:after {
clear: both;
}
.container * {
box-sizing: border-box;
}
.container .bootstrap-row {
margin: 0 -15px;
}
.container .bootstrap-row:before,
.container .bootstrap-row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.container .bootstrap-row:after {
clear: both;
}
.container .bootstrap-row .col-50pc {
width: 50%;
padding: 0 15px;
float: left;
}
.grey-section {
background-color: #efefef;
}
input[type=text],
input[type=email],
input[type=search],
input[type=password] {
font: normal 16px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
height: 48px;
}
label {
font: bold 16px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
textarea {
font: normal 16px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.invalid .invalid-message {
top: 50px;
}
input.with-dollar-helper {
padding-left: 30px;
}
input.with-dollar-helper.less-padding {
padding-right: 10px;
}
.dollar-helper {
font: 400 16px/1 Proxima_Nova, Arial, Helvetica, sans-serif;
line-height: 48px;
}
/* Custom checkbox */
input[type="checkbox"] + label {
padding-left: 22px;
background-image: url("images/checkbox.png");
background-repeat: no-repeat;
height: 16px;
line-height: 18px;
margin: 0;
}
input[type="checkbox"]:checked + label {
background-position: 0 -16px;
}
/* Custom Selects */
.select-skinned-cont {
text-align: left;
margin-right: 34px;
font: 400 16px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
line-height: 46px;
height: 46px;
box-sizing: border-box;
padding: 0 15px;
}
.select-skinned ul li {
text-align: left;
font: 400 16px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
position: relative;
white-space: nowrap;
line-height: 18px;
height: 48px;
box-sizing: border-box;
padding: 15px;
border-bottom: 1px solid #c5c5c5;
}
/* bxSlider */
.bx-wrapper .bx-pager.bx-default-pager a {
width: 9px;
height: 9px;
margin-left: 5px;
}
/* Buttons */
.button {
font: 700 16px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
line-height: 48px;
height: 48px;
padding: 0 55px;
}
.small {
padding: 0 34px;
height: 30px;
line-height: 30px;
font-size: 13px;
}
.logout.small {
padding: 0 34px;
height: 30px;
line-height: 30px;
font-size: 13px;
margin-top: 0;
}
/* Menu */
ul.menu,
div.menu > ul {
padding: 0;
margin: 0;
}
ul.menu > li,
div.menu > ul > li {
display: inline-block;
float: left;
margin-right: 3px;
position: relative;
}
ul.menu > li > a,
div.menu > ul > li > a {
color: #ffffff;
font: normal 11px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
vertical-align: middle;
z-index: 100;
position: relative;
border: 1px solid transparent;
text-transform: uppercase;
background-color: #383838;
box-sizing: border-box;
padding: 0 6px;
line-height: 26px;
display: inline-block;
border-radius: 0 0 5px 5px;
min-width: 10em;
text-align: center;
letter-spacing: -0.005em;
}
ul.menu > li > a.hover,
div.menu > ul > li > a.hover {
border-top: solid 1px #bcbcbc;
border-left: solid 1px #bcbcbc;
border-right: solid 1px #bcbcbc;
border-bottom: solid 1px #e6e6e6;
background-color: #e6e6e6;
color: #2971a3;
padding-bottom: 5px;
border-radius: 0;
}
ul.menu > li ul.sub-menu,
div.menu > ul > li ul.sub-menu {
background-color: #e6e6e6;
margin: 0;
position: absolute;
top: 100%;
z-index: 99;
margin-top: -1px;
border-radius: 0 5px 5px 5px;
border: 1px solid #bcbcbc;
padding: 5px;
min-width: 150px;
}
ul.menu > li ul.sub-menu li,
div.menu > ul > li ul.sub-menu li {
width: 100%;
padding: 5px 0;
}
ul.menu > li ul.sub-menu li a,
div.menu > ul > li ul.sub-menu li a {
font: normal 12px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
display: inline-block;
color: #000000;
}
ul.menu > li ul.sub-menu li a:hover,
div.menu > ul > li ul.sub-menu li a:hover {
color: #2971a3;
}
ul.menu > li ul.sub-menu li a:active,
div.menu > ul > li ul.sub-menu li a:active {
color: #2971a3;
}
ul.menu > li ul,
div.menu > ul > li ul {
display: none;
}
ul.menu > li.current-menu-item > a,
div.menu > ul > li.current-menu-item > a,
ul.menu > li.current-menu-parent > a,
div.menu > ul > li.current-menu-parent > a {
background: #2971a3;
color: #fff;
}
ul.menu > li.current-menu-item ul,
div.menu > ul > li.current-menu-item ul,
ul.menu > li.current-menu-parent ul,
div.menu > ul > li.current-menu-parent ul {
position: absolute;
left: 0;
margin: 0;
}
ul.menu > li.current-menu-item ul li a,
div.menu > ul > li.current-menu-item ul li a,
ul.menu > li.current-menu-parent ul li a,
div.menu > ul > li.current-menu-parent ul li a {
background: none;
color: #000;
}
ul.menu > li.current-menu-item ul li.current_page_item a,
div.menu > ul > li.current-menu-item ul li.current_page_item a,
ul.menu > li.current-menu-parent ul li.current_page_item a,
div.menu > ul > li.current-menu-parent ul li.current_page_item a {
color: #2971a3;
}
/* Unhide search filter */
ul.mobilemenu li.search-tab .filter {
display: block;
}
/* Header */
#header {
width: 100%;
height: 65px;
position: relative;
padding: 17px 10px 0;
margin: 0;
background-color: #ffffff;
box-sizing: border-box;
}
#header .center-container {
max-width: 960px;
margin: 0 auto;
position: relative;
height: 65px;
}
#header .center-container .logo {
background-image: url("images/crimestoppers-logo.png");
background-repeat: no-repeat;
background-size: 139px;
width: 139px;
height: 111px;
text-indent: -9999px;
overflow: hidden;
margin: 0;
position: absolute;
z-index: 999;
left: 0;
}
#header .center-container h5 {
float: left;
position: absolute;
bottom: 26px;
left: 148px;
font-size: 16px;
}
#header .center-container h5 span {
font-size: 21px;
}
#header .center-container .languages {
display: inline-block;
right: 0;
bottom: 28px;
border: 0;
padding: 10px 0 0 10px;
height: 16px;
}
#header .center-container .languages ul {
display: inline-block;
padding: 0;
}
#header .center-container .languages ul li {
display: inline-block;
margin-right: 5px;
border: 0;
padding: 0;
}
#header .center-container .languages ul li a.flag1 {
background-image: url("images/flag1.png");
background-repeat: no-repeat;
}
#header .center-container .languages ul li a img {
width: 20px;
}
#header .center-container .languages ul li a span {
max-width: 85px;
}
#header .center-container .languages a.plus {
height: 13px;
vertical-align: top;
margin-top: 2px;
}
#header .center-container .languages.open {
right: 0;
bottom: 18px;
}
#header .center-container .languages.open div.languagesexpanded {
right: 0;
padding: 25px 0 25px 25px;
width: 755px;
top: 36px;
height: auto;
}
#header .center-container .languages.open div.languagesexpanded a {
font-size: 16px;
}
#header .center-container .languages.open div.languagesexpanded a:active {
color: #000000;
}
#header .center-container .languages.open div.languagesexpanded a:hover {
color: #2971a3;
}
#header .center-container .languages.open div.languagesexpanded ul li {
margin: 0 15px 0 0;
padding: 10px;
text-align: center;
}
#header .center-container .languages.open div.languagesexpanded ul li.last {
margin-right: 0;
}
#header .center-container .languages.open div.languagesexpanded ul li img {
width: 85px;
}
#header .center-container .languages.open div.languagesexpanded .language-selected img {
display: inline-block;
vertical-align: top;
margin-bottom: 25px;
}
#header .center-container .languages.open div.languagesexpanded .language-selected .content {
display: inline-block;
width: 490px;
margin-left: 10px;
}
#header .center-container .languages.open div.languagesexpanded .language-selected .content h2 {
margin-top: 0;
margin-bottom: 9px;
display: inline-block;
}
#header .center-container .languages.open div.languagesexpanded .language-selected .content .jp-audio {
width: 300px;
}
#header .center-container .languages.open div.languagesexpanded .language-selected a.button {
color: #ffffff;
}
#header .center-container .languages.open div.languagesexpanded .language-selected.open {
display: inline-block;
padding-bottom: 0;
}
#header .center-container ul.panel {
position: absolute;
right: 98px;
list-style-type: none;
bottom: 28px;
margin: 0;
}
#header .center-container ul.panel li {
display: inline-block;
float: left;
border-right: 1px solid #a1a1a1;
padding: 0 10px;
}
#header .center-container ul.panel li a {
font-size: 11px;
color: #363636;
}
#header .center-container ul.panel li.search {
background: url("images/search-icon.png") no-repeat 2px -6px;
background-size: 26px;
padding-left: 28px;
}
#header .center-container ul.panel li.search input[type=search] {
transition: all 0.3s ease-out;
width: 100px;
background-image: url("images/search-icon.png");
background-repeat: no-repeat;
background-size: 26px;
background-position: 0 -4px;
padding-left: 28px;
}
#header .center-container ul.panel li.search input[type=search]:focus {
background-position: 0 -30px;
width: 110px;
}
#header .center-container ul.panel li.search.searching {
background: none;
}
#header .center-container ul.panel li.search.searching a {
display: none;
}
#header .center-container ul.panel li.search.searching .element {
display: block;
}
#header .center-container .main-nav {
position: absolute;
top: 48px;
left: 143px;
z-index: 999;
}
#header .mobile-nav {
display: none;
}
/* Header Image */
#content {
background-image: url("images/desktop-bg-gradient.png");
background-position: top right;
background-repeat: repeat-x;
}
#content .top-panel {
width: 100%;
overflow: hidden;
max-height: 662px;
position: relative;
}
#content .top-panel .background-image {
width: 100%;
overflow: hidden;
max-height: 662px;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
background-position: center center;
display: block;
margin: 0;
}
#content .top-panel .top-panel-wrapper {
max-width: 960px;
margin: 0 auto;
height: 440px;
position: relative;
}
#content .top-panel .top-panel-wrapper .report-crime-info {
position: absolute;
top: 75px;
left: 10px;
background-color: #ffffff;
box-sizing: border-box;
padding: 1.5%;
width: 48%;
margin-right: 3%;
text-align: center;
max-height: 470px;
}
#content .top-panel .top-panel-wrapper .report-crime-info h1 {
font-size: 48px;
margin: 0 0 20px 0;
}
#content .top-panel .top-panel-wrapper .report-crime-info .vertical-divide {
width: 100%;
border-top: 1px solid #afb0b2;
position: relative;
}
#content .top-panel .top-panel-wrapper .report-crime-info .vertical-divide span {
font: normal 11px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
position: absolute;
left: 34%;
top: -5px;
padding: 0 0.5em;
color: #6c6c6c;
background-color: #ffffff;
}
#content .top-panel .top-panel-wrapper .report-crime-info i.info {
position: absolute;
bottom: -5%;
left: 45%;
}
#content .top-panel .top-panel-wrapper .report-crime-info .select-skinned {
margin-bottom: 20px;
}
#content .top-panel .top-panel-wrapper .report-crime-info .button {
margin-bottom: 20px;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel {
width: 48%;
box-sizing: border-box;
top: 75px;
position: absolute;
right: 10px;
background-color: #ffffff;
padding: 1% 1% 40px;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel .button {
position: relative;
left: 50%;
margin-left: -100px;
float: left;
bottom: 24px;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel li {
height: 213px;
width: 452px;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel .bx-wrapper .bx-pager {
bottom: -30px;
left: 0;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel .bx-wrapper .bx-controls-direction {
display: none;
}
#content .top-panel .top-panel-wrapper .intro {
position: absolute;
left: 0;
bottom: 12%;
}
#content .top-panel .top-panel-wrapper .intro h1 {
color: #ffffff;
font-size: 32px;
text-transform: none;
margin: 0 0 20px 10px;
}
#content .top-panel .top-panel-wrapper .intro h4 {
color: #ffffff;
font-weight: 400;
font-size: 20px;
font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
font-style: italic;
margin: 0 0 0 10px;
text-transform: none;
}
#content .top-panel .top-panel-wrapper img.head-image {
width: 100%;
position: absolute;
left: 0;
height: auto;
}
body.page-report-a-crime #map {
height: 600px;
width: 700px;
}
/* Home Content Section */
#content {
max-width: 100%;
margin: 0;
text-align: left;
}
#content .donate-wrapper {
height: 202px;
background-color: #e6e6e6;
border-bottom: 1px solid #bcbcbc;
}
#content .donate-wrapper .donate-container {
max-width: 960px;
margin: 0 auto;
position: relative;
}
#content .donate-wrapper .donate-container .donation-carousel {
width: 384px;
box-sizing: border-box;
padding: 6px;
background-color: #ffffff;
position: absolute;
left: 0;
top: -28px;
}
#content .donate-wrapper .donate-container .donation-carousel .donation-slider {
display: inline-block;
margin: 0;
}
#content .donate-wrapper .donate-container .donation-carousel .bx-controls a {
background-color: #78726f;
}
#content .donate-wrapper .donate-container .donation-carousel .bx-controls a.active {
background-color: #ffffff;
}
#content .donate-wrapper .donate-container .donation-carousel .bx-controls a:hover {
background-color: #ffffff;
}
#content .donate-wrapper .donate-container .donation-carousel .bx-controls .bx-pager {
position: absolute;
bottom: 25px;
left: 25px;
width: auto;
}
#content .donate-wrapper .donate-container .donation-panel {
padding: 20px;
box-sizing: border-box;
left: 384px;
position: absolute;
text-align: left;
}
#content .donate-wrapper .donate-container .donation-panel .nav-tabs {
position: absolute;
top: -30px;
left: 25px;
list-style-type: none;
padding: 0;
z-index: 99;
margin: 0;
}
#content .donate-wrapper .donate-container .donation-panel .nav-tabs li {
display: inline-block;
float: left;
}
#content .donate-wrapper .donate-container .donation-panel .nav-tabs li a {
background-color: #383838;
box-sizing: border-box;
padding: 12px 16px;
border-radius: 5px 5px 0 0;
color: #ffffff;
text-transform: uppercase;
font-family: 'Univers', Tahoma, Arial, Helvetica, sans-serif;
}
#content .donate-wrapper .donate-container .donation-panel .nav-tabs li a.selected {
background-color: #e6e6e6;
color: #2b2b2b;
z-index: 9;
position: relative;
}
#content .donate-wrapper .donate-container .donation-panel .nav-tabs li.one-off {
margin-left: -7px;
}
#content .donate-wrapper .donate-container .donation-panel .nav-tabs li.one-off a {
padding-left: 19px;
}
#content .donate-wrapper .donate-container .donation-panel p {
font-weight: 700;
margin-top: 0;
}
#content .donate-wrapper .donate-container .donation-panel form label {
float: left;
margin: 15px 2% 0 0;
}
#content .donate-wrapper .donate-container .donation-panel form .row .element {
width: 40%;
margin-right: 2%;
}
#content .donate-wrapper .donate-container .donation-panel form .select-skinned-text {
background-color: #ffffff;
background-position: 90% 19px;
}
#content .content-center {
max-width: 960px;
margin: 0 auto;
margin-top: 50px;
padding: 30px 10px 0 10px;
}
#content .content-center:before,
#content .content-center:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#content .content-center:after {
clear: both;
}
#content .content-center.partner-section {
margin-bottom: 50px;
margin-top: 20px;
padding-top: 0;
}
#content .content-center.container {
padding: 20px 0;
}
#content .content-center.info-blocks {
padding: 20px 0 50px;
}
#content .content-center h2 {
font-size: 32px;
}
#content .content-center .news-panel {
width: 64%;
margin-right: 23px;
position: relative;
display: inline-block;
float: left;
margin-top: 0;
}
#content .content-center .news-panel h1 {
margin: 0 0 16px 0;
font-size: 32px;
text-align: left;
}
#content .content-center .news-panel .bx-wrapper {
padding-left: 0;
}
#content .content-center .news-panel .twitter-feed {
list-style-type: none;
padding: 0;
margin-bottom: 35px;
text-align: left;
margin-top: 0;
}
#content .content-center .news-panel .twitter-feed li.tweet {
width: 48%;
display: inline-block;
min-height: 280px;
vertical-align: top;
box-sizing: border-box;
padding: 0 5px;
}
#content .content-center .news-panel .twitter-feed li.tweet.last {
margin: 0;
}
#content .content-center .news-panel .twitter-feed li.tweet iframe {
top: 0;
}
#content .content-center .news-panel .twitter-feed li.tweet img {
border: 1px solid #b8b8b8;
display: inline-block;
}
#content .content-center .news-panel .twitter-feed li.tweet .heading {
display: inline-block;
width: 178px;
vertical-align: top;
}
#content .content-center .news-panel .twitter-feed li.tweet .heading h4 {
font-size: 16px;
margin: 0;
display: inline-block;
margin-bottom: 5px;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options {
list-style-type: none;
padding: 0;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options li {
display: inline-block;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options li a {
font-size: 13px;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options li a:hover {
color: #323232;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options li.divider {
color: #2971a3;
margin: 0 4px;
}
#content .content-center .news-panel .twitter-feed li.tweet a.button {
display: none;
}
#content .content-center .news-panel .social-icons {
list-style-type: none;
padding: 0;
position: absolute;
top: -8px;
right: 0;
margin: 0;
}
#content .content-center .news-panel .social-icons li {
display: inline-block;
}
#content .content-center .news-panel .bx-controls-direction {
position: absolute;
top: -81px;
display: inline-block;
right: 55px;
}
#content .content-center .news-panel .bx-controls-direction a {
border-radius: 30px;
margin: 0;
position: relative;
background-color: #e6e6e6;
width: 50px;
display: inline-block;
height: 50px;
border: 1px solid #afb0b2;
line-height: 48px;
background-repeat: no-repeat;
transition: background-color 0.3s ease-out;
left: auto;
right: auto;
}
#content .content-center .news-panel .bx-controls-direction a:hover,
#content .content-center .news-panel .bx-controls-direction a:active {
background-color: #2971a3;
border: 1px solid #1e5073;
}
#content .content-center .news-panel .bx-controls-direction .bx-next {
background-image: url("images/rightarrow-icon.png");
background-position: 20px 18px;
background-size: 10px;
}
#content .content-center .news-panel .bx-controls-direction .bx-next:hover,
#content .content-center .news-panel .bx-controls-direction .bx-next:active {
background-position: 20px -17px;
}
#content .content-center .news-panel .bx-controls-direction .bx-prev {
background-image: url("images/leftarrow-icon.png");
background-position: 17px 18px;
margin-right: 5px;
background-size: 10px;
}
#content .content-center .news-panel .bx-controls-direction .bx-prev:hover,
#content .content-center .news-panel .bx-controls-direction .bx-prev:active {
background-position: 17px -17px;
}
#content .content-center .download-the-app-container {
padding: 8px;
border: 1px solid #b8b8b8;
box-sizing: border-box;
float: right;
margin-top: 50px;
vertical-align: bottom;
background-color: #ffffff;
width: 32%;
}
#content .content-center .download-the-app-container .download-the-app {
background-image: url("images/download-app-bg.png");
background-repeat: no-repeat;
max-width: 290px;
max-height: 206px;
padding: 25px 15px;
box-sizing: border-box;
}
#content .content-center .download-the-app-container .download-the-app .small {
padding: 0 17px;
}
#content .content-center .download-the-app-container .download-the-app.temp-swap {
background-image: url(images/moduleAppUpdate-homePage.jpg);
}
#content .content-center .download-the-app-container .download-the-app.temp-swap h2 {
font-size: 30px;
height: 100px;
width: auto;
}
#content .content-center .download-the-app-container .download-the-app.temp-swap h2 a {
color: inherit;
font: inherit;
}
#content .content-center .download-the-app-container .download-the-app.temp-swap p a {
color: inherit;
font: inherit;
}
#content .content-center .download-the-app-container .download-the-app h2 {
color: #ffffff;
width: 160px;
margin: 18px 0;
}
#content .content-center .partners .partners-carousel {
width: 748px;
height: 100px;
margin: 0;
}
#content .content-center .partners .partners-carousel li {
margin: 0;
padding: 0;
text-align: center;
box-sizing: border-box;
height: 100px;
}
#content .content-center .partners .partners-carousel li a {
display: table-cell;
width: 260px;
height: 100px;
vertical-align: middle;
padding: 0 10px;
}
#content .content-center .partners .partners-carousel li a img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
#content .content-center .news-items {
list-style-type: none;
padding: 0;
margin: 0 -4px;
}
#content .content-center .news-items li {
display: inline-block;
float: left;
width: 33.3333%;
padding: 0 4px;
}
#content .content-center .news-items li .table {
height: 230px;
}
#content .content-center .news-items li .table .table-cell {
height: 230px;
}
#content .content-center .news-items li .table .table-cell p {
font-size: 23px;
padding: 0 20px;
}
#content .content-center .info-block h2 {
margin-bottom: .65em;
}
#content .content-center .info-block .button {
margin-top: 5px;
}
#content .content-section:before,
#content .content-section:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#content .content-section:after {
clear: both;
}
#content .content-section.partner-section {
margin-bottom: 50px;
margin-top: 20px;
padding-top: 0;
}
#content .content-section.container {
padding: 20px 0;
}
#content .content-section.info-blocks {
padding: 20px 0 50px;
}
#content .content-section h2 {
font-size: 32px;
}
#content .content-section .news-panel {
width: 64%;
margin-right: 23px;
position: relative;
display: inline-block;
float: left;
margin-top: 0;
}
#content .content-section .news-panel h1 {
margin: 0 0 16px 0;
font-size: 32px;
text-align: left;
}
#content .content-section .news-panel .bx-wrapper {
padding-left: 0;
}
#content .content-section .news-panel .twitter-feed {
list-style-type: none;
padding: 0;
margin-bottom: 35px;
text-align: left;
margin-top: 0;
}
#content .content-section .news-panel .twitter-feed li.tweet {
width: 48%;
display: inline-block;
min-height: 280px;
vertical-align: top;
box-sizing: border-box;
padding: 0 5px;
}
#content .content-section .news-panel .twitter-feed li.tweet.last {
margin: 0;
}
#content .content-section .news-panel .twitter-feed li.tweet iframe {
top: 0;
}
#content .content-section .news-panel .twitter-feed li.tweet img {
border: 1px solid #b8b8b8;
display: inline-block;
}
#content .content-section .news-panel .twitter-feed li.tweet .heading {
display: inline-block;
width: 178px;
vertical-align: top;
}
#content .content-section .news-panel .twitter-feed li.tweet .heading h4 {
font-size: 16px;
margin: 0;
display: inline-block;
margin-bottom: 5px;
}
#content .content-section .news-panel .twitter-feed li.tweet .twitter-options {
list-style-type: none;
padding: 0;
}
#content .content-section .news-panel .twitter-feed li.tweet .twitter-options li {
display: inline-block;
}
#content .content-section .news-panel .twitter-feed li.tweet .twitter-options li a {
font-size: 13px;
}
#content .content-section .news-panel .twitter-feed li.tweet .twitter-options li a:hover {
color: #323232;
}
#content .content-section .news-panel .twitter-feed li.tweet .twitter-options li.divider {
color: #2971a3;
margin: 0 4px;
}
#content .content-section .news-panel .twitter-feed li.tweet a.button {
display: none;
}
#content .content-section .news-panel .social-icons {
list-style-type: none;
padding: 0;
position: absolute;
top: -8px;
right: 0;
margin: 0;
}
#content .content-section .news-panel .social-icons li {
display: inline-block;
}
#content .content-section .news-panel .bx-controls-direction {
position: absolute;
top: -81px;
display: inline-block;
right: 55px;
}
#content .content-section .news-panel .bx-controls-direction a {
border-radius: 30px;
margin: 0;
position: relative;
background-color: #e6e6e6;
width: 50px;
display: inline-block;
height: 50px;
border: 1px solid #afb0b2;
line-height: 48px;
background-repeat: no-repeat;
transition: background-color 0.3s ease-out;
left: auto;
right: auto;
}
#content .content-section .news-panel .bx-controls-direction a:hover,
#content .content-section .news-panel .bx-controls-direction a:active {
background-color: #2971a3;
border: 1px solid #1e5073;
}
#content .content-section .news-panel .bx-controls-direction .bx-next {
background-image: url("images/rightarrow-icon.png");
background-position: 20px 18px;
background-size: 10px;
}
#content .content-section .news-panel .bx-controls-direction .bx-next:hover,
#content .content-section .news-panel .bx-controls-direction .bx-next:active {
background-position: 20px -17px;
}
#content .content-section .news-panel .bx-controls-direction .bx-prev {
background-image: url("images/leftarrow-icon.png");
background-position: 17px 18px;
margin-right: 5px;
background-size: 10px;
}
#content .content-section .news-panel .bx-controls-direction .bx-prev:hover,
#content .content-section .news-panel .bx-controls-direction .bx-prev:active {
background-position: 17px -17px;
}
#content .content-section .download-the-app-container {
padding: 8px;
border: 1px solid #b8b8b8;
box-sizing: border-box;
float: right;
margin-top: 50px;
vertical-align: bottom;
background-color: #ffffff;
width: 32%;
}
#content .content-section .download-the-app-container .download-the-app {
background-image: url("images/download-app-bg.png");
background-repeat: no-repeat;
max-width: 290px;
max-height: 206px;
padding: 25px 15px;
box-sizing: border-box;
}
#content .content-section .download-the-app-container .download-the-app .small {
padding: 0 17px;
}
#content .content-section .download-the-app-container .download-the-app.temp-swap {
background-image: url(images/moduleAppUpdate-homePage.jpg);
}
#content .content-section .download-the-app-container .download-the-app.temp-swap h2 {
font-size: 30px;
height: 100px;
width: auto;
}
#content .content-section .download-the-app-container .download-the-app.temp-swap h2 a {
color: inherit;
font: inherit;
}
#content .content-section .download-the-app-container .download-the-app.temp-swap p a {
color: inherit;
font: inherit;
}
#content .content-section .download-the-app-container .download-the-app h2 {
color: #ffffff;
width: 160px;
margin: 18px 0;
}
#content .content-section .partners .partners-carousel {
width: 748px;
height: 100px;
margin: 0;
}
#content .content-section .partners .partners-carousel li {
margin: 0;
padding: 0;
text-align: center;
box-sizing: border-box;
height: 100px;
}
#content .content-section .partners .partners-carousel li a {
display: table-cell;
width: 260px;
height: 100px;
vertical-align: middle;
padding: 0 10px;
}
#content .content-section .partners .partners-carousel li a img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
#content .content-section .news-items {
list-style-type: none;
padding: 0;
margin: 0 -4px;
}
#content .content-section .news-items li {
display: inline-block;
float: left;
width: 33.3333%;
padding: 0 4px;
}
#content .content-section .news-items li .table {
height: 230px;
}
#content .content-section .news-items li .table .table-cell {
height: 230px;
}
#content .content-section .news-items li .table .table-cell p {
font-size: 23px;
padding: 0 20px;
}
#content .content-section .info-block h2 {
margin-bottom: .65em;
}
#content .content-section .info-block .button {
margin-top: 5px;
}
/* Footer */
#footer {
margin-top: 20px;
}
#footer .footer-container {
max-width: 960px;
margin: 0 auto;
height: 130px;
position: relative;
padding: 0 10px;
}
#footer .footer-container .menu-footer-menu-container {
margin-right: 10px;
display: block;
}
#footer .footer-container .menu-footer-menu-container ul:before,
#footer .footer-container .menu-footer-menu-container ul:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#footer .footer-container .menu-footer-menu-container ul:after {
clear: both;
}
#footer .footer-container .menu-footer-menu-container ul.menu > li,
#footer .footer-container .menu-footer-menu-container div.menu > ul > li {
margin-right: 2px;
}
#footer .footer-container .menu-footer-menu-container ul.menu > li > a,
#footer .footer-container .menu-footer-menu-container div.menu > ul > li > a {
background: #00828c;
font-size: 14px;
min-width: 0;
padding: 5px 15px;
}
#footer .footer-container ul.social-media {
float: left;
list-style-type: none;
padding: 0;
margin: 5px 0 0;
position: relative;
top: 0;
left: 0;
width: auto;
}
#footer .footer-container ul.social-media li {
vertical-align: middle;
display: inline-block;
height: 16px;
}
#footer .footer-container ul.social-media li a {
overflow: hidden;
background-repeat: no-repeat;
display: inline-block;
margin: 0;
text-indent: -9999px;
}
#footer .footer-container ul.social-media li.facebook {
margin: 0;
/* border-right:1px solid #a1a1a1; */
padding: 0 5px;
}
#footer .footer-container ul.social-media li.facebook a {
background-image: url("images/facebook-footer-icon.png");
background-size: 7px;
}
#footer .footer-container ul.social-media li.facebook a:hover {
background-position: 0 -30px;
}
#footer .footer-container ul.social-media li.facebook a:active {
background-position: 0 -30px;
}
#footer .footer-container ul.social-media li.twitter {
margin: 0;
}
#footer .footer-container ul.social-media li.twitter a {
background-image: url("images/twitter-footer-icon.png");
width: 31px;
}
#footer .footer-container ul.social-media li.twitter a:hover {
background-position: 0 -40px;
}
#footer .footer-container ul.social-media li.twitter a:active {
background-position: 0 -40px;
}
#footer .footer-container ul.social-media li.youtube {
margin: 0;
}
#footer .footer-container ul.social-media li.youtube a {
background-image: url("images/youtube-footer-icon.png");
background-size: 39px;
}
#footer .footer-container ul.social-media li.youtube a:hover {
background-position: 0 -30px;
}
#footer .footer-container ul.social-media li.youtube a:active {
background-position: 0 -30px;
}
#footer .footer-container ul.social-media li.divider {
font-size: 20px;
vertical-align: top;
}
#footer .footer-container p.disclaimer {
max-width: 480px;
font-size: 11px;
}
#footer .footer-container a.footer-logo {
position: absolute;
right: 10px;
top: -14px;
}
#footer .footer-container a.footer-logo img {
width: 131px;
}
/* Unsolved Cases */
#content .content-center .list {
float: left;
width: 71%;
}
#content .content-center .list .cases-container {
display: inline-block;
margin-bottom: 100px;
margin-right: 3%;
width: 97%;
float: left;
}
#content .content-center .list .cases-container .view {
position: absolute;
right: 0;
top: 0;
}
#content .content-center .list .cases-container ul.case-display {
margin-top: 50px;
}
#content .content-center .list .cases-container ul.case-display.after-featured {
margin-top: 0;
}
#content .content-center .list .cases-container ul.case-display li.case {
float: left;
}
#content .content-center .list .cases-container ul.case-display li.case hr {
width: 100%;
float: left;
margin: 25px 0 30px;
}
#content .content-center .list .cases-container ul.case-display li.case.featured {
padding: 15px 8px;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .case-buttons {
bottom: 16px;
}
#content .content-center .list .cases-container ul.case-display li.case .image-container {
margin-right: 2%;
float: left;
max-width: 100%;
width: 32%;
}
#content .content-center .list .cases-container ul.case-display li.case img {
box-sizing: border-box;
}
#content .content-center .list .cases-container ul.case-display li.case img.desktop {
display: inline-block;
}
#content .content-center .list .cases-container ul.case-display li.case img.desktop.grid {
display: none;
}
#content .content-center .list .cases-container ul.case-display li.case img.mobile {
display: none;
}
#content .content-center .list .cases-container ul.case-display li.case .content {
width: 66%;
float: right;
}
#content .content-center .list .cases-container ul.case-display li.case .content h4 {
font-size: 16px;
}
#content .content-center .list .cases-container ul.case-display li.case .content h4 span {
font-size: 16px;
}
#content .content-center .list .cases-container ul.case-display li.case .content h5 {
font-size: 16px;
}
#content .content-center .list .cases-container ul.case-display li.case .content .desc {
margin-bottom: 36px;
}
#content .content-center .list .cases-container ul.case-display li.case .content .desc ul {
padding: 0;
}
#content .content-center .list .cases-container ul.case-display li.case .content .desc ul li {
list-style: none;
}
#content .content-center .list .cases-container ul.case-display li.case .case-buttons {
bottom: 63px;
}
#content .content-center .grid {
float: left;
width: 71%;
}
#content .content-center .grid .cases-container {
display: inline-block;
margin-right: 3%;
width: 97%;
margin-bottom: 100px;
}
#content .content-center .grid .cases-container .view {
position: absolute;
right: 0;
top: 0;
}
#content .content-center .grid .cases-container .case-display {
margin-top: 50px;
width: 515px;
transition: all 0.2s ease-out;
}
#content .content-center .grid .cases-container .case-display.after-featured {
margin-top: 0;
}
#content .content-center .grid .cases-container .case-display .case {
margin-bottom: 2%;
width: 49%;
display: inline-block;
float: left;
position: relative;
height: 550px;
}
#content .content-center .grid .cases-container .case-display .case .image-container {
margin-right: 0;
width: 252px;
height: 226px;
max-width: none;
}
#content .content-center .grid .cases-container .case-display .case .image-container a {
width: 252px;
height: 224px;
}
#content .content-center .grid .cases-container .case-display .case .image-container img {
max-width: 252px;
max-height: 224px;
}
#content .content-center .grid .cases-container .case-display .case.featured {
background-color: #e6e6e6;
padding: 9px;
box-sizing: border-box;
border: 1px solid #a7a7a7;
width: 100%;
height: auto;
}
#content .content-center .grid .cases-container .case-display .case.featured hr {
display: none;
}
#content .content-center .grid .cases-container .case-display .case.featured img {
width: 100%;
}
#content .content-center .grid .cases-container .case-display .case.featured img.desktop {
display: inline-block;
}
#content .content-center .grid .cases-container .case-display .case.featured img.desktop.list {
display: none;
}
#content .content-center .grid .cases-container .case-display .case.featured img.mobile {
display: none;
}
#content .content-center .grid .cases-container .case-display .case hr {
margin: 0;
position: absolute;
bottom: 0;
width: 100%;
}
#content .content-center .grid .cases-container .case-display .case .content {
width: 100%;
margin-top: 10px;
}
#content .content-center .grid .cases-container .case-display .case .content a.more {
display: inline-block;
}
#content .content-center .grid .cases-container .case-display .case .content p {
margin-bottom: 42px;
}
#content .content-center .grid .cases-container .case-display .case .case-buttons {
position: absolute;
bottom: 15px;
}
#content .content-center .grid .cases-container .case-display .case img {
margin: 0 auto;
box-sizing: border-box;
}
#content .content-center .grid .cases-container .case-display .case img.desktop {
display: block;
}
#content .content-center .grid .cases-container .case-display .case img.mobile {
display: none;
}
#content .content-center .grid .cases-container .case-display .case:nth-child(2n-1) {
margin-right: 2%;
}
#content .content-center .widget-panel {
float: right;
width: 29%;
}
#content .content-center .widget-panel .top-buttons ul.mobilemenu {
border: none;
position: relative;
height: auto;
margin-bottom: 20px;
}
#content .content-center .widget-panel .top-buttons ul.mobilemenu li.search-tab,
#content .content-center .widget-panel .top-buttons ul.mobilemenu li.sort-tab {
position: relative;
}
#content .content-center .widget-panel .top-buttons ul.mobilemenu li.search-tab > a,
#content .content-center .widget-panel .top-buttons ul.mobilemenu li.sort-tab > a {
display: none;
}
#content .content-center .widget-panel .top-buttons ul.mobilemenu li.search-tab .filter,
#content .content-center .widget-panel .top-buttons ul.mobilemenu li.sort-tab .filter {
border-radius: 0;
}
#content .content-center .widget-panel .filter {
background-color: #ffffff;
border: 1px solid #989898;
box-sizing: border-box;
padding: 10px;
margin-bottom: 20px;
display: block !important;
}
#content .content-center .widget-panel .filter .row label {
margin-bottom: 10px;
color: #000000;
}
#content .content-center .widget-panel .filter .row .element {
width: 100%;
margin: 0;
}
#content .content-center .widget-panel .filter .row .element input {
height: 32px;
line-height: 34px;
}
#content .content-center .widget-panel .filter .row .element .select-skinned-cont {
height: 32px;
line-height: 32px;
}
#content .content-center .widget-panel .filter .row.timeframe .element {
width: 48%;
margin-right: 4%;
}
#content .content-center .widget-panel .filter .row.timeframe .element.last {
margin: 0;
}
#content .content-center .widget-panel .filter .row.suburbs {
display: inline-block;
}
#content .content-center .widget-panel .filter .row.suburbs .element input {
width: 7%;
display: inline-block;
height: auto;
}
#content .content-center .widget-panel .filter .row.suburbs .element label {
font-size: 13px;
font-weight: 400;
margin: 0;
color: #828282;
display: inline-block;
}
#content .content-center .widget-panel .back-button {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
#content .content-center .widget-panel .download-app-wrapper .download-the-app-container {
width: 100%;
padding: 5px;
margin-top: 20px;
}
#content .content-center .widget-panel .download-app-wrapper .download-the-app-container h2 {
margin: 12px 0;
}
#content .content-center .widget-panel .download-app-wrapper a.powered-by {
font-size: 11px;
color: #323232;
}
/* Events */
#content .content-center .list {
float: left;
}
#content .content-center .list .events-container {
width: 97%;
display: inline-block;
margin-right: 3%;
margin-bottom: 100px;
}
#content .content-center .list .events-container .view {
position: absolute;
right: 0;
top: 0;
}
#content .content-center .list .events-container ul.event-display {
margin-top: 0;
width: 100%;
}
#content .content-center .list .events-container ul.event-display li.event {
float: left;
width: 100%;
}
#content .content-center .list .events-container ul.event-display li.event .image-container {
max-width: 100%;
width: 32%;
margin-right: 2%;
float: left;
}
#content .content-center .list .events-container ul.event-display li.event img {
width: 100%;
}
#content .content-center .list .events-container ul.event-display li.event .content {
width: 66%;
float: right;
}
#content .content-center .list .events-container ul.event-display li.event .content h5 {
font-size: 16px;
}
#content .content-center .list .events-container ul.event-display li.event .content h4.date {
font-size: 16px;
}
#content .content-center .list .events-container ul.event-display li.event .content h4.date span {
font-size: 16px;
}
#content .content-center .list .events-container ul.event-display li.event .content p span.extended {
display: inline;
}
#content .content-center .list .events-container ul.event-display li.event .content .desc {
margin-bottom: 36px;
}
#content .content-center .list .events-container ul.event-display li.event .content .event-buttons a.more {
display: inline-block;
}
#content .content-center .list .events-container ul.event-display li.event .content .event-buttons a.small {
padding: 0 18px;
}
/* Article Page */
#content .content-center .article-container {
width: 68%;
margin: 0 3% 50px 0;
float: left;
}
#content .content-center .article-container .case-brief {
position: relative;
margin-bottom: 30px;
}
#content .content-center .article-container .case-brief .added-margin {
margin-bottom: 20px;
}
#content .content-center .article-container .case-brief h1 {
margin: 0;
}
#content .content-center .article-container .case-brief h3 {
margin-bottom: 25px;
}
#content .content-center .article-container .case-brief .tools {
position: absolute;
top: 0.3em;
right: 0;
margin: 0;
}
#content .content-center .article-container .case-brief .tools i {
float: left;
margin-left: 5px;
}
#content .content-center .article-container .case-brief .tools a.printicon {
display: none;
}
#content .content-center .article-container .case-brief .tools a.downloadicon {
display: none;
}
#content .content-center .article-container .section-one .media {
width: 65%;
margin: 0 2% 1% 0;
float: left;
}
#content .content-center .article-container .section-one .media.image {
width: 330px;
height: 330px;
background: #eee;
}
#content .content-center .article-container .section-one .media.image .alignment {
width: 330px;
height: 330px;
display: table-cell;
vertical-align: middle;
}
#content .content-center .article-container .section-one .media.image .alignment img {
max-height: 330px;
max-width: 330px;
}
#content .content-center .article-container .section-one p {
margin-top: 0;
}
#content .content-center .article-container .section-two-row {
margin-bottom: 10px;
}
#content .content-center .article-container .section-two-row .media-one {
width: 100%;
float: left;
margin-bottom: 1.2%;
}
#content .content-center .article-container .section-two-row .media-one .alignment {
width: 100%;
height: auto;
display: block;
}
#content .content-center .article-container .section-two-row .media-one .alignment img.tall {
width: auto;
max-height: 650px;
margin: 0 auto;
}
#content .content-center .article-container .section-two-row .media-two {
width: 49%;
margin-right: 2%;
float: left;
}
#content .content-center .article-container .section-two-row .media-two img {
width: 100%;
height: auto;
}
#content .content-center .article-container .section-two-row .media-two img.tall {
width: auto;
height: 100%;
margin: 0 auto;
}
#content .content-center .article-container .section-two-row .media-three {
width: 49%;
float: left;
}
#content .content-center .article-container .section-two-row .media-three img {
width: 100%;
height: auto;
}
#content .content-center .article-container .section-two-row .media-three img.tall {
width: auto;
height: 100%;
margin: 0 auto;
}
#content .content-center .article-container .section-two-row .media-two,
#content .content-center .article-container .section-two-row .media-three {
margin-bottom: 16px;
}
#content .content-center .article-container .section-two-row .media-two img,
#content .content-center .article-container .section-two-row .media-three img {
width: 100%;
height: auto;
}
#content .content-center .article-container .section-two-row .media-two img.tall,
#content .content-center .article-container .section-two-row .media-three img.tall {
width: auto;
height: 100%;
margin: 0 auto;
}
#content .content-center .article-container .section-two-row .alignment {
height: 320px;
vertical-align: middle;
display: block;
background: #eee;
}
#content .content-center .article-container .section-two-row .alignment img.tall {
height: 320px;
}
#content .content-center .article-container .section-two-row p {
float: left;
}
#content .content-center .article-container .section-three-col {
margin-bottom: 10px;
}
#content .content-center .article-container .section-three-col .media-one {
width: 32.5%;
margin-right: 1.25%;
float: left;
}
#content .content-center .article-container .section-three-col .media-one img {
width: 100%;
height: auto;
}
#content .content-center .article-container .section-three-col .media-one img.tall {
width: auto;
height: 100%;
margin: 0 auto;
}
#content .content-center .article-container .section-three-col .media-two {
width: 32.5%;
margin-right: 1.25%;
float: left;
}
#content .content-center .article-container .section-three-col .media-two img {
width: 100%;
height: auto;
}
#content .content-center .article-container .section-three-col .media-two img.tall {
width: auto;
height: 100%;
margin: 0 auto;
}
#content .content-center .article-container .section-three-col .media-three {
width: 32.5%;
float: left;
}
#content .content-center .article-container .section-three-col .media-three img {
width: 100%;
height: auto;
}
#content .content-center .article-container .section-three-col .media-three img.tall {
width: auto;
height: 100%;
margin: 0 auto;
}
#content .content-center .article-container .section-three-col .alignment {
height: 300px;
vertical-align: middle;
display: block;
background: #eee;
}
#content .content-center .article-container .section-three-col p {
float: left;
}
#content .content-center .article-container .say-something {
margin-top: 50px;
}
#content .content-center .article-container .say-something p {
margin: 0 0 5px 0;
}
#content .content-center .article-container .say-something p span {
font-weight: 700;
}
#content .content-center .article-container .say-something a {
color: #7faf22;
}
#content .content-center .widget-panel .report-information {
padding: 15px 9px;
box-sizing: border-box;
background-color: #2971a3;
}
#content .content-center .widget-panel .report-information h4 {
color: #ffffff;
margin: 0 0 10px 0;
font-size: 24px;
}
#content .content-center .widget-panel .similar-unsolved-crimes {
margin-bottom: 40px;
}
#content .content-center .widget-panel .similar-unsolved-crimes h1 {
font-size: 25px;
margin-bottom: 15px;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case {
margin-bottom: 15px;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container {
width: 71px;
height: auto;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container .alignment {
width: 71px;
height: 53px;
max-width: 71px;
overflow: hidden;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container .alignment img {
width: auto;
height: auto;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .image-container .alignment img.tall {
width: auto;
height: 53px;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case hr {
display: none;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .content {
width: 60%;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .content h4 {
font-size: 14px;
margin-bottom: 5px;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .content h4 span {
font-size: 14px;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .content h5 {
font-size: 14px;
margin-bottom: 5px;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .content p.desktop {
display: none;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .content .case-buttons {
display: none;
}
#content .content-center .widget-panel .similar-unsolved-crimes ul.case-display li.case .content a.find-out-more {
font-style: italic;
font-size: 14px;
}
#content .content-center .widget-panel .download-app-wrapper .download-the-app-container {
margin: 0;
margin-bottom: 10px;
width: 100%;
}
#content .content-center .widget-panel .download-app-wrapper .download-the-app-container .download-the-app {
text-align: left;
padding: 20px 15px;
}
#content .content-center .widget-panel .download-app-wrapper .download-the-app-container .download-the-app h2 {
font-size: 32px;
margin: 12px 0;
}
#content .content-center .widget-panel .download-app-wrapper .download-the-app-container .download-the-app p {
font-size: 16px;
}
#content .content-center .widget-panel .download-app-wrapper a.powered-by {
font-size: 11px;
float: left;
}
/* News Page */
.news-container {
width: 68%;
margin-right: 3%;
position: relative;
float: left;
}
.news-container .twitter-follow {
position: absolute;
top: 0;
right: 0;
}
.news-container .twitter-follow h4 {
font-size: 14px;
display: inline-block;
vertical-align: top;
margin: 10px 0 10px 5px;
}
.news-container .twitter-follow a {
display: inline-block;
}
.news-container .twitter-follow a i {
display: inline-block;
}
.news-container h1 {
margin: 0;
}
.news-container ul.news-display {
margin-top: 50px;
}
.news-container ul.news-display li.news-item img {
width: 82px;
margin-right: 15px;
}
.news-container ul.news-display li.news-item .content {
width: 79%;
}
.news-container ul.news-display li.news-item .content h5 {
font-size: 16px;
}
.news-container ul.news-display li.news-item .content p {
margin: 0 0 65px;
}
.news-container ul.news-display li.news-item .content h4 {
font-size: 16px;
}
.news-container ul.news-display li.news-item .content .case-buttons a.more {
display: inline-block;
}
.widget-panel.widget-panel-absolute {
position: absolute;
}
.widget-panel.widget-panel-fixed {
position: fixed;
}
.widget-panel .crime-of-the-week-wrapper .crime-of-the-week h2 {
font-size: 34px;
width: 150px;
}
/* Content Page */
.content-container {
position: relative;
}
.content-container h1 {
margin-top: 0;
}
.content-container img {
width: 385px;
height: auto;
padding: 0 10px 10px 0;
border: 0;
max-width: 100%;
}
.content-container img.size-thumbnail,
.content-container img.size-medium,
.content-container img.size-large,
.content-container img.size-full {
width: auto;
}
.content-container img.alignleft {
float: left;
}
.content-container img.aligncenter {
display: block;
margin: 0 auto;
}
.content-container img.alignright {
float: right;
}
.content-container img.alignnone {
float: none;
display: block;
}
.content-container .relative .tools {
top: 0.5em;
}
.content-container .relative .tools.floated {
float: right;
position: relative;
}
.content-container .tools {
position: absolute;
top: 0;
right: 0;
}
.content-container .tools i {
display: inline-block;
}
.content-container .tools a.printicon {
display: none;
}
.content-container .tools a.downloadicon {
display: none;
}
/* Media Programs */
.media-container {
width: 68%;
margin-right: 3%;
margin-bottom: 65px;
}
.media-container ul.media-display li.media {
margin-bottom: 0;
width: 49%;
display: inline-block;
float: left;
position: relative;
height: 270px;
}
.media-container ul.media-display li.media.featured {
width: 100%;
height: auto;
}
.media-container ul.media-display li.media.featured .content hr {
display: none;
}
.media-container ul.media-display li.media.featured .content a.button {
left: inherit;
right: 0;
}
.media-container ul.media-display li.media.featured img {
width: 100%;
}
.media-container ul.media-display li.media:nth-child(2n+0) {
margin-right: 2%;
}
.media-container ul.media-display li.media:not(.featured) a.imagelink .alignment {
height: 121px;
}
.media-container ul.media-display li.media .content {
margin-top: 15px;
}
.media-container ul.media-display li.media .content a.button {
display: inline-block;
position: absolute;
bottom: 15px;
left: 0;
}
.media-container ul.media-display li.media .content h5 {
display: inline-block;
margin-right: 5px;
font-size: 16px;
}
.media-container ul.media-display li.media .content h4.date {
display: inline-block;
}
.media-container ul.media-display li.media .content h4 {
font-size: 16px;
margin: 0 0 5px;
}
.media-container ul.media-display li.media .content h4 span {
font-size: 16px;
}
.media-container ul.media-display li.media img {
width: 240px;
}
.media-container ul.media-display li.media hr {
display: block;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
/* Media program page */
.media-page-container {
width: 640px;
margin-right: 3%;
float: left;
}
.media-page-container .mediaprogram-container {
padding: 12px;
border: 1px solid #a7a7a7;
box-sizing: border-box;
background-color: #e6e6e6;
}
.media-page-container .mediaprogram-container .content {
margin-top: 15px;
}
.media-page-container .mediaprogram-container .content h5 {
display: inline-block;
margin-right: 5px;
color: #2971a3;
font: 700 16px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.media-page-container .mediaprogram-container .content h4.date {
display: inline-block;
}
.media-page-container .mediaprogram-container .content h4 {
margin: 0 0 5px;
font: 700 16px/1.1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
}
.media-page-container .mediaprogram-container .content h4 span {
font-size: 16px;
font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
}
.media-page-container .mediaprogram-container iframe {
width: 100%;
}
.media-page-container h1 {
margin: 20px 0 40px 0;
}
.media-page-container .jp-audio .jp-progress {
width: 490px;
}
/* Donation page */
.donation-container {
width: 68%;
margin-right: 3%;
float: left;
}
.donation-container h1 {
margin-top: 0;
}
.donation-container form .row {
width: 49%;
margin-right: 2%;
}
.donation-container form .row.last {
margin-right: 0;
}
.donation-container form .row.terms {
width: 100%;
margin-bottom: 35px;
}
.donation-container form .row .element {
width: 100%;
margin: 0;
}
.donation-container form .row .expiry .half {
width: 49%;
}
.donation-container form .row .expiry .half label {
width: auto !important;
}
.donation-container form .donation-amount .row {
width: 100%;
margin-right: 0;
}
.donation-container form ul.donation-amount {
width: 100%;
}
.donation-container form ul.donation-amount li a.option {
height: 46px;
line-height: 48px;
transition: all 0.2s ease-out;
}
.donation-container form ul.donation-amount li.amount {
width: 142px;
}
.donation-container form .card-container {
display: inline-block;
width: 48%;
margin-top: 10px;
}
.donation-container form .card-container ul.cardtype li {
padding-right: 5px;
}
.donation-container form .card-container ul.cardtype li img {
height: 32px;
}
.donation-container form .card-container label {
line-height: 1.6;
margin-right: 5px;
float: left;
}
.donation-container form .payment-options .row {
width: 100%;
}
.donation-container form .donation-type .row {
width: 100%;
margin-bottom: 0;
}
.donation-container form .donation-type .row label {
vertical-align: top;
height: 48px;
line-height: 48px;
margin: 0 15px 0 0;
}
.donation-container form .donation-type .row .select-skinned {
display: inline-block;
}
.donation-container form .donation-type .row .select-skinned-text {
width: 220px;
}
.widget-panel .where-do-donations-go {
margin-bottom: 25px;
}
.widget-panel .where-do-donations-go h4 {
margin: 0 0 20px;
}
.widget-panel .where-do-donations-go hr {
margin: 20px 0;
}
.widget-panel .where-do-donations-go img {
width: 164px;
}
.widget-panel .our-results {
margin-bottom: 25px;
}
.widget-panel .our-results p {
margin: 20px 0;
}
.widget-panel .our-results h4 {
margin: 0;
}
.widget-panel .our-results img {
width: 187px;
}
.widget-panel .donate-via-mail {
padding: 15px 10px;
box-sizing: border-box;
background-color: #2971a3;
margin-bottom: 25px;
}
.widget-panel .donate-via-mail h4 {
color: #ffffff;
margin: 0;
}
.widget-panel .donate-via-mail p {
color: #ffffff;
margin: 15px 0;
}
.widget-panel a.donate {
margin-bottom: 25px;
}
/* Donation Confirmation */
.donate-confirm-container {
width: 500px;
}
.donate-confirm-container h1 {
margin-top: 0;
}
.donate-confirm-container ul.receipt-container {
padding: 20px 40px 10px;
}
.donate-confirm-container ul.receipt-container li {
display: block;
margin: 10px 0;
width: 50%;
float: left;
}
.donate-confirm-container ul.receipt-container li h6 {
font-size: 16px;
}
.donate-confirm-container .share-donation img {
width: 87px;
}
.donate-confirm-container .share-donation p {
font-size: 16px;
width: 395px;
margin-bottom: 8px;
}
.widget-panel .receipt-options a.button {
margin-bottom: 10px;
}
/* Contact */
.contact-container h1 {
margin-top: 0;
}
.contact-container .report-online {
display: inline-block;
line-height: 50px;
}
.contact-container .report-online span {
margin: 0 5px;
}
/* Results page */
.results-container {
float: left;
margin-bottom: 65px;
}
.results-container h1 {
margin-top: 0;
}
.results-container img.border {
padding: 11px;
border: 1px solid #a7a7a7;
width: 45%;
float: left;
margin-right: 4%;
}
.results-container .content {
float: left;
width: 51%;
}
.results-container .content p {
margin-top: 0;
}
.results-container img.infographic {
width: 100%;
margin-bottom: 50px;
}
.results-container a.donate {
display: block;
position: absolute;
right: 10px;
top: 10px;
}
/* Search Results */
section.search-results h1 {
margin-top: 0;
}
section.search-results nav a {
font-size: inherit;
}
section.search-results ul.results-list li.result {
padding: 25px 0 15px;
}
/* Campaign page */
/* new campaign stuff */
.campaign-list {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*justify-content: space-around;*/
}
article.campaign-preview {
position: relative;
background-color: #e6e6e6;
border: 1px solid #a7a7a7;
padding: 20px;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
margin-bottom: 30px;
width: 100%;
}
article.campaign-preview:not(:first-child) {
width: calc(33.3333% - 20px);
margin-right: 30px;
display: block;
background: none;
border: none;
border-bottom: 1px solid #a7a7a7;
padding: 0;
}
article.campaign-preview:nth-of-type(3n + 1) {
margin-right: 0;
}
article.campaign-preview h4 {
font-size: 16px;
}
.campaign-preview--image-container {
border: 1px solid #a7a7a7;
width: calc(33.3333% - 30px);
height: 0;
padding-bottom: calc(33.3333% - 30px);
margin-right: 20px;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
flex-shrink: 0;
}
article.campaign-preview:not(:first-child) .campaign-preview--image-container {
width: 100%;
padding-bottom: 100%;
height: 0;
}
article.campaign-preview:not(:first-child) .campaign-preview--content {
margin-bottom: 80px;
}
article.campaign-preview:not(:first-child) .campaign-preview--button {
position: absolute;
bottom: 20px;
}
.campaign-gallery {
display: -webkit-flex;
display: flex;
justify-content: space-around;
}
.campaign-gallery--item {
margin: 10px;
}
.campaign-gallery--image {
width: 100%;
}
/* new campaign stuff ends */
/* new news stuff starts */
article.news-preview {
position: relative;
border-bottom: 1px solid #a7a7a7;
padding: 20px 0;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
width: 100%;
align-items: flex-start;
}
article.news-preview img {
display: block;
width: 25%;
height: auto;
margin-right: 20px;
}
article.news-preview h4 {
font-size: 16px;
margin-top: 0;
}
/* new news stuff ends */
/* new media stuff */
.media-list {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*justify-content: space-around;*/
}
article.media-preview {
position: relative;
background-color: #e6e6e6;
border: 1px solid #a7a7a7;
padding: 20px;
box-sizing: border-box;
padding-bottom: 20px;
margin-bottom: 30px;
width: 100%;
}
article.media-preview:not(:first-of-type) {
width: calc(33.3333% - 20px);
margin-right: 30px;
background: none;
border: none;
border-bottom: 1px solid #a7a7a7;
padding: 0;
}
article.media-preview:nth-of-type(3n + 1) {
margin-right: 0;
}
article.media-preview:not(:first-of-type) .content {
margin-bottom: 80px;
}
article.media-preview h4 {
font-size: 16px;
margin-bottom: 0;
}
article.media-preview h5 {
font: bold 16px/1.1 'Proxima Nova', Arial, Helvetica, sans-serif;
color: #2971a3;
margin-top: 5px;
display: inline-block;
}
article.media-preview .case-buttons {
text-align: right;
}
article.media-preview:not(:first-of-type) .case-buttons {
position: absolute;
bottom: 20px;
}
.media-preview--image-container {
position: relative;
border: 1px solid #a7a7a7;
padding-bottom: 62.5%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.media-preview--image-container .duration {
position: absolute;
right: 0;
bottom: 0;
background-color: #000;
color: #fff;
padding: 5px 10px;
}
/* new campaign stuff ends */
.campaign-container {
position: relative;
float: left;
}
.campaign-container .section-one {
width: 100%;
}
.campaign-container .section-one .media {
float: left;
width: 42%;
}
.campaign-container .section-one .media iframe {
width: 200px;
height: 150px;
}
.campaign-container .section-one .media img {
max-width: 100%;
height: auto;
}
.campaign-container .section-one .content-brief {
float: left;
width: 290px;
margin-left: 10px;
position: relative;
}
.campaign-container .section-one .content-brief .tools {
position: absolute;
top: 0;
right: 0;
}
.campaign-container .section-one .content-brief .tools i {
float: left;
margin-left: 5px;
}
.campaign-container .section-one .content-brief h5 {
font-size: 22px;
margin-top: 5px;
}
.campaign-container .section-one .content {
width: 100%;
float: left;
}
.campaign-container .section-one .content p:before,
.campaign-container .section-one .content p:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.campaign-container .section-one .content p:after {
clear: both;
}
.campaign-container .section-one .content p img.alignleft {
float: left;
width: 50%;
height: auto;
}
#content .campaign-container .section-one h2 {
font-size: 44px;
}
#content .campaign-container .section-one h3 {
font-size: 21px;
}
.campaign-container .section-two {
width: 100%;
}
.campaign-container .section-two img {
width: 100%;
height: auto;
}
.campaign-container .section-three {
width: 100%;
}
.campaign-container .section-three img {
width: 100%;
height: auto;
}
.campaign-container .section-three .media-one {
width: 48%;
margin-right: 2%;
float: left;
}
.campaign-container .section-three .media-two {
width: 50%;
float: right;
margin-bottom: 2%;
}
.campaign-container .section-three .media-three {
width: 50%;
float: right;
}
/* Report Page */
.content-container.report-container {
width: 68%;
margin-right: 3%;
}
.content-container.report-container .button {
width: auto !important;
}
.content-container.report-container h1 {
margin: 0;
}
.content-container.report-container h2 {
margin-top: 10px;
}
.content-container.report-container h5 {
font-size: 22px;
}
.content-container.report-container h6 {
font-size: 16px;
margin-bottom: 20px;
}
.content-container.report-container .message-panel-wrapper .message-panel {
margin-bottom: 20px;
}
.content-container.report-container .response {
margin-top: 30px;
}
.content-container.report-container .response h4 {
margin: 10px 0;
}
.content-container.report-container .response textarea {
margin-bottom: 20px;
height: 270px;
}
.content-container.report-container .response a.button {
margin-bottom: 20px;
}
.content-container.report-container .report-overview h6 {
margin: 20px 0;
}
.content-container.report-container .step form ul.crime-categories li label {
font-size: 16px;
}
.content-container.report-container .step form ul.crime-categories li i {
top: -1px;
height: 18px;
width: 18px;
line-height: 18px;
}
.content-container.report-container .step form .row label:not(.with-helper) {
margin-bottom: 10px;
}
.content-container.report-container .step form .row fieldset {
width: 550px;
max-width: 100%;
}
.content-container.report-container .step form .row fieldset textarea {
min-height: 100px;
width: 100%;
}
.content-container.report-container .step form .row fieldset input[type="text"] {
width: 100%;
}
.content-container.report-container .step form .row .field {
width: 100%;
}
.content-container.report-container .step form .row .field span.sosa {
cursor: pointer;
display: inline;
font-size: 21px;
}
.content-container.report-container .step form .row .field span.sosa:hover {
color: #2971a3;
}
.content-container.report-container .step form .row .field.checkbox-type .radio-group {
margin: 1.5em 0;
}
.content-container.report-container .step form .row .field.checkbox-type .radio-group:first-child {
margin-top: 0.5em;
}
.content-container.report-container .step form .row .field.checkbox-type .radio-group:last-child {
margin-bottom: 0.5em;
}
.content-container.report-container .step form .row .field.checkbox-type .radio-group label {
font-weight: normal;
}
.content-container.report-container .step form .row .field.checkbox-type .radio-group input[type="text"] {
margin-left: 22px;
}
.content-container.report-container .step form .row .field.radio-type .radio-group {
margin: 1em 0;
}
.content-container.report-container .step form .row .field.radio-type .radio-group:first-child {
margin-top: 0.5em;
}
.content-container.report-container .step form .row .field.radio-type .radio-group:last-child {
margin-bottom: 0.5em;
}
.content-container.report-container .step form .row .field.radio-type .radio-group label {
font-weight: normal;
}
.content-container.report-container .step form .row .field,
.content-container.report-container .step form .row .separator {
display: inline-block;
vertical-align: middle;
}
.content-container.report-container .step form .row.date .field.month {
margin: 0 10px;
vertical-align: top;
width: 160px;
}
.content-container.report-container .step form .row.date .field.year {
width: 90px;
}
.content-container.report-container .step form .row.date .field.datepicker {
margin-left: 10px;
position: relative;
width: auto;
}
.content-container.report-container .step form .row.date .field.datepicker .Zebra_DatePicker_Icon_Wrapper button {
display: none;
}
.content-container.report-container .step form .row.date .field.datepicker .Zebra_DatePicker {
display: none;
font-size: inherit;
left: auto;
line-height: inherit;
right: 0;
top: auto;
width: 218px;
}
.content-container.report-container .step form .row.time .field.meridiem {
margin: 0 0 0 10px;
width: 110px;
vertical-align: top;
}
.content-container.report-container .step form .row.time .separator {
margin: 0 8px;
vertical-align: middle;
}
.content-container.report-container .step form .row.location .field {
margin-bottom: 20px;
}
.content-container.report-container .step form .row.location .field.address,
.content-container.report-container .step form .row.location .field.description {
display: block;
}
.content-container.report-container .step form .row.location .field.suburb {
margin-right: 10px;
width: 320px;
}
.content-container.report-container .step form .row.location .field.postcode {
width: 130px;
}
.content-container.report-container .step form .row.location .field.pindrop {
margin-left: 10px;
position: relative;
width: auto;
}
.content-container.report-container .step form .row.location .field.description {
margin-bottom: 0;
}
.content-container.report-container .step form .row .pindrop {
display: inline-block;
}
.content-container.report-container .step .review-contents ul img {
float: none;
}
.widget-panel {
display: none;
}
.widget-panel .in-your-report h4 {
margin: 20px 0;
}
.widget-panel .in-this-report {
border: 1px solid #b8b8b8;
margin: 0 0 12px;
padding: 0 0 5px 15px;
}
.widget-panel .in-this-report h4 {
margin: 0.66em 0;
}
.widget-panel .in-this-report ol {
margin: 0 0 0 23px;
}
.widget-panel .in-this-report ol li:hover {
color: #2971a3;
}
.widget-panel .in-this-report ol li.active a {
letter-spacing: -0.3px;
}
.widget-panel .in-this-report ol li a {
left: -23px;
padding-left: 20px;
position: relative;
}
.widget-panel .in-this-report ol li a:hover {
border-bottom: 1px solid #d7e1ea;
color: #2971a3;
text-decoration: none;
}
.page-report-a-crime .widget-panel {
display: block !important;
}
.tools {
min-width: 120px;
}
.tools .share-panel {
background-image: url(images/social-dropdown-background.png);
background-position: center top;
background-repeat: no-repeat;
display: none;
height: 68px;
left: 17px;
padding-top: 15px;
position: absolute;
top: 35px;
width: 85px;
box-sizing: border-box;
}
.tools .share-panel h6 {
color: #fff;
font-family: 'Univers', Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
margin: 0 0 4px;
text-align: center;
}
.tools .share-panel span {
border: 1px solid #fff;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: normal;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
box-sizing: border-box;
}
.tools .share-panel span.facebook {
margin-left: 9px;
}
.tools .share-panel a:hover span {
background-color: #fff;
color: #2971a3;
}
.chosen-container-single .chosen-single {
font-size: 16px;
line-height: 46px;
height: 46px;
}
.chosen-container-single .chosen-single div b {
top: 19px;
}
#content .content-center .widget-panel .filter .row .element .chosen-container-single .chosen-single {
height: 32px;
line-height: 32px;
}
#content .content-center .widget-panel .filter .row .element .chosen-container-single .chosen-single div b {
top: 13px;
left: 14px;
}
.single-news .campaign-container .section-one .content-brief {
width: 100%;
margin-left: 0;
}
select {
display: block !important;
opacity: 0;
position: absolute;
z-index: -1;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#content .top-panel .top-panel-wrapper,
#content .content-section,
#content .content-section.info-blocks,
#content .grey-section,
#content .sponsors-section {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 980px) {
/* ==========================================================================
DESKTOP STYLES
========================================================================== */
body,
html {
width: 100%;
}
h1 {
font-size: 44px;
}
/* Buttons */
.small {
padding: 0 34px;
}
/* Breadcrumbs */
#breadcrumbs {
top: 80px;
}
#breadcrumbs span {
font: 400 14px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
}
#breadcrumbs span a {
font: 400 14px/1 'Univers', Tahoma, Arial, Helvetica, sans-serif;
}
/* Menu */
ul.menu,
div.menu > ul {
padding: 0;
margin: 0;
}
ul.menu li,
div.menu > ul li {
display: inline-block;
margin-right: 6px;
}
ul.menu li a,
div.menu > ul li a {
padding: 5px 10px;
font-size: 14px;
}
ul.menu li a.hover,
div.menu > ul li a.hover {
padding-bottom: 10px;
}
ul.menu li ul.sub-menu,
div.menu > ul li ul.sub-menu {
padding: 5px 0;
}
ul.menu li ul.sub-menu li a,
div.menu > ul li ul.sub-menu li a {
font-size: 14px;
}
/* Header */
#header {
width: 100%;
height: 65px;
position: relative;
padding: 17px 0 0;
margin: 0;
}
#header .center-container {
width: 960px;
margin: 0 auto;
}
#header .center-container .logo {
background-image: url("images/crimestoppers-logo.png");
background-repeat: no-repeat;
width: 139px;
height: 111px;
text-indent: -9999px;
overflow: hidden;
margin: 0;
}
#header .center-container h5 {
float: left;
font-size: 20px;
}
#header .center-container .languages {
display: inline-block;
height: 17px;
}
#header .center-container .languages ul {
display: inline-block;
padding: 0;
}
#header .center-container ul.panel {
float: right;
list-style-type: none;
}
#header .center-container ul.panel li {
display: inline-block;
line-height: 17px;
padding: 0 8px;
}
#header .center-container ul.panel li a {
font-size: 16px;
}
#header .center-container ul.panel li.search a {
margin-left: -20px;
padding-left: 20px;
}
#header .center-container ul.panel li.search input[type=search] {
background-image: url("images/search-icon.png");
background-repeat: no-repeat;
background-size: 26px;
background-position: 0 -4px;
padding-left: 28px;
}
#header .center-container ul.panel li.search input[type=search]:focus {
background-position: 0 -30px;
width: 215px;
}
#header .center-container ul.panel li.divider {
font-size: 24px;
margin: 5px 5px 0;
}
/* Header Image */
#content {
/* Content Section */
}
#content .top-panel {
width: 100%;
overflow: hidden;
max-height: 662px;
position: relative;
}
#content .top-panel .top-panel-wrapper .report-crime-info {
position: absolute;
top: 100px;
left: 0;
background-color: #ffffff;
box-sizing: border-box;
padding: 3%;
width: 48%;
margin-right: 4%;
text-align: center;
max-height: 440px;
}
#content .top-panel .top-panel-wrapper .report-crime-info h1 {
font-size: 48px;
margin: 0 0 20px 0;
}
#content .top-panel .top-panel-wrapper .report-crime-info .vertical-divide {
width: 100%;
border-top: 1px solid #afb0b2;
position: relative;
}
#content .top-panel .top-panel-wrapper .report-crime-info .vertical-divide span {
font: normal 11px/1 'Proxima Nova', Arial, Helvetica, sans-serif;
position: absolute;
left: 34%;
top: -5px;
padding: 0 0.5em;
color: #6c6c6c;
background-color: #ffffff;
}
#content .top-panel .top-panel-wrapper .report-crime-info i.info {
position: absolute;
bottom: -5%;
left: 45%;
}
#content .top-panel .top-panel-wrapper .report-crime-info .select-skinned {
margin-bottom: 20px;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel {
width: 48%;
box-sizing: border-box;
top: 100px;
position: absolute;
right: 0;
background-color: #ffffff;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel li {
height: 260px;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel .bx-controls-direction {
display: none;
}
#content .top-panel .top-panel-wrapper .focus-slide-panel .bx-pager {
padding-top: 15px;
}
#content .top-panel .top-panel-wrapper .intro {
position: absolute;
left: 0;
bottom: 10%;
}
#content .top-panel .top-panel-wrapper .intro h1 {
color: #ffffff;
font-size: 42px;
text-transform: none;
margin: 0 0 20px 0;
}
#content .top-panel .top-panel-wrapper .intro h4 {
color: #ffffff;
font-weight: 400;
font-family: 'Proxima Nova', Arial, Helvetica, sans-serif;
font-style: italic;
margin: 0;
}
#content .top-panel .top-panel-wrapper img.head-image {
width: 100%;
position: absolute;
left: 0;
height: auto;
}
#content .donate-wrapper {
height: 212px;
}
#content .donate-wrapper .donate-container .donation-carousel {
width: 40%;
box-sizing: border-box;
padding: 6px;
background-color: #ffffff;
position: absolute;
left: 0;
top: -28px;
}
#content .donate-wrapper .donate-container .donation-panel {
padding: 30px 20px;
}
#content .content-center {
padding: 45px 0 20px;
}
#content .content-center .news-panel {
width: 618px;
}
#content .content-center .news-panel .twitter-feed {
list-style-type: none;
padding: 0;
margin-bottom: 52px;
}
#content .content-center .news-panel .twitter-feed li.tweet {
/* margin-right: 15px; */
display: inline-block;
width: 309px !important;
}
#content .content-center .news-panel .twitter-feed li.tweet.last {
margin: 0;
}
#content .content-center .news-panel .twitter-feed li.tweet img {
border: 1px solid #b8b8b8;
display: inline-block;
}
#content .content-center .news-panel .twitter-feed li.tweet .heading {
display: inline-block;
width: 230px;
vertical-align: top;
}
#content .content-center .news-panel .twitter-feed li.tweet .heading h6 {
margin: 0;
display: inline-block;
margin-bottom: 5px;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options {
list-style-type: none;
padding: 0;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options li {
display: inline-block;
}
#content .content-center .news-panel .twitter-feed li.tweet .twitter-options li a {
font-size: 16px;
}
body.home #content .content-center {
padding-bottom: 0;
}
body.page-report-a-crime #map {
height: 600px;
width: 960px;
}
body.page-contact .contact-container hr {
margin: 40px 0;
}
/* Footer */
#footer .footer-container {
max-width: 960px;
margin: 0 auto;
height: 130px;
position: relative;
}
#footer .footer-container .menu-footer-menu-container {
margin-right: 10px;
}
#footer .footer-container ul.social-media {
float: left;
margin-top: 9px;
list-style-type: none;
padding: 0;
}
#footer .footer-container p.disclaimer {
font-size: 11px;
}
#footer .footer-container a.footer-logo {
position: absolute;
right: 10px;
top: -14px;
}
/* Fix for Unsolved Page */
.page-unsolved-cases #content .content-center .grid .cases-container .case-display .case .content .details {
min-height: auto;
padding-bottom: 10px;
}
#content {
/* Unsolved Cases */
/* Widget Panel */
/* Events */
/* Article Page */
/* News Page */
}
#content .content-center .list {
width: 737px;
}
#content .content-center .list .cases-container {
width: 712px;
margin-right: 25px;
}
#content .content-center .list .cases-container ul.case-display li.case {
width: 100%;
}
#content .content-center .list .cases-container ul.case-display li.case.featured {
padding: 9px;
box-sizing: border-box;
border: 1px solid #a7a7a7;
margin-bottom: 25px;
}
#content .content-center .list .cases-container ul.case-display li.case.featured hr {
display: none;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .content {
width: 62%;
padding: 0 0 0 10px;
box-sizing: border-box;
margin-top: 18px;
float: none;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .content h4 {
display: inline-block;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .content h5 {
display: inline-block;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .content p {
margin: 0;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .content a.more {
display: inline-block;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .content .case-buttons {
bottom: 20px;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .image-container {
margin-right: 0;
width: 222px;
height: 226px;
max-width: none;
float: none;
}
#content .content-center .list .cases-container ul.case-display li.case.featured .image-container a {
width: 252px;
height: 224px;
}
#content .content-center .list .cases-container ul.case-display li.case .image-container {
width: 222px;
height: 226px;
}
#content .content-center .list .cases-container ul.case-display li.case .image-container a {
width: 220px;
height: 224px;
}
#content .content-center .list .cases-container ul.case-display li.case .content {
margin-top: 18px;
}
#content .content-center .list .cases-container ul.case-display li.case .content p {
margin: 10px 0;
}
#content .content-center .list .cases-container ul.case-display li.case .content .desc {
margin-bottom: 36px;
}
#content .content-center .list .cases-container ul.case-display li.case .content .details {
min-height: 70px;
}
#content .content-center .list .cases-container ul.case-display li.case .content h4 {
font-size: 16px;
}
#content .content-center .list .cases-container ul.case-display li.case .content h4 span {
font-size: 16px;
}
#content .content-center .list .cases-container ul.case-display li.case .content h4 a {
font-weight: 100;
text-decoration: underline;
color: #000;
}
#content .content-center .list .cases-container ul.case-display li.case .content h5 {
font-size: 16px;
color: #000;
}
#content .content-center .grid {
width: 737px;
}
#content .content-center .grid .cases-container {
width: 712px;
display: inline-block;
margin-right: 25px;
}
#content .content-center .grid .cases-container .view {
position: absolute;
right: 0;
top: 0;
}
#content .content-center .grid .cases-container .case-display {
width: 100%;
}
#content .content-center .grid .cases-container .case-display .case {
width: 215px;
display: inline-block;
margin-right: 23px;
float: left;
margin-bottom: 23px;
height: 500px;
position: relative;
}
#content .content-center .grid .cases-container .case-display .case.featured {
padding: 9px;
box-sizing: border-box;
border: 1px solid #a7a7a7;
}
#content .content-center .grid .cases-container .case-display .case.featured hr {
display: none;
}
#content .content-center .grid .cases-container .case-display .case.featured .content {
width: 65%;
padding: 0 0 0 10px;
box-sizing: border-box;
}
#content .content-center .grid .cases-container .case-display .case.featured .content h5 {
display: inline-block;
}
#content .content-center .grid .cases-container .case-display .case.featured .content p {
margin: 0;
}
#content .content-center .grid .cases-container .case-display .case.featured .content p span.extended {
display: inline;
}
#content .content-center .grid .cases-container .case-display .case.featured .content ul li {
display: inline-block;
}
#content .content-center .grid .cases-container .case-display .case.featured .image-container {
margin-top: 0;
}
#content .content-center .grid .cases-container .case-display .case .image-container {
width: 222px;
height: 226px;
margin-top: 2px;
}
#content .content-center .grid .cases-container .case-display .case hr {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
width: 100%;
}
#content .content-center .grid .cases-container .case-display .case:nth-child(2n-1) {
margin-right: 20px;
}
#content .content-center .grid .cases-container .case-display .case.last {
margin-right: 0;
}
#content .content-center .grid .cases-container .case-display .case:nth-child(1n).last {
margin-right: 23px;
}
#content .content-center .grid .cases-container .case-display .case:nth-child(1n).last:nth-child(3n),
#content .content-center .grid .cases-container .case-display .case:nth-child(3n) {
margin-right: 0;
}
#content .content-center .grid .cases-container .case-display .case img {
margin: 0 auto;
}
#content .content-center .grid .cases-container .case-display .case .content {
margin-top: 18px;
width: 100%;
}
#content .content-center .grid .cases-container .case-display .case .content p {
margin: 10px 0;
}
#content .content-center .grid .cases-container .case-display .case .content .desc {
margin-bottom: 36px;
}
#content .content-center .grid .cases-container .case-display .case .content h3 {
font-size: 18px;
}
#content .content-center .grid .cases-container .case-display .case .content .details {
min-height: 70px;
}
#content .content-center .grid .cases-container .case-display .case .content h4 {
font-size: 16px;
}
#content .content-center .grid .cases-container .case-display .case .content h4 span {
font-size: 16px;
}
#content .content-center .grid .cases-container .case-display .case .content h4 a {
font-weight: 100;
text-decoration: underline;
color: #000;
display: block;
}
#content .content-center .grid .cases-container .case-display .case .content h5 {
font-size: 16px;
color: #000;
}
#content .content-center .widget-panel {
width: 223px;
}
#content .content-center .list {
width: 737px;
}
#content .content-center .list .events-container {
width: 712px;
margin-right: 25px;
}
#content .content-center .article-container {
width: 712px;
margin-right: 25px;
}
#content .content-center .article-container .case-brief .tools a.printicon {
display: inline-block;
}
#content .content-center .article-container .case-brief .tools a.downloadicon {
display: inline-block;
}
#content .content-center .article-container .case-brief .tools a.shareicon {
display: inline-block;
}
#content .content-center .news-container {
width: 712px;
margin-right: 25px;
}
/* Content Page */
.content-container .tools a.printicon {
display: inline-block;
}
.content-container .tools a.downloadicon {
display: inline-block;
}
/* Media Programs */
.media-container {
width: 712px;
margin-right: 25px;
float: left;
}
.media-container ul.media-display li.media {
width: 222px;
margin-right: 23px;
display: inline-block;
float: left;
position: relative;
height: 250px;
}
.media-container ul.media-display li.media.featured {
height: 500px;
padding: 12px;
box-sizing: border-box;
border: 1px solid #a7a7a7;
width: 100%;
background-color: #e6e6e6;
}
.media-container ul.media-display li.media.featured img {
width: 100%;
height: 414px;
}
.media-container ul.media-display li.media.featured .content {
margin-bottom: 15px;
}
.media-container ul.media-display li.media.featured .content a.button {
right: 12px;
}
.media-container ul.media-display li.media.featured hr {
display: none;
}
.media-container ul.media-display li.media.last {
margin-right: 0;
}
.media-container ul.media-display li.media img {
width: 222px;
}
.media-container ul.media-display li.media .content {
margin-top: 18px;
width: 100%;
}
.media-container ul.media-display li.media .content p {
margin: 10px 0;
}
.media-container ul.media-display li.media .content h4 {
font-size: 16px;
}
.media-container ul.media-display li.media .content h4 span {
font-size: 16px;
}
.media-container ul.media-display li.media .content h5 {
font-size: 16px;
}
/* Media program page */
.media-page-container {
width: 712px;
margin-right: 25px;
}
.media-page-container .jp-audio .jp-progress {
width: 560px;
}
/* Donation page */
.donation-container {
width: 712px;
margin-right: 25px;
}
.donation-container form .card-container label {
margin-right: 5px;
}
.donation-container form .card-container ul.card-type li img {
width: 49px;
}
.donation-container form .row .element-two.ccv {
width: 35%;
}
.donation-container form .row .element-two.ccv label {
display: none;
}
.donation-container form .row .element-two.expiry {
width: 63%;
}
.donation-container form .row .element-two.expiry .half {
width: 36%;
}
.donation-container form .row .element-two.expiry label {
width: 23%;
}
.donation-container form .payment-options .row {
width: 49%;
}
.donation-container form .payment-options form {
display: inline-block !important;
}
.donation-container form .payment-options form input {
border: 0;
background-color: transparent!important;
}
.donation-container form .payment-options form input:focus {
background-color: transparent!important;
}
/* Donation Cofirmation */
.donate-confirm-container {
width: 712px;
}
.donate-confirm-container .share-donation p {
width: 600px;
margin-bottom: 10px;
}
/* Contact */
.contact-container {
width: 712px;
}
/* Search Results */
section.search-results {
width: 712px;
}
section.search-results h1 {
margin-bottom: 0;
}
section.search-results h3 {
margin-top: 2px;
}
section.search-results .results-list li h4,
section.search-results .results-list article h4,
section.search-results .results-list .result h4 {
font-size: 16px;
margin-bottom: 4px;
}
section.search-results .results-list li h4 span,
section.search-results .results-list article h4 span,
section.search-results .results-list .result h4 span {
font-size: 16px;
}
section.search-results .results-list li h5,
section.search-results .results-list article h5,
section.search-results .results-list .result h5 {
font-size: 16px;
}
section.search-results .results-list li p,
section.search-results .results-list article p,
section.search-results .results-list .result p {
margin-top: 10px;
}
/* Campaign page */
.campaign-container .section-one .media iframe {
width: 300px;
height: 200px;
}
.campaign-container .section-one .content-brief {
width: 402px;
}
/* Report Page */
.report-container,
.content-container.report-container {
width: 712px;
margin-right: 25px;
}
.report-container ul.crime-categories li,
.content-container.report-container ul.crime-categories li {
display: inline-block;
margin: 0 20px 25px 0;
padding: 0;
width: 180px;
}
.report-container .step form .row.location .field.suburb,
.content-container.report-container .step form .row.location .field.suburb {
width: 370px;
}
#content .content-center .article-container .section-two-row .two-items .alignment {
width: 349px;
}
#content .content-center .article-container .section-three-col .three-items .alignment {
width: 231px;
}
#content .content-center .article-container .section-two-row .alignment,
#content .content-center .article-container .section-three-col .alignment {
display: table-cell;
}
/* Footer fix */
html {
min-height: 100%;
position: relative;
}
body {
padding-bottom: 130px;
}
body #footer {
position: absolute;
bottom: 0;
width: 100%;
}
.results-container img.border {
width: 50%;
}
.results-container .content {
width: 46%;
}
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #fff;
color: #444;
text-shadow: none;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
background-image: url('images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -10px;
right: -10px;
width: 41px;
height: 41px;
cursor: pointer;
z-index: 8040;
background-image: url("images/popup-close.png");
background-repeat: no-repeat;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('images/blank.gif');
/* helps IE */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5625), only screen and (min-resolution: 150dpi) {
#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
background-image: url('images/fancybox_sprite@2x.png');
background-size: 44px 152px;
/*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('images/fancybox_loading@2x.gif');
background-size: 24px 24px;
/*The size of the normal image, half the size of the hi-res image*/
}
}
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bxslider {
display: inline-block;
list-style-type: none;
margin: 0;
padding-left: 0;
}
.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
}
.bxslider img {
max-width: 100%;
display: block;
margin: 0 auto;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
background: transparent;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #2971a3;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 0px;
height: 56px;
width: 56px;
}
.bx-wrapper .bx-next {
right: 0px;
height: 56px;
width: 56px;
}
.bx-next {
box-sizing: border-box;
background-image: url("images/mobile-right-arrow.png");
margin-right: 14px;
}
.bx-prev {
box-sizing: border-box;
background-image: url("images/mobile-left-arrow.png");
margin-left: 14px;
}
.bx-pager a {
background: #a5c3d8;
text-indent: -9999px;
display: block;
width: 16px;
height: 16px;
margin-left: 20px;
outline: 0;
border-radius: 10px;
}
.bx-pager > div:first-child a {
margin: 0;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -28px;
outline: 0;
width: 12px;
height: 17px;
text-indent: -9999px;
z-index: 99;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
.printonly {
display: none;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
/** END HTML5 Boilerplate CSS **/
.xdebug-var-dump i {
background: none;
border: none;
border-radius: 0;
display: inline;
line-height: normal;
height: auto;
width: auto;
}
.xdebug-var-dump i:hover {
background: none;
border: none;
cursor: inherit;
}
/*# sourceMappingURL=style.css.map */