/*******************************
	Crimestoppers
	Author: James Taylor - Jaywing
	styles.css
	v.1.0
*******************************/

/*
	*** Contents:
			
			* Global Structure
			* Typography
			* Header
				* Logo
				* Search
			* Main Navigation
				* Global Nav Classes (Mobile & Drop Down)
				* Mobile Nav
			* Footer
			* Forms
				* Multiselect
			* Modules
				* Get Involved
			* Media Queries
				* 480px (30em x 16px = 480)
				* 768px (48em x 16px = 768)
					** Global Structure
					** Primary Nav
					** Sub Nav (drop down)
				* 896px (56em x 16px = 896)


	*** Colours:

			#4c4c4c - Black (Body text, Hero & Footer bg)

			#f6f6f6	- Light grey (form bgs and Primary nav hover)
			#949494 - Dark Grey (Sub nav background)

			#00aeef - Blue (Headlines & Links)
			#1481c5 - Blue Darker

			#ef8100 - Orange (Buttons & Hero text)
			#d16700 - Orage Darker

			#e41f1f - Red (Call out & Give info links)
			#c40008 - Red Darker

			#a4cf59 - Green
			#88b33d - Green Darker

			#cf3e99 - Purple
			#b11a7f - Purple Darker

			#f5c10d - Orange
			#d7a500 - Orange Darker

			#deeffc - Light blue (Give info bg - homepage)


			//#3e9ae0 - Blue 	(Headlines & Links)
			//#a4cf59 - Green (Buttons & Hero text)


	*** Fonts:
			Standard 		"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
			Custom			Bosis W01 Light
									Bosis W01 Medium
									Bosis W01 Semibold
									Bosis W01 Bold

*/

/****************************************

	* Global Structure

****************************************/

body {
    width: 100%;
    overflow-x: hidden;
    min-width: 277px;
}

.container * {
}

.container {
    width: 100%;
    float: left;
    position: relative;
}

.row {
    max-width: 76.5em; /* extend maximum width - 1224px */
}

.item-row {
    padding-top: 10px;
}

.main section.spacing {
    padding-bottom: 2em;
}

.main section .row .columns p img {
    padding: 20px;
}

form {
    margin: 0;
}

label img {
    pointer-events: none;
}


/****************************************

	* Typography

****************************************/

/* Headline fonts */
/*
	Bosis Std
	*/
@font-face {
    font-family: "Bosis W01 Bold";
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/92ca7847-c241-4828-8cd8-9cc181322500.eot#iefix");
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/92ca7847-c241-4828-8cd8-9cc181322500.eot#iefix") format("eot"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/2f7d28a2-519c-4c0f-961e-6f92cbc63e4e.woff") format("woff"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/84ac0bbc-73ae-4712-b025-cc740dd3b1a2.ttf") format("truetype"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/ec9fb89c-539d-45a2-a071-1f799298af2d.svg#ec9fb89c-539d-45a2-a071-1f799298af2d") format("svg");
}

@font-face {
    font-family: "Bosis W01 Light";
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/4cd6ded2-539a-4c74-9a16-2c6807e367f3.eot#iefix");
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/4cd6ded2-539a-4c74-9a16-2c6807e367f3.eot#iefix") format("eot"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/43ee2c14-5a2e-467a-ab3b-c2f8935eb08c.woff") format("woff"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/2d9a2b0c-ff79-43df-822c-485df2c62167.ttf") format("truetype"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/b4bcc558-890e-448c-b43a-4a0c65491bc8.svg#b4bcc558-890e-448c-b43a-4a0c65491bc8") format("svg");
}

@font-face {
    font-family: "Bosis W01 Medium";
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/cf7d1ed9-caea-420b-816b-da5b23f51db6.eot#iefix");
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/cf7d1ed9-caea-420b-816b-da5b23f51db6.eot#iefix") format("eot"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/5c2012e4-d6f4-4d94-82b8-eb0bfdb40bb8.woff") format("woff"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/2e849412-2f21-4b38-8ee4-54f56ac170b1.ttf") format("truetype"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/c992feb8-48fc-4714-9546-c939e023aba4.svg#c992feb8-48fc-4714-9546-c939e023aba4") format("svg");
}

@font-face {
    font-family: "Bosis W01 Semibold";
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/34a8861b-9962-4682-8394-f9de9a3840e8.eot#iefix");
    src: url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/34a8861b-9962-4682-8394-f9de9a3840e8.eot#iefix") format("eot"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/e5c78bee-f8a7-4c9b-a26f-c69599d8285b.woff") format("woff"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/134700cf-a3da-40c8-90ad-4e49df17e014.ttf") format("truetype"),url("/National_Library/oe_/https://crimestoppers-uk.org/fonts/e75cb5d8-419d-4273-ae03-0409929fdb89.svg#e75cb5d8-419d-4273-ae03-0409929fdb89") format("svg");
}
/*@font-face {
	font-family: 'Bosis W01 Bold';
    src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Bold.eot');
    src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Bold.eot#iefix') format('embedded-opentype'),
         url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Bold.woff') format('woff'),
         url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Bold.ttf') format('truetype'),
         url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Bold.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bosis W01 Semibold';
    src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Semibold.eot');
	src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Semibold.eot#iefix') format('embedded-opentype'), 
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Semibold.woff') format('woff'), 
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Semibold.ttf')  format('truetype'),
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Semibold.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bosis W01 Medium';
    src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Medium.eot');
	src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Medium.eot#iefix') format('embedded-opentype'), 
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Medium.woff') format('woff'), 
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Medium.ttf')  format('truetype'),
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Medium.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bosis W01 Light';
    src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Light.eot');
	src: url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Light.eot#iefix') format('embedded-opentype'), 
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Light.woff') format('woff'), 
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Light.ttf')  format('truetype'),
	     url('/National_Library/oe_/https://crimestoppers-uk.org/fonts/Bosis W01 Light.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body {
    font-size: 75%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1, h2 {
    font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #E41F1F;
}

h1 {
    font-size: 2em;
    margin: .6em 0 .4em;
}

header[role=banner] h1 {
    margin-bottom: 0;
}

h2 {
    font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.625em;
    margin-top: 0.6em;
}

.columns h2:first-child {
    margin-top: 0;
}

hgroup h1 {
    margin-bottom: 0;
}

hgroup h2 {
    margin-top: 0;
}

h3 {
    font-size: 1.5em;
    font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

h4, h5, h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h4 {
    font-size: 1.25em;
    font-weight: normal;
}

h5, h6 {
    font-size: 1em;
    letter-spacing: 0.1429em;
}

h6 {
    font-weight: normal;
}

p {
    margin-top: 0;
}

hr {
    font-weight: 400;
    font-size: 2em;
    line-height: 1;
    text-align: center;
    margin: 1em 0 2em;
    border: 0;
    padding: 0;
    height: 0;
    clear: both;
    display: block;
}

    hr::after {
        content: "·····";
        color: #bbb;
        letter-spacing: 1em;
        padding-left: 1em;
        height: 0;
    }

pre {
    margin-left: 1.5em;
    white-space: pre-line;
}

blockquote {
    color: #666;
    border-left: 0.25em solid #eee;
    margin: 1em 0 1.5em;
    padding: 0 1.5em 0 1.25em;
}

    blockquote p {
        margin: 0.5em 0;
    }

ol {
    list-style-type: decimal;
    padding: 0;
}

ul {
    list-style-type: square;
    padding: 0;
}

    ul li li {
        list-style-type: circle;
    }

li,
dd {
    margin-left: 1.5em;
}

dt {
    color: #333;
    font-weight: 400;
}

figure {
    margin: 0 0 1.5em 0;
    display: block;
    background: #4c4c4c;
}

    figure > * {
        color: #fff;
    }

    figure > p {
        padding: 1em;
    }

    figure br {
        clear: both;
    }

p + figure {
    margin-top: 1.5em;
}

figcaption {
    clear: left;
    padding: 0 0.8em 0.5em;
}

    figcaption > * {
        color: #fff;
        font-size: 0.875em;
        line-height: 1.1429;
        margin: 0.6em 0;
        clear: left;
    }

    figcaption h4 {
        color: #fff;
        font-size: 1em;
        line-height: 1;
        clear: left;
    }

small {
    color: rgba(68,68,68,0.9);
    font-size: 0.8125em;
    line-height: 1.2308;
    display: inline-block;
}

abbr {
    -webkit-font-feature-settings: "c2sc" 1;
    -moz-font-feature-settings: "c2sc" 1;
    -ms-font-feature-settings: "c2sc" 1;
    -o-font-feature-settings: "c2sc" 1;
    font-feature-settings: "c2sc" 1;
    line-height: 90%;
    letter-spacing: 0.03125em;
    border: 0 none;
}

    abbr[title]:hover,
    dfn[title] {
        border-bottom: 1px dotted rgba(68,68,68,0.3);
        cursor: help;
    }

.comment {
    color: #999;
}

.prop {
    color: #b1361b;
}

.value {
    color: #d42;
}

samp {
    color: #333;
    font: 400 0.875em/90% source-code-pro, monospace;
    margin: 0 0.25em;
}

kbd {
    color: #666;
    font-size: 0.875em;
    line-height: 90%;
    background-color: #fcfcfc;
    margin: 0 0.25em;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 0.1429em 0.4286em;
}

sub,
sup {
    font-size: smaller;
    line-height: 90%;
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

mark,
ins {
    background-color: #fff9dd;
    line-height: 90%;
    padding: 0 0.125em;
}

ins {
    background-color: #f0f0f0;
}

del,
s {
    line-height: 90%;
    text-decoration: line-through;
}

table {
    font-variant-numeric: lining-nums tabular-nums;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1.5em 0;
}

caption {
    caption-side: bottom;
    color: #666;
    text-align: left;
    font-size: 0.875em;
    line-height: 1.4286;
    padding: 0.8571em 0 0.2857em;
}

td,
th {
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 0.25em 1em 0.25em 0;
}

th {
    color: #333;
    font-weight: 400;
    border-bottom-color: #ccc;
}

td,
td img {
    vertical-align: top;
}

a {
    color: #307f84;
    text-decoration: underline;
}

    a:hover {
        color: #004C51;
    }

nav ul li a,
.nav-sub ul li a {
    text-decoration: none;
}

code {
    font-weight: normal;
}

.button, input.button, button {
    font-family: 'Bosis W01 Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    font-weight: normal;
    padding-top: .45em;
    padding-bottom: .45em;
    font-size: 1.333em;
    line-height: 1;
    margin-bottom: 0.25em;
}

.button {
    background: #eee;
    color: #00aeef;
}

    .button:hover {
        background: #d1d1d1;
        color: #1481c5;
    }

    input.button, button, .button.cta {
        background: #e41f1f;
        color: #fff;
        border-color: #fff;
    }

.touch .button, .touch button {
    padding-top: .75em;
    padding-bottom: .55em;
}

.button.cta:hover, input.button:hover, button:hover {
    background: #c40008;
    color: #fff;
}

.button.std {
    background: #00aeef;
    color: #fff;
}

    .button.std:hover {
        background: #1481c5;
    }

.tags dt {
    margin: 0.2em 0 0;
    font-weight: normal;
    font-size: 0.875em;
}

.tags dd {
    display: inline-block;
    margin: 0;
}

    .tags dd a {
        display: inline-block;
        padding: .2em .4em;
        margin: .15em .3em .15em 0;
        border-radius: 0.5em;
        background: #a4cf59;
        color: #fff;
        font-size: 0.875em;
    }

        .tags dd a:hover {
            background: #88b33d;
        }

    .tags dd.share .likes li a, .tags dd.share .likes li a:hover {
        background: none;
    }

.likes {
    list-style: none;
    margin: 0;
}

    .likes li {
        display: inline-block;
        margin: 0;
    }

        .likes li a {
            display: inline-block;
            padding-right: 8px;
            padding-bottom: 0.8em;
            font-size: 0.857em;
            line-height: 2;
        }

            .likes li a i {
                display: inline-block;
                width: 25px;
                height: 24px;
                background-image: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/nav-social-page.png);
                background-repeat: no-repeat;
                background-position: left 0px;
                float: left;
                margin-right: 4px;
                margin-top: -3px;
            }

            .likes li a:hover i {
                background-position: -51px 0px;
            }

    .likes .twitter a i {
        background-position: 0px -76px;
    }

    .likes .twitter a:hover i {
        background-position: -51px -76px;
    }

    .likes .email a i {
        background-position: 0px -151px;
    }

    .likes .email a:hover i {
        background-position: -50px -151px;
    }


.example {
    outline: 1px dashed #ddd;
    margin: 1em -1em 2em;
    padding: 0.5em 1em;
    background: #eaeaea;
}

.large-block-grid-4 > li {
    margin-left: 0;
}

/****************************************

	* Header

****************************************/

/*
	* Logo
*/

.banner .logo {
    padding: 1.4em 0 0;
    margin: 0 auto;
    min-width: 170px;
    max-width: 380px;
}

    .banner .logo h1 {
        margin: 0;
    }

.banner h2 {
    font-size: 1.1em;
    color: #4c4c4c;
    text-align: center;
    clear: both;
    font-family: 'Bosis W01 Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 5% 1.4em;
}

/*
	* Search
*/
.site-search {
    display: none;
}

[role=search] {
    padding: 0.55em 0 0.55em 0.8em;
    ;
}

    [role=search] input {
        width: 80%;
        display: inline-block;
        border: 0;
        border-radius: 5px;
        margin: .4em 0;
        padding-top: .3em;
        padding-bottom: .3em;
        height: auto;
    }

    [role=search] button {
        width: 15%;
        padding: 0.3em 0;
        margin: .1em 0;
        border: 0;
        text-indent: -9999px;
        background: transparent url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/ico-search-sml.png) no-repeat center center;
    }

/*
	* Language
*/
.lang {
    background: #b0b0b0;
    line-height: 1.6;
}

    .lang > a:after {
        content: ' ';
        display: block;
        width: 22px;
        height: 22px;
        background-image: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/world-white.png);
        background-position: center right;
        background-repeat: no-repeat;
        float: right;
        padding-top: 1px;
    }

    .lang ul {
        display: none;
    }

    .lang.lang-active ul {
        display: block;
    }

.site-lang {
    display: none;
}

/****************************************

	* Main Navigation

****************************************/

/*
	* Global Nav Classes
*/
.primary, .nav-sub {
    display: none; /* Hide primary & drop down navigation for mobile */
}

.ani-nav { /* animation for navigation */
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.nav-active {
    background: #4c4c4c;
    color: #59aef0;
}

.btn-donate, .btn-contact {
    margin-bottom: 0;
}

.primary li, .nav-mobile li, .nav-sub li {
    margin: 0;
    list-style: none;
}

.nav-mobile a, .nav-sub a {
    display: block;
    padding: .55em .55em .55em .8em;
    color: #fff;
    font-family: 'Bosis W01 Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-donate {
    background: #e41f1f;
}

    .btn-donate:hover {
        background: #c40008;
    }

.btn-contact {
    background: #59aef0;
}

    .btn-contact:hover {
        background: #3694d3;
    }


.nav-mobile .has-children a:after, .nav-sub .has-children a:after {
    content: '»';
    display: inline-block;
    float: right;
    font-weight: normal;
}


/*
	* Mobile Nav
*/
.nav-toggle {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -1px;
    background: #949494 url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/ico-mobile-menu.png) no-repeat -2px -2px;
    z-index: 999;
}

.nav-open .nav-toggle {
    background-position: -46px -2px;
}

.nav-mobile {
    width: 80%;
    height: 100%;
    margin-left: -80%;
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ccc;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 1.25em;
    background: #949494;
    z-index: 998;
}

.nav-open .nav-mobile {
    margin-left: 0;
    position: fixed;
}

.nav-open .container {
    margin-left: 80%;
}

.nav-mobile ul {
    list-style: none;
    margin: 0;
}

.nav-mobile > ul {
    float: left;
    width: 100%;
}

.nav-next {
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
}

.nav-level .menu a {
    font-size: 0.875em;
    padding-left: 1.5em;
}

.nav-level .menu .title a {
    font-size: 1em;
    border-bottom: 1px dotted rgba(255,255,255,.6);
    padding-left: 0.8em;
    font-family: 'Bosis W01 Semibold', sans-serif;
}

.nav-back a:before {
    content: '« ';
}

.nav-mobile ul ul, .nav-mobile ul ul ul {
    display: none;
}

.nav-mobile .nav-level {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.nav-level .nav-back a {
    background: rgba(0,0,0,.1);
}

.nav-level ul ul {
    display: none;
}

.nav-mobile .nav-level1 {
    left: 100%;
}

.nav-mobile .nav-level2 {
    left: 200%;
}

.nav-mobile .nav-level3 {
    left: 300%;
}

.level1 .nav-level0 {
    margin-left: -100%;
}

.level1 .nav-level1 {
    left: 0;
}

.level1 .nav-level2 {
    left: 100%;
}

.level1 .nav-level3 {
    left: 200%;
}

.level2 .nav-level0 {
    margin-left: -200%;
}

.level2 .nav-level1 {
    left: -100%;
}

.level2 .nav-level2 {
    left: 0;
}

.level2 .nav-level3 {
    left: 100%;
}

.level3 .nav-level0 {
    margin-left: -300%;
}

.level3 .nav-level1 {
    left: -200%;
}

.level3 .nav-level2 {
    left: -100%;
}

.level3 .nav-level3 {
    left: 0;
}

.nav-level .nav-back-level1 {
    padding-left: 1.7em;
}

.nav-level .nav-back-level2 {
    padding-left: 3em;
}


/****************************************

	* Footer

****************************************/

.contentinfo {
    background: #eeedeb;
    padding: 1em 0 2em;
    text-align: center;
}

    .contentinfo nav ul {
        list-style: none;
        margin: 0;
    }

.nav-social {
    padding: 1em 0;
    min-width: 208px;
}

    .nav-social li {
        display: inline-block;
        margin: 0 8px;
    }

    .nav-social a {
        display: inline-block;
        text-indent: -9999px;
        width: 50px;
        height: 49px;
        background-image: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/nav-social.png);
        background-repeat: no-repeat;
    }

    .nav-social .twitter a {
        background-position: -68px 0;
    }

    .nav-social .youtube a {
        background-position: -136px 0;
    }

    .nav-social .linkedin a {
        background-position: -205px 0;
    }

    .nav-social a:hover {
        background-position: left bottom;
    }

    .nav-social .twitter a:hover {
        background-position: -68px bottom;
    }

    .nav-social .youtube a:hover {
        background-position: -136px bottom;
    }

    .nav-social .linkedin a:hover {
        background-position: -205px bottom;
    }

.nav-footer li {
    padding-bottom: .5em;
    margin: 0;
}

    .nav-footer li b {
        font-family: 'Bosis W01 Bold', sans-serif;
        font-weight: normal;
        display: inline-block;
    }

.nav-footer a {
    display: block;
    padding: 0.7em;
    color: #4c4c4c;
    background: rgba(0,0,0,.1);
}

    .nav-footer a:hover {
        color: #000;
        background: rgba(0,0,0,.2);
    }

.logo-affiliates {
    text-align: center;
    margin: 0px 8px 8px 8px;
}

/****************************************

	* Forms

****************************************/

.cs-form {
    background: #f6f6f6;
    padding: .5em 1em 1em;
    margin-bottom: 2em;
}

    .cs-form > ul {
        list-style: none;
        margin: 0;
    }

        .cs-form > ul > li {
            margin: 0;
        }

fieldset {
    border: 0;
    padding: 0;
}

    fieldset legend {
        background: transparent;
    }

.fld {
    max-width: 40em;
}

    .fld label {
        margin-top: 1em;
    }

.sub-btn {
    text-align: right;
}

input.centered {
    text-align: center;
}

input[type=text], input[type=email], select, textarea {
    border: 1px solid #00aeef;
    border-radius: .3em;
    margin-top: 0.5em;
    max-width: 28.5em;
    padding: 0.2em;
    margin-bottom: 1em;
}

.on-select-or-input select {
    margin-bottom: 0;
}

textarea {
    max-width: 38em;
    height: 10em;
}

select {
    max-width: 25em;
}

input[type=text].sml, input[type=email].sml {
    max-width: 10em;
}

select.sml {
    max-width: 8.8em;
}

input[type="text"].lrg, input[type=email].lrg, select.lrg, textarea.lrg {
    max-width: 100%;
}

input[type=text]:focus, select:focus, input[type=email]:focus, textarea:focus {
    border-color: #1481c5;
}

.invalid input[type=text], .invalid select, .invalid input[type=email], .invalid textarea {
    border-color: #e51f20;
}

.invalid select {
    color: #e51f20;
}

.invalid label {
    color: #e51f20;
}

label.centered {
    text-align: center;
}

.error-msg {
    color: #e51f20;
    display: block;
}

    .error-msg:before {
        content: '!';
        display: inline-block;
        font-size: 1.5em;
        font-weight: bold;
        margin: 0 0.5em;
        position: relative;
        top: 2px;
    }

.fld-info {
    background: #00aeef;
    color: #fff;
    font-size: 0.875em;
    padding: 0.5em;
    margin-left: 10%;
    margin-top: 10px;
    position: relative;
}

    .fld-info:before {
        content: '';
        display: block;
        width: 21px;
        height: 10px;
        position: absolute;
        top: -10px;
        left: 10px;
        background: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/arr-fld-info-mob.png) no-repeat 0 0;
    }

.fld .opt input[type=checkbox], .fld .opt input[radio] {
    float: left;
    margin-right: 8px;
    position: relative;
    top: 4px;
    margin-bottom: 1em;
}

/*
	* Panel Radio
*/

.js .panel-radio .opt {
    clear: both;
    padding: .5em 0;
}

.fld .opt:last-child {
    margin-bottom: 1.5em;
}

.js .panel-radio .opt input {
    display: inline-block;
    width: 10%;
    margin-top: .4em;
    float: left;
}

.js .panel-radio .opt label {
    display: inline-block;
    width: 90%;
    margin: 0;
}

.js .panel-radio .opt {
    display: inline-block;
    width: 50%;
    max-width: 13.1em;
    margin-right: 0%;
    float: left;
    clear: none;
}

    .js .panel-radio .opt input {
        position: absolute;
        left: -9999px;
    }

    .js .panel-radio .opt label {
        display: block;
        padding: .5em;
        text-align: center;
        color: #000;
        text-shadow: 1px 1px 1px rgba(0,0,0,.3);
        background: #ccc;
    }

        .js .panel-radio .opt label:hover {
            background: #b0b0b0;
        }

        .js .panel-radio .opt label.active {
            background: #00aeef;
            box-shadow: 0 0 6px rgba(0,0,0,.7);
        }

        .js .panel-radio .opt label.inactive {
            background: #ccc;
        }

            .js .panel-radio .opt label.inactive:hover {
                background: #b0b0b0;
            }

        .js .panel-radio .opt label span {
            display: block;
            font-size: 2em;
            font-weight: bold;
        }

.js .hiddenContent {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

    .js .hiddenContent.active {
        height: auto;
        opacity: 1;
    }


.js .image-radio input {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

.image-radio label {
    display: block;
    margin: 0 10px 10px 0;
    border: 3px solid transparent;
    border-radius: 3px;
    max-width: 80px;
}

    .image-radio label:hover {
        border-color: rgba(0,174,239,0.6);
    }

    .image-radio label.active {
        border-color: #00aeef;
    }

    .image-radio label img {
        margin-bottom: -4px;
    }

[class*="column"] + [class*="column"]:last-child {
    float: left;
}

/* 
  * Image picker
*/

.image-picker {
    padding-bottom: 1em;
}

    .image-picker a {
        display: inline-block;
        margin-right: 3%;
        border: 3px solid transparent;
        float: left;
    }

        .image-picker a:hover {
            border-color: #307f84;
        }

        .image-picker a img {
            margin: 0 0 -5px;
        }

/*
	* Ordered
*/
.ordered ul {
    list-style: none;
    margin: 0 8% 0 0;
}

.ordered li {
    margin: 0;
    padding: 0;
}

.js .inorder > ul > li {
    display: none;
}

    .js .inorder > ul > li:first-child {
        display: block;
    }

.ordered li label.lb-main b {
    display: inline-block;
    width: 10%;
    text-align: center;
    font-size: 2em;
    color: #00aeef;
    float: left;
    position: relative;
    left: -7px;
}

.ordered .invalid label.lb-main b {
    color: #e51f20;
}

.ordered .valid label.lb-main b {
    color: #88b33d;
}

.ordered li label.lb-main span {
    display: inline-block;
    width: 90%;
    padding: .8em 0 .4em;
}

.ordered li .fld {
    padding-left: 10%;
}

/*
	* Multiselect
*/
.multiselect {
    background: #fff;
    padding: 0.75em 0.5em 0.5em;
    border-radius: 0.2em;
    box-shadow: 0px 0px 8px rgba(0,0,0,.4);
    margin-bottom: 0.8em;
}

    .multiselect .instr {
        display: none;
    }

    .multiselect.active .instr {
        display: block;
    }

    .multiselect:hover {
        background: #f6f6f6;
    }

    .multiselect label {
        color: #00aeef;
    }

    .multiselect:hover label {
        color: #1481c5;
    }

    .multiselect.inputs {
        padding-top: 0.1em;
    }

        .multiselect.inputs .fld:first-child label {
            margin-top: 0.8em;
        }

    .multiselect .multiple {
        background-color: white;
        font-family: inherit;
        display: block;
        margin: 0.5em 0;
        padding: 0.5em;
        height: 2.4em;
        width: 100%;
        position: absolute;
        top: -9999px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        transition: all 0.15s linear;
        /*box-shadow:0px 0px 4px rgba(0,0,0,.4);*/
    }

    .multiselect.active .multiple {
        background: #fff;
        border-color: #00aeef;
        outline: none;
        position: static;
        box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    }

        .multiselect.active .multiple:active {
            border-color: #1481c5;
        }

.no-touch .multiselect.active .multiple {
    height: 10.5em;
}

.touch .multiselect.acitve .multiple {
    height: 2.5em;
    position: static;
}

.multiselect .selected-filters {
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    line-height: 1.4;
    padding-top: 0.25em;
    display: block;
    font-weight: normal;
}

    .multiselect .selected-filters span {
        display: inline-block;
        padding: .2em .4em;
        margin: .15em .3em .15em 0;
        border-radius: 0.5em;
        background: #a4cf59;
        color: #fff;
        font-size: 0.875em;
    }

.multiselect .buttonHolder {
    padding: 0.1em 0;
    display: none;
}

    .multiselect .buttonHolder .button {
        margin-bottom: 0;
    }

.form-multicheck li {
     list-style-type: none;
}

.form-multicheck li label {
    display: inline-block;
    padding-left: 10px;
    margin-top: 0;
}

.cs-form h3{
    color: #000;
}

/****************************************

	* Modules

****************************************/

/*
	* Breadcrumbs
*/
.breadcrumbs {
    border: 0;
    margin: 1em 0 0 0;
    padding-left: 0;
}

    .breadcrumbs li a {
        font-size: 0.875em;
        color: #307f84;
        font-weight: bold;
        text-decoration: none;
    }

        .breadcrumbs li a:hover, .breadcrumbs li:hover a {
            text-decoration: none;
            color: #004C51;
        }

    .breadcrumbs li.current a, .breadcrumbs li.current a:hover {
        color: #4c4c4c;
    }

.badge {
    text-align: center;
}

    .badge img {
        padding: 0.5em 0;
    }

/*
	* Hero
*/
.hero {
    background: #eeedeb;
    border: 0;
    padding: 0 0 .8em;
    margin-bottom: 0;
}

    .hero h1 {
        color: #000;
        font-size: 2.333em;
        font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 0;
    }

    .hero h2 {
        color: #e41f1f;
        font-size: 1.5em;
        font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.1;
        font-weight: normal;
        margin: 0em 0 .6em;
    }

.hero-image {
    overflow: hidden;
    margin-bottom: -2px;
    position: relative;
    height: 120px;
}

    .hero-image img {
        max-width: none;
        width: 100%;
        position: absolute;
        top: -4%;
        left: 0;
    }

.hero .button {
    margin-bottom: 1em;
}


/*
	* Get Involved
*/


/*
	* Give info
*/
.give-info {
    background: #deeffc;
    padding-bottom: 0.2em;
}

    .give-info .icon {
        display: inline-block;
        width: 22%;
        float: left;
        margin-right: 6%;
        text-align: center;
        margin-bottom: 1em;
    }

        .give-info .icon img {
            margin: 0 auto;
        }

        .give-info .icon.phone img {
            width: 60%;
        }

    .give-info h2 {
        font-family: 'Bosis W01 Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: #e41f1f;
        font-size: 2em;
        line-height: 1.25;
        margin: 0 0 1.2em;
    }

        .give-info a h2 span, .give-info h2 a {
            color: #e41f1f;
            text-decoration: none;
            border-bottom: 1px dotted #e41f1f;
        }

        .give-info h2 small {
            font-family: 'Bosis W01 Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            color: #E41F1F;
            font-size: 0.75em;
        }

    .give-info a:hover h2 small {
        color: #004C51;
    }

    .give-info a:hover h2 span {
        color: #c40008;
    }


/* 	
	* Most Wanted
*/
.most-wanted {
    padding-bottom: 2em;
}

    .most-wanted h1 {
        margin-bottom: 0.2em;
    }

    .most-wanted .line-up {
        padding-top: 1em;
    }

        .most-wanted .line-up .columns {
            text-align: center;
        }

.line-up a {
    display: inline-block;
    background: #307f84;
    padding: 2px;
    color: #fff;
    text-align: center;
    text-transform: lowercase;
    max-width: 134px;
    margin: 0 auto;
}

    .line-up a span {
        display: inline-block;
        padding: 4px;
    }

    .line-up a:hover {
        background: #004C51;
        position: relative;
        top: -3px;
    }

    .line-up a img {
        width: 100%;
    }

.lt-ie9 .line-up a img {
    width: auto;
}

/*
	* Result filters
*/
.result-filters {
    background: #f6f6f6;
    margin-bottom: 2em;
    padding: 1em 0;
}

    .result-filters legend {
        display: none;
    }


/*
	* Results
*/
.results > ul > li {
    margin-bottom: 1.4em;
    position: relative;
}

.results a img {
    padding: 0.5em 0.5em 2.5em;
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: .1em;
    box-shadow: 0 0 6px rgba(0,0,0,.5);
}

.results a:hover img {
    box-shadow: 0 0 8px rgba(0,0,0,.7);
}

.results h4 {
    margin-bottom: 0;
}

.results dl {
    margin: 0 0 0.3em;
}

    .results dl dt {
        font-weight: normal;
        font-size: 0.875em;
    }

    .results dl dd {
        padding-left: 0;
        margin-left: 0;
        font-weight: bold;
        font-size: 0.875em;
        line-height: 1.5em;
    }

/*
	* Sidebar
*/
.sidepanel {
    max-width: 480px;
    margin-bottom: 0.75em;
}

    .sidepanel.red {
        background-color: #e41f1f;
    }

        .sidepanel.red a:hover {
            background-color: #c40008;
        }

    .sidepanel.blue {
        background-color: #00aeef;
    }

        .sidepanel.blue a:hover {
            background-color: #1481c5;
        }

    .sidepanel.green {
        background-color: #a4cf59;
    }

        .sidepanel.green a:hover {
            background-color: #88b33d;
        }

    .sidepanel.black {
        background-color: #4c4c4c;
    }

        .sidepanel.black a:hover {
            background-color: #353535;
        }

    .sidepanel.yellow {
        background-color: #f5c10d;
    }

        .sidepanel.yellow a:hover {
            background-color: #d7a500;
        }

    .sidepanel.orange {
        background-color: #f08000;
    }

        .sidepanel.orange a:hover {
            background-color: #d26600;
        }

    .sidepanel.cyan {
        background-color: #0098a3;
    }

        .sidepanel.cyan a:hover {
            background-color: #007e89;
        }

    .sidepanel.purple {
        background-color: #cf3e99;
    }

        .sidepanel.purple a:hover {
            background-color: #b11a7f;
        }

    .sidepanel.gray {
        background-color: #eeedeb;
    }

        .sidepanel.gray a:hover {
            background-color: #d2d1d0;
        }

        .sidepanel.gray * {
            color: #e41f1f;
        }

.sidepanel {
    font-family: "Bosis W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    color: #fff;
}

    .sidepanel a {
        display: block;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .sidepanel span {
        display: block;
        font-size: 1.75em;
        color: #fff;
    }

    .sidepanel .desc span {
        padding-bottom: 1em;
    }

    .sidepanel small {
        font-size: 1.25em;
        font-family: "Bosis W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #fff;
    }

.sidebar .most-wanted {
    padding: 0;
}

    .sidebar .most-wanted a {
        text-align: center;
    }

    .sidebar .most-wanted span, .sidebar .most-wanted small {
        text-align: left;
        display: block;
    }

        .sidebar .most-wanted small:last-child {
            margin-top: 1em;
        }

    .sidebar .most-wanted a {
        position: relative;
        z-index: 1;
        padding: 0.9375em 0;
    }

.mugshot {
    padding: 0.5em 0.5em 1.5em;
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: .1em;
    box-shadow: 0 0 6px rgba(0,0,0,.5);
    display: inline-block;
    margin: 0.75em auto 1.75em;
    max-width: 169px;
    position: relative;
}

.sidebar .most-wanted .mugshot:before {
    content: '';
    display: block;
    width: 169px;
    height: 208px;
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: .1em;
    box-shadow: 0 0 6px rgba(0,0,0,.5);
    position: absolute;
    z-index: -1;
    top: 0;
    left: -5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.sidebar .most-wanted .mugshot:after {
    content: '';
    display: block;
    width: 169px;
    height: 208px;
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-radius: .1em;
    box-shadow: 0 0 6px rgba(0,0,0,.5);
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 0px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.sidebar .most-wanted .mugshot b {
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #4c4c4c;
    font-size: 0.75em;
    position: relative;
    top: 0.4em;
}

.sidebar .most-wanted .tel {
    margin: 1em 0;
    text-align: left;
}

    .sidebar .most-wanted .tel i {
        display: inline-block;
        width: 25%;
        float: left;
        text-align: center;
    }

.sidebar .most-wanted span b {
    font-weight: normal;
    font-family: 'Bosis W01 Bold', sans-serif;
}


.short-stat .icon, .area-stat .icon {
    display: inline-block;
    width: 50%;
    text-align: right;
    float: right;
    padding-top: 1em;
    padding-bottom: 0.8em;
}

.area-stat .icon {
    width: 45%;
}

    .short-stat .icon img, .area-stat .icon img {
        width: 80%;
        max-width: 120px;
    }

.short-stat .stat, .long-stat .stat, .area-stat .stat {
    font-size: 6em;
    text-align: right;
    display: inline-block;
    float: right;
    padding: 0 3%;
    color: #fff;
}

.area-stat .stat {
    font-size: 6em;
}

.sidepanel .desc {
    text-align: right;
}

.area-stat .desc span {
    padding-bottom: 0;
}

.short-stat a {
    color: #fff;
}

.long-stat {
    position: relative;
    overflow: hidden;
}

    .long-stat .icon {
        position: absolute;
        top: -15px;
        left: -15px;
    }

.side-btn a {
    text-align: right;
}

.telephone span {
    display: block;
    text-align: right;
}

.phone .icon {
    display: inline-block;
    width: 20%;
    float: left;
    padding-top: 5px;
    text-align: right;
}

.screen {
    padding-top: 5px;
}

    .screen .icon {
        display: inline-block;
        width: 25%;
        float: left;
        padding-top: 5px;
        margin: 0 2%;
    }

    .screen small {
        display: inline-block;
        width: 50%;
        padding-top: 5px;
    }

.phone .icon img {
    width: 80%;
    margin-top: 5px;
}

.telephone .phone .icon img {
    width: 65%;
    margin: 0;
}

.phone .phone-no {
    display: inline-block;
    width: 80%;
    text-align: right;
    color: #fff;
    font-size: 2.75em;
    padding-top: 10px;
}

    .phone .phone-no small {
        display: block;
        font-size: 0.45em;
    }

.phone {
    padding-bottom: 1.4em;
}
/*
	* Related pages & links
*/
.related {
    background: #eeedeb;
    margin-bottom: .75em;
    padding: 0.9375em;
}

    .related h3 {
        margin: 0;
    }

    .related dl, .related ul {
        margin-bottom: 0;
    }

    .related dt {
        margin: 0;
        list-style: none;
    }

    .related dd, .related li {
        margin-left: 0;
        list-style: none;
    }

    .related a {
        display: block;
        font-weight: bold;
    }

    .related li a i {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/ico-ext-link.png) no-repeat top left;
        margin: 5px 7px 0px 0;
        position: relative;
        top: 2px;
    }


/*
	* Inpage elements
*/
.page-hero {
    background: #4c4c4c;
    overflow: hidden;
}

    .page-hero h1, .page-hero h2, .page-hero h3, .page-hero h4 {
        color: #f5c10d;
    }

.row .row.page-hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
    max-width: 480px;
}

.page-hero .page-hero-image {
    padding: 0;
}

    .page-hero .page-hero-image img {
        margin-bottom: -2px;
        position: relative;
        left: -0.8em;
    }

.page-hero .columns h2:first-child, .page-hero .columns h3:first-child, .page-hero .columns h4:first-child {
    margin-top: 0.5em;
}

.page-hero p, .page-hero ul, .page-hero ol, .page-hero h5, .page-hero h6 {
    color: #fff;
}

/*
	* Gallery
*/
.gallery {
    text-align: center;
    margin-bottom: 1em;
}

    .gallery .mugshot {
        margin: 1em auto 0.5em;
    }

    .gallery .others, .gallery .others li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .gallery .others {
        max-width: 169px;
        margin: 0 auto;
    }

        .gallery .others li {
            display: inline-block;
            width: 31%;
        }

            .gallery .others li a img {
                border: 1px solid #00aeef;
            }

            .gallery .others li a:hover img {
                border-color: #1481c5;
            }

.details dt {
    /*text-transform:uppercase;*/
    font-weight: normal;
    display: inline-block;
    margin: 0 .5em .2em 0;
    float: left;
}

.details dd {
    margin-bottom: 0.2em;
}

.summary {
    background: #eeedeb;
    clear: both;
    max-width: 480px;
}

    .summary h3 {
        color: #E41F1F;
    }

.events {
    padding: 0.5em 0.9375em 0.5em 0.9375em;
}

    .events h4 {
        font-weight: bold;
        font-size: 1em;
        margin-bottom: 0;
    }

.area-most-wanted {
    background: #eeedeb;
    padding: 0.5em 0.9375em;
}

    .area-most-wanted ul > li {
        margin: 0;
    }

    .area-most-wanted .line-up, .area-most-wanted .details {
        display: inline-block;
        width: 48%;
        float: left;
    }

    .area-most-wanted .line-up {
        max-width: 150px;
        margin-left: 0.3em;
    }

    .area-most-wanted .details h4 {
        margin-top: 0;
    }


/*
	* Image list
*/

.image-list div {
    background: #eeedeb;
    padding: 0.5em;
}

.image-list header {
    font-size: 0.9em;
    padding-bottom: 0.5em;
}

    .image-list header h2, .image-list header h3 {
        margin: 0;
        line-height: 1;
        color: #E41F1F;
    }

    .image-list header h3 {
        font-size: 1.4em;
    }

/*
 	* Pagination
 */

.pagination li a {
    background: #eeedeb;
    color: #4c4c4c;
    padding: 0.3em 0.9375em;
    color: #4c4c4c;
}

    .pagination li a:hover {
        background: #d2d1d0;
        color: #000;
    }

.pagination li.unavailable a,
.pagination li.unavailable a:hover {
    background: none;
    color: #4c4c4c;
}

.pagination li.current a,
.pagination li.current a:hover {
    background: #4c4c4c;
    color: #fff;
}

/*
	* Video
*/
.video-text {
    background: #4c4c4c;
    padding: 0.5em 0;
}

a.download {
    display: block;
    padding: 0.9375em;
    background: #eeedeb;
    margin: 0.9375em 0;
}

    a.download:hover {
        background: #d2d1d0;
    }

    a.download i {
        display: inline-block;
        width: 18px;
        height: 15px;
        background: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/ico-download.png) no-repeat 0 0;
        margin-right: 0.5em;
    }

    a.download:hover i {
        background-position: left bottom;
    }

.video-text * {
    color: #fff;
}

.video iframe {
    width: 100%;
}

.video {
    padding-bottom: 1em;
}

/*
	* Donate 
*/
.donate {
    background: #00aeef;
    color: #fff;
}

    .donate form {
        clear: both;
    }

    .donate h1, .donate h2, .donate p {
        color: #fff;
    }

    .donate fieldset {
        border: 0;
        padding: 0;
        clear: both;
    }

    .donate input[type=image] {
        display: block;
        width: 100%;
        border: 1px solid #fff;
        max-width: 295px;
    }


    .donate p {
        line-height: 1.1;
    }

    .donate label {
        color: #fff;
        font-size: 1em;
        display: block;
        padding-bottom: 3px;
    }

/*
	* Events
*/
.events {
    background: #eeedeb;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


.pagination {
    height: auto;
    margin: 1em 0;
}

    .pagination li {
        height: auto;
        margin-bottom: 0.3em;
    }

        .pagination li.current {
            background: #00aeef;
            color: white;
            font-weight: bold;
            height: auto;
            display: block;
            padding: 0.3em 0.9375em;
        }

/****************************************

	* Media Queries

****************************************/

@media only screen and (min-width: 24em) {
    .hero-image {
        height: 140px;
    }

        .hero-image img {
            top: -14%;
        }
}

/*
	* 480px (30em x 16px = 480)
*/
@media only screen and (min-width: 30em) {

    .banner h2 {
        font-size: 1.25em;
    }

    .hero-image {
        height: 180px;
    }

    .give-info .large-6 {
        width: 50%;
    }

    .give-info .icon {
        margin-top: 15px;
    }

    .area-stat .stat {
        font-size: 9em;
    }
}

@media only screen and (min-width: 36em) {

    .hero-image {
        height: 220px;
    }
}

/*
	* 768px (48em x 16px = 768)
*/
@media only screen and (min-width: 48em) {

    /*
		* Typography
	*/
    body {
        font-size: 100%;
    }

    img.align-left {
        margin: 0.9375em;
        margin-left: 0;
        float: left;
    }

    .align-right {
        margin: 0.9375em;
        margin-right: 0;
        float: right;
    }

    /*
		** Global Structure 
	*/

    .item-row {
        padding-top: 0px;
    }

    .banner .logo {
        margin: 0 1em;
        padding-bottom: 0;
        padding: .75em 0;
        max-width: 280px;
    }

    .banner h2 {
        position: absolute;
        top: 60px;
        right: 0.9375em;
        text-align: right;
        margin: 0;
        font-size: 1em;
    }

    .nav-header {
        position: relative;
        z-index: 10;
        background: #fff;
    }

    .banner ul {
        margin: 0;
        list-style: none;
    }

    .site-secondary {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        padding: 0 0.8em 0 0;
    }

    .site-search {
        display: block;
        width: 50%;
        float: right;
        padding-right: 0.8em;
        /*position:absolute;
		top: .3em;
		right:0.9375em;
		width:30%;*/
    }

        .site-search input {
            border: 0;
            background: #eeedeb;
            border-radius: 2px;
            margin-top: 0;
        }

        .site-search button {
            background-image: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/ico-search-lrg.png);
        }

    .site-lang {
        display: block;
        /*width: 40%;*/
        float: right;
        /*padding: 0.75em 0 0 0;*/
        text-align: left;
        position: relative;
    }

        .site-lang ul {
            display: none;
        }

        .site-lang.lang-active ul {
            display: block;
        }

        .site-lang > a {
            text-decoration: none;
            display: block;
            padding: 20px 0.5em 0.6em;
            border: 1px solid transparent;
            background: #eeedeb;
            color: #4c4c4c;
            font-family: 'Bosis W01 Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

            .site-lang > a:after {
                content: ' ';
                display: block;
                width: 22px;
                height: 22px;
                background-image: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/world.png);
                background-position: center right;
                background-repeat: no-repeat;
                float: left;
                margin-right: 0.5em;
                position: relative;
                top: -4px;
            }

        .site-lang.lang-active > a {
            /*border-color: #949494;*/
        }

        .site-lang ul, .site-lang li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .site-lang ul {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1;
            width: 100%;
            background: #eeedeb;
        }

            .site-lang ul li a {
                padding: 0.5em 0.5em 0.5em 2.4em;
                display: block;
                color: #4c4c4c;
            }

                .site-lang ul li a:hover {
                    background: #b0b0b0;
                }

    .contentinfo {
        text-align: left;
    }

    .nav-social {
        float: right;
    }

    .nav-footer {
        margin-top: .7em;
        padding: 1em 0;
    }

        .nav-footer a, .nav-footer li {
            display: inline-block;
        }

        .nav-footer li {
            border-right: 1px solid #ccc;
            padding: 0 .2em 0 0;
            margin-bottom: .3em;
        }

            .nav-footer li:first-child, .nav-footer li:last-child {
                border-right: 0;
            }

            .nav-footer li b {
                margin-right: 1.5em;
            }

        .nav-footer a {
            font-size: 0.75em;
            line-height: 1;
            background: none;
            padding: 0 0.4em;
        }

            .nav-footer a:hover {
                background: none;
            }

    /*
		** Primary Nav
	*/
    .primary, .nav-sub {
        display: block;
        clear: both;
        font-size: 1em;
    }

        .primary > ul li {
            display: inline-block;
            width: 13.8%;
        }

            .primary > ul li.nav-btn {
                float: right;
            }

            .primary > ul li a {
                display: block;
                text-align: center;
                font-family: 'Bosis W01 Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
                color: #4c4c4c;
            }

            .primary > ul li.has-children a:hover {
                background: #eee;
            }

            .primary > ul li.nav-on a {
                background: #eee;
            }

            .primary > ul li.nav-active a {
                color: #fff;
                background: #949494;
            }

                .primary > ul li.nav-active a:hover {
                    background: #949494;
                }

            .primary > ul li .button {
                padding-left: 1em;
                padding-right: 1em;
            }

            .primary > ul li a {
                padding-top: 0.6em;
                padding-bottom: 0.6em;
            }

            .primary > ul li .btn-donate, .primary > ul li .btn-contact {
                padding-top: .3em;
                padding-bottom: .3em;
                margin: .3em;
                border-radius: 5px;
                color: #fff;
            }

    .banner ul ul {
        display: none;
    }

    /* 
		** Sub Nav (drop down)
	*/
    .nav-sub {
        display: block;
        background: #949494;
        position: relative;
        z-index: 5;
        height: 0;
        overflow: hidden;
    }

        .nav-sub a {
            font-size: 0.875em;
            padding: 0.3em 0.3em 0.3em 1.5em;
        }

        .nav-sub .title a {
            font-size: 1em;
            padding: 0.55em 0.55em 0.55em 0.8em;
            font-family: 'Bosis W01 Semibold', sans-serif;
        }

        .nav-sub .row {
            max-width: 1224px;
        }

    .nav-sub-active {
        margin-bottom: 0;
        top: 0;
        height: auto;
    }

    .nav-sub .nav-level {
        overflow: hidden;
        padding: 0 2px 0 0;
    }

        .nav-sub .nav-level ul {
            width: 100%;
            margin: 0;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

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

        .nav-sub .nav-level > ul li:last-child a {
            border-bottom: 0;
        }

    .nav-sub .mm-nav-level2 ul, .nav-sub .mm-nav-level3 ul {
        margin-left: -110%;
    }

    .nav-sub.level2 .mm-nav-level2 ul, .nav-sub.level3 .mm-nav-level3 ul {
        margin-left: 0;
    }

    .nav-sub a:hover {
        background: rgba(0,0,0,.05);
    }

    .nav-sub .nav-active a {
        background: #4c4c4c;
        color: #59aeef;
    }


    /*
		* Forms
	*/

    .image-radio label img {
        margin-bottom: -6px;
    }

    .fld-info {
        margin-left: 0%;
        margin-top: -10px;
        position: absolute;
        left: 100%;
        width: 33.3333%;
    }

        .fld-info:before {
            content: '';
            display: block;
            width: 10px;
            height: 21px;
            position: absolute;
            left: -10px;
            top: 10px;
            background: url(/National_Library/oe_/https://crimestoppers-uk.org/img/tmp/arr-fld-info.png) no-repeat 0 0;
        }

    .badge {
        text-align: right;
    }

    /*
		* Modules
	*/
    .hero {
        position: relative;
        overflow: hidden;
    }

        .hero .large-6 {
            padding-right: 8%;
        }

        .hero .row {
            position: relative;
        }

    .hero-image {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        overflow: visible;
    }

        .hero-image img {
            bottom: auto;
            top: 0;
        }

    .row .row.page-hero {
        max-width: none;
    }

    .page-hero h1 {
        font-size: 1.6em;
        margin-top: 0.4em;
    }

    .give-info {
        padding-bottom: 1em;
    }

        .give-info .icon {
            margin-top: 0;
        }

            .give-info .icon.phone {
                text-align: right;
            }

    .get-involved, .give-info {
        padding-bottom: 1.5em;
    }

        .get-involved .item-row {
            max-width: auto;
        }

        .get-involved .item {
            width: 100%;
            float: none;
            padding-right: 0;
        }

            .get-involved .item:first-child h2 {
                margin-top: 0;
            }

        .get-involved img {
            max-width: 100%;
        }

    .likes {
        font-size: 0.875em;
    }

        .likes li a i {
            margin-top: 0;
        }

    .sidepanel span {
        font-size: 1.4em;
    }

    .sidepanel small {
        font-size: 1em;
    }

    .short-stat .stat, .long-stat .stat {
        font-size: 5.6em;
    }

    .area-stat .stat {
        font-size: 4em;
    }

    .area-stat .icon {
        width: 45%;
    }

    .display .sidebar {
        padding-right: 0;
    }

    .related {
        font-size: 0.8675em;
    }

    .display .events {
        margin-left: -0.9375em;
        padding: 0.5em 0 0.5em 1.875em;
    }

    .logo-affiliates {
        float: right;
        width: auto;
    }
}

/*
	* 896px (56em x 16px = 896)
*/
@media only screen and (min-width: 56em) {

    .primary, .nav-sub {
        font-size: 1.125em;
    }

    .banner .logo {
        max-width: 320px;
        margin-bottom: 0;
        padding-bottom: .5em;
    }

    .banner h2 {
        font-size: 1.1em;
    }

    .hero {
        min-height: 220px;
    }

        .hero h1 {
            font-size: 2.666em;
        }

        .hero h2 {
            font-size: 1.8em;
        }

    .page-hero h1 {
        font-size: 1.8em;
    }

    .short-stat .stat, .long-stat .stat {
        font-size: 6.8em;
    }

    .area-stat {
        margin-bottom: 0;
    }

        .area-stat .stat {
            font-size: 5em;
        }
}

/*
	* 1088px (68em x 16px = 1088)
*/
@media only screen and (min-width: 68em) {
    body {
        font-size: 100%;
    }

    .banner .logo {
        max-width: 380px;
    }

    .banner h2 {
        font-size: 1.2em;
        top: 75px;
    }

    .site-secondary {
        width: 40%;
    }

    .site-search {
        padding-top: 19px;
    }

    .site-lang > a {
        padding-top: 30px;
        padding-bottom: 0.8em;
    }

    .hero h1 {
        font-size: 3em;
    }

    .hero h2 {
        font-size: 2.333em;
    }

    .page-hero h1 {
        font-size: 2.2em;
        margin-top: .6em;
    }

    .likes li {
        display: inline-block;
    }

    .sidepanel span {
        font-size: 1.75em;
    }

    .sidepanel small {
        font-size: 1.25em;
    }

    .short-stat .stat, .long-stat .stat {
        font-size: 6.8em;
    }

    .area-stat .stat {
        font-size: 7em;
    }

    .area-stat .icon {
        width: 39%;
    }
}


























































































































































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}