@charset "UTF-8";
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* 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. */
@font-face { font-family: 'gothamblack'; /*src: url('../fonts/gotham-black-webfont.eot'); src: url('../fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-black-webfont.woff') format('woff'), url('../fonts/gotham-black-webfont.ttf') format('truetype'), url('../fonts/gotham-black-webfont.svg#gothamblack') format('svg');*/ src: url("/sites/all/themes/tct/assets/fonts/gotham-black-webfont.eot"); src: url("/sites/all/themes/tct/assets/fonts/gotham-black-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/tct/assets/fonts/gotham-black-webfont.woff") format("woff"), url("/sites/all/themes/tct/assets/fonts/gotham-black-webfont.ttf") format("truetype"), url("/sites/all/themes/tct/assets/fonts/gotham-black-webfont.svg#gothamblack") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'gothambook'; /*src: url('../fonts/gotham-book-webfont.eot'); src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-book-webfont.woff') format('woff'), url('../fonts/gotham-book-webfont.ttf') format('truetype'), url('../fonts/gotham-book-webfont.svg#gothambook') format('svg');*/ src: url("/sites/all/themes/tct/assets/fonts/gotham-book-webfont.eot"); src: url("/sites/all/themes/tct/assets/fonts/gotham-book-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/tct/assets/fonts/gotham-book-webfont.woff") format("woff"), url("/sites/all/themes/tct/assets/fonts/gotham-book-webfont.ttf") format("truetype"), url("/sites/all/themes/tct/assets/fonts/gotham-book-webfont.svg#gothambook") format("svg"); font-weight: normal; font-style: normal; }

/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html, button, input, select, textarea { color: #222; }

html { 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: #dc2328; color: #fff; text-shadow: none; }

::selection { background: #dc2328; color: #fff; 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; }

/* ========================================================================== Skip links ========================================================================== */
#skip-link a { background-color: #333; color: #fff; display: block; font-size: 2em; padding: 1em; text-align: center; }

/* ========================================================================== Author's custom styles ========================================================================== */
html { color: #333; /*Use -webkit-text-size-adjust:none to disable text size adjust on iOS*/ -webkit-text-size-adjust: 1rem; -ms-text-size-adjust: 1rem; font-size: 100%; /* 100% is equivalent to setting the font size to the user's preference => default font is 1rem = 16px ($rembase) 62.5%   => default font is 1rem = 10px ($rembase) 75%     => default font is 1rem = 12px ($rembase) 87.5%   => default font is 1rem = 14px ($rembase) */ }

body { direction: ltr; font-family: "gothambook",Arial,Helvetica,sans-serif; background: #fff; }

h1 { color: #1c3c6e; font-size: 5em; font-weight: normal; text-transform: uppercase; }

h2 { font-family: "gothambook"; font-weight: normal; }

h2, h3, p { margin-top: 0; font-weight: 400; }

blockquote { margin: 2em; background: url(../img/design/quote-icon.png) no-repeat left top; padding-left: 50px; }

blockquote p { background: url(../img/design/quote-icon-close.png) no-repeat bottom right; }

.scheme-blue blockquote { background-image: url(../img/design/quote-icon-blue.png); }

.scheme-blue blockquote p { background: url(../img/design/quote-icon-blue-close.png) no-repeat bottom right; }

.scheme-aqua blockquote { background-image: url(../img/design/quote-icon-aqua.png); }

.scheme-aqua blockquote p { background: url(../img/design/quote-icon-aqua-close.png) no-repeat bottom right; }

.scheme-orange blockquote { background-image: url(../img/design/quote-icon-orange.png); }

.scheme-orange blockquote p { background: url(../img/design/quote-icon-orange-close.png) no-repeat bottom right; }

blockquote { font-size: 1.25em; }

a { text-decoration: none; color: #316fa9; }

a:hover { text-decoration: underline; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #333333; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333333; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333333; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333333; }

.content-area a { word-wrap: break-word; }

input[type="checkbox"].form-checkbox { border: none; padding: 0; }

.field-name-body p, .field-name-body ul, .main-content .field-name-body ul { margin-bottom: 1.5em; }

.field-name-body h2, .field-name-body h3 { margin: 0 0 1.5em 0; }

.field-name-body li { line-height: 1.5; margin-bottom: .5em; }

/* ========================================================================== Table ========================================================================== */
table { border-collapse: collapse; border: 1px solid #e6e6e6; border-spacing: 0; width: 100%; margin: 0; padding: 0; }

thead, tbody, tr { border: none 0; }

td, th { vertical-align: middle; text-align: left; padding: .5em; border: none 0; }

th { background: -o-linear-gradient(bottom, #e5e5e5 5%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #cccccc)); background: -moz-linear-gradient(center top, #e5e5e5 5%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#cccccc"); background: -o-linear-gradient(top, #e5e5e5, #cccccc); background-color: #cccccc; }

tbody tr:nth-child(odd) { background-color: #fff; }

tbody tr:nth-child(even) { background-color: #e5e5e5; }

table.feature { margin-bottom: 1.5em; }

table.feature, table.feature td { background-color: #f0f0f0; }

table.feature td { padding: 1.5em; }

table.feature tr:first-child td { border-bottom: 1px solid #e6e6e6; background-image: url(../img/design/separator.gif); background-repeat: no-repeat; background-position: right center; text-align: center; }

table.feature tr:first-child td:last-child { background-image: none; }

table.feature tr:first-child td p { margin: 0; }

table.feature li { margin: 0 0 0.5em 0; line-height: 1.5; }

/*Mobile feature*/
/* Force table to not be like tables anymore */
table.mobile-feature, table.mobile-feature thead, table.mobile-feature tbody, table.mobile-feature th, table.mobile-feature td, table.mobile-feature tr { display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100% !important; }

/* ========================================================================== Web form ========================================================================== */
.not-valid-box { background-color: #fcefef; border: 1px solid #f00; padding: .6em; display: inline-block; margin: 0 0 0 0.5em; }

#webform-client-form-114 .not-valid-box { margin: 0 0 1em 0; }

.not-valid-box p { margin: 0; }

.webform-client-form .not-valid-field input, .webform-client-form .not-valid-field select { border: 1px solid #f00 !important; }

.form-item-submitted-read-and-agree-1.not-valid-field { border-left: 1px solid #f00 !important; padding-left: .5em; }

.webform-client-form { padding: 15px; background-color: #f0f0f0; }

.webform-client-form legend { font-family: "gothambook"; font-size: 1.5em; margin: 0.83em 0; font-weight: 400; }

.webform-client-form fieldset { border-bottom: 2px solid #ffffff; margin: 0 0 1em 0; }

.webform-client-form label, .webform-client-form .label { cursor: pointer; font-size: .75em; font-family: "gothamblack"; text-transform: uppercase; font-weight: 400; margin: 0 0 0.5em 0; }

.webform-client-form label.option { font-family: "gothambook",Arial,Helvetica,sans-serif; text-transform: none; font-size: 1em; /*display: inline; margin: 0;*/ }

.webform-client-form input[type=password], .webform-client-form input[type=text], .webform-client-form input[type=email], .webform-client-form input[type=number], .webform-client-form input[type=file], .webform-client-form input[type=submit], .webform-client-form input[type=button], .webform-client-form select, .webform-client-form textarea { background: #f7f7f7; border: none 0; padding: .65em; margin: 0 0 0.5em 0; font-family: "gothambook"; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e6e6e6; max-width: calc(100% - 20px); }

.webform-client-form select { padding: .58em; font-size: .9em; display: block; }

.webform-component { margin-top: 1.5em; }

.form-select.month, .form-select.day, .form-select.year { display: inline-block; }

.webform-component-textfield input[type=password]:hover, .webform-component-textfield input[type=text]:hover, .webform-client-form input[type=email]:hover, .webform-client-form input[type=number]:hover, .webform-client-form input[type=file]:hover, .webform-client-form select:hover, .webform-client-form textarea:hover { background: #e6e6e6; }

.webform-client-form input[type=submit], .webform-client-form input[type=button] { text-transform: uppercase; text-align: center; border: 1px solid #f7f7f7; font-family: "gothamblack"; margin: 0 0.5em 0 0; }

.webform-client-form input[type=submit]:hover, .webform-client-form input[type=button]:hover { background: #333; border: 1px solid #333; color: #f7f7f7; }

.no-box.webform-client-form { background-color: transparent; }

.no-box.webform-client-form input[type=password], .no-box.webform-client-form input[type=text], .no-box.webform-client-form input[type=submit] { margin-bottom: 0; width: 100%; text-align: center; }

.no-box.webform-client-form input[type=submit] { color: #fff; background-color: #DD2128; border-color: #DD2128; width: 100%; margin-top: 20px; }

.no-box.webform-client-form input[type=submit]:hover { text-decoration: underline; background-color: #dd2128; border-color: #dd2128; color: #fff; }

.donate-tabs form { text-align: center; margin-bottom: 2em; padding: 15px 0; }

/* BLOCK FORM */
.content-block .webform-client-form { padding: 0; background-color: transparent; }

.content-block .webform-client-form input[type=submit], .content-block .webform-client-form input[type=password], .content-block .webform-client-form input[type=text], .content-block .webform-client-form input[type=email] { display: block; width: 100%; text-align: center; }

.content-block .webform-client-form input[type=submit] { margin: 0; font-family: "gothamblack"; }

.donate-block input[type=text] { border-color: #dd2128; }

.donate-block input[type=submit] { background-color: #dd2128; border-color: #dd2128; color: #fff; }

.donate-block input[type=submit]:hover { text-decoration: underline; background-color: #dd2128; border-color: #dd2128; color: #fff; }

.email-block .form-item, .email-block .form-actions { margin: 0; }

.email-block .url-textfield { display: none; }

.email-block p { font-size: .9em; }

.email-block input[type=text], .email-block input[type=email] { border-color: #1b3d6c; }

.email-block input[type=submit] { display: block; font-weight: 400; color: #fff; background-color: #1b3d6c; border-color: #1b3d6c; }

.email-block input[type=submit]:hover { background-color: #1b3d6c; border-color: #1b3d6c; text-decoration: underline; }

.email-block .webform-client-form input[type=submit] { margin: 0; }

.email-block .opt-in label { font-weight: 400; display: inline; font-family: "gothambook"; font-size: 1em; text-transform: none; }

.label-as-placeholder { position: relative; }

.label-as-placeholder label { position: absolute !important; font-size: inherit; font-weight: inherit; font-family: inherit; text-transform: inherit; top: 0; right: 0; bottom: 0; left: 0; text-align: center; margin: 0 1.2em 0 0; line-height: 2.7; display: none; }

.label-as-placeholder label.js { display: block; }

input[type=image].webform-calendar { padding-left: 30px; width: 0px; height: 30px; background: transparent url(../img/design/icon-calendar.png) no-repeat left center; }

.webform-client-form .description { font-size: .9em; line-height: 1.4; margin-bottom: .5em; }

/* DONATE FORM */
.donate-full-form .webform-client-form { background-color: transparent; padding: 0; }

.donate-full-form .webform-client-form fieldset { min-width: 0; padding: 15px; background-color: #F0F0F0; }

.donate-full-form { background-color: transparent; padding: 0; }

.donate-full-form .webform-client-form input, .donate-full-form .webform-client-form select { margin: 0; }

.donate-full-form fieldset { margin: 0 0 2em 0; }

.donate-full-form .form-item-submitted-suggested-amounts label, .donate-full-form .fund-options .form-type-radio label, .donate-full-form .opt-out-options { clear: left; }

.donate-full-form .opt-out-options label, .donate-full-form .giftaid-option label { font-family: "gothambook",Arial,Helvetica,sans-serif; text-transform: none; font-size: 1em; display: inline; margin: 0; }

.donate-full-form .giftaid-option p { font-size: .9em; max-width: 450px; }

#formatted-postcode, .webform-client-form #formatted-postcode[type="text"] { display: none; }

.donate-full-form input[type=submit], .donate-full-form input[type=button], #find-submit { background-color: #333; border-color: #333; color: #f7f7f7; margin: 0; }

#find-submit, #idpc_dropdown { display: block; margin-bottom: 1em; }

.donate-full-form input[type=submit]:hover, .donate-full-form input[type=button]:hover, #find-submit:hover { background-color: #f7f7f7; border-color: #f7f7f7; color: #222; }

.donate-full-form label { display: inline-block; }

.donate-full-form .fund-options label { display: inline; }

.donate-full-form #edit-submitted-city { display: block; }

.donate-full-form #edit-submitted-reason-for-giving, .donate-full-form #edit-submitted-country { width: 100%; }

.donate-full-form .form-item-submitted-suggested-amounts label[for=edit-submitted-suggested-amounts] { float: left; margin: 0 0.5em 0 0; }

.donate-full-form .form-item-submitted-suggested-amounts label, .donate-full-form .form-item-submitted-suggested-amounts input { display: inline-block; }

.donate-full-form .form-item-submitted-suggested-amounts label { padding: .5em; margin-right: .5em; border: 1px solid #e6e6e6; background-color: #f7f7f7; }

.payment-method { margin-top: 1em; }

.payment-method span { font-family: "gothamblack"; text-transform: uppercase; font-weight: 400; }

.donate-full-form label[for=edit-submitted-read-and-agree] { display: none; }

.donate-full-form label[for=edit-submitted-read-and-agree-1] { font-weight: 700; }

.page-user-edit .cms-tools-container { display: none; }

/* ========================================================================== Views ========================================================================== */
.view .views-row { margin-bottom: 2em; margin-right: 1em; padding: 0; background-color: #fff; position: relative; }

.view .views-row .arrow { visibility: hidden; font-weight: bold; font-size: 1.1em; line-height: 1; }

.view .views-row h2:hover .arrow { visibility: visible; }

.promoted-view .views-row { background-color: #f0f0f0; padding: 0 0.938em; }

.promoted-view .views-row .title { margin-top: .75em; }

.view-partners-listing.promoted-view .views-row { background-color: transparent; }

.view-mix-listing .views-row { margin-right: 0; }

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

.views-row:after { clear: both; }

.views-row { *zoom: 1; }

.dated-view .views-row { margin-left: 4.5em; }

.view .title { line-height: 1.4; font-weight: 400; font-size: 1.25em; margin: 0 0 0.5em 0; }

.view .summary { margin-bottom: 1.5em; }

.dated-view .date { float: left; clear: left; margin: 0; width: 6em; text-align: center; text-transform: uppercase; font-weight: 700; font-size: .75em; }

.dated-view .date { margin-left: -6em; margin-bottom: 1em; /*margin-right:1em;*/ }

.dated-view .date .day, .dated-view .date .value { display: block; background-color: #333; color: #fff; text-align: center; line-height: 1.2; }

.dated-view .title, .dated-view .from-date, .dated-view .summary, .dated-view .tags { margin-left: 1em; }

.dated-view .title { margin-left: 0.8em; }

.dated-view .date .value { position: relative; top: -1px; }

/*fix for mobile browsers where white line between day and value*/
.scheme-orange .dated-view.promoted-view .date .day, .scheme-orange .dated-view.promoted-view .date .value { background-color: #E67020; }

.scheme-aqua .dated-view.promoted-view .date .day, .scheme-aqua .dated-view.promoted-view .date .value { background-color: #02A6A6; }

.scheme-blue .dated-view.promoted-view .date .day, .scheme-blue .dated-view.promoted-view .date .value { background-color: #1C3C6E; }

.from-date span { text-transform: uppercase; font-size: .75em; font-weight: 700; }

.dated-view .date .day { padding: 1.5em 0.5em 0 0.5em; font-weight: 400; }

.dated-view .date .value { padding: 0 0.3em 0.6em 0.3em; margin-bottom: .2em; font-size: 1.7em; font-family: "gothamblack"; }

.view .thumbnail { float: left; display: none; margin-right: 1em; }

.dated-view .thumbnail { margin-left: 0; }

.tags { text-transform: uppercase; font-size: .75em; }

.tags strong { text-transform: none; font-size: 1.2em; width: auto; display: inline; margin-bottom: 0; }

.view .thumbnail img { display: block; width: 100%; }

/* FILTERS */
.view-filters { background-color: #f0f0f0; padding: 20px; margin-bottom: 2em; }

.view-filters .filter-swicther { text-transform: uppercase; font-size: 1em; min-height: 40px; margin: 0; line-height: 2.5; }

.js .view-filters .filter-swicther { cursor: pointer; }

.view-filters h3 { font-family: "gothamblack"; text-transform: uppercase; font-weight: 400; font-size: .75em; }

.exclusif { font-family: "gothamblack"; text-transform: uppercase; font-weight: 400; font-size: 1em; display: block; margin: 2em 0 0 0; }

.page-support-us-where-i-live .form-text { width: 13.8em; }

.page-support-us-where-i-live .form-select { width: 14.8em; }

.view-filters label { display: inline-block; font-weight: 400; cursor: pointer; }

.view-filters input { display: inline-block; cursor: pointer; padding: .5em; background-color: #f7f7f7; border: 1px solid #e6e6e6; }

.view-filters input[type=checkbox] { border: none 0; padding: 0; }

.view-filters select { display: inline-block; cursor: pointer; padding: .5em; background-color: #f7f7f7; border: 1px solid #e6e6e6; }

.views-exposed-widget { margin-bottom: 2em; }

/* dates from / to */
.container-inline-date .form-item input, .container-inline-date .form-item select, .container-inline-date .form-item option { width: 6.1em; background: #F7F7F7 url(../img/design/icon-calendar.png) no-repeat right center; padding-right: 1em; padding-left: 0.3em; margin: 0; }

#edit-dates-max, #edit-field-date-range-value-min-wrapper, #edit-field-date-range-value-max-wrapper, #edit-field-date-value-1-wrapper .views-widget { display: inline-block; float: none; vertical-align: middle; }

#edit-field-date-value-wrapper { padding: 0; }

#edit-field-date-value-1-wrapper { margin: 1.7em 0 0 0.5em; padding: 0; }

#edit-field-date-value-wrapper .form-item { margin: 0; }

[for="edit-dates-max"] { margin: 0 1em; }

#edit-field-date-value-1-wrapper h3 { font-size: .75em; display: inline-block; font-weight: 400; cursor: pointer; margin: 0 1em; font-family: "gothambook"; text-transform: none; }

.container-inline-date .form-item-dates-max, .container-inline-date .form-item-dates-min { margin: 0; }

.edit-field-date-range-value-min-wrapper { float: left; }

.view-filters label { font-size: .75em; }

.view-filters .views-widget-filter-created label { width: 4em; }

.view-filters .views-widget-filter-created input { width: 4em; background: #F7F7F7 url(../img/design/icon-calendar.png) no-repeat right center; padding-right: 1em; }

.view-filters .form-item-created-min, .view-filters .form-item-created-max { display: inline-block; margin: 0; width: 48%; }

.view-filters .date-picker { display: block; }

.views-exposed-widgets { margin: 0; }

/* submit / reset */
.views-exposed-form .views-exposed-widget .form-submit { margin: 0; }

.view-filters .views-submit-button, .view-filters .views-reset-button { display: inline-block; margin: 0; padding: 0; }

.view-filters .views-reset-button input { text-transform: uppercase; border: none 0; padding: 0.65em 0.6em 0.6em 0.6em; margin: 0; }

.view-filters .views-submit-button input { font-family: "gothamblack"; text-transform: uppercase; border: none 0; margin: 0; }

.view-filters .views-widget-filter-title { float: none; }

.view-filters .views-submit-button { float: right; margin: 0; clear: left; }

.view-filters input:hover, .view-filters input:focus, .view-filters select:hover, .view-filters select:focus { background-color: #e6e6e6; }

.views-submit-button input:hover, .views-reset-button input:hover, .views-submit-button input:focus, .views-reset-button input:focus { background-color: #333; color: #fff; }

/* checkboxes list area */
#edit-category-wrapper, #edit-field-area-events-tid-wrapper, #edit-field-area-tid-wrapper, #edit-field-category-tid-wrapper, #edit-field-city-tid-wrapper, #edit-type-wrapper, #edit-term-node-tid-depth-wrapper { float: none; padding: 0; clear: both; }

.filtered_taxonomie .views-widget, #edit-category-wrapper .views-widget, #edit-field-area-events-tid-wrapper .views-widget, #edit-field-area-tid-wrapper .views-widget, #edit-field-category-tid-wrapper .views-widget, #edit-field-city-tid-wrapper .views-widget, #edit-type-wrapper .views-widget, #edit-term-node-tid-depth-wrapper .views-widget { overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 8.7em; width: 100%; background-color: #f7f7f7; border: 1px solid #e6e6e6; }

ul.bef-tree, ul.bef-tree-child, ul.bef-tree li, ul.bef-tree-child li { list-style: none inside none; margin: 0; padding: 0; }

.form-type-bef-checkbox { position: relative; }

.form-type-bef-checkbox input { position: absolute; right: .9em; top: .9em; }

.form-type-bef-checkbox label { text-transform: uppercase; font-size: .75em; border-bottom: 1px solid #e6e6e6; padding: 1em; display: block; }

.form-type-bef-checkbox label:hover { background-color: #e6e6e6; }

.form-type-bef-checkbox ul { margin: 0; }

.form-type-bef-checkbox li li label { padding-left: 2em; }

.scrollable-region { overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 8.7em; width: 100%; }

.view-filters .category { background-color: #f7f7f7; border: 1px solid #e6e6e6; }

.view-filters .category label { text-transform: uppercase; font-size: .75em; }

.view-filters .category input { float: right; margin-top: .4em; }

.view-filters .category .form-item { margin-top: 0; margin-bottom: 0; padding: .5em; border-bottom: 1px solid #e6e6e6; }

.view-filters .iconed-category .form-item { padding-left: 2.5em; }

.view-filters .iconed-category .form-sub-item, .bef-tree-depth-1 .form-type-bef-checkbox label { padding-left: 3em; }

.view-filters .category-icon { background-image: url(../img/design/category-icons-form.png); background-position: left top; background-repeat: no-repeat; }

.view-filters .category-community { background-position: left -280px; }

.view-filters .category-runs { background-position: left top; }

.view-filters .category-music { background-position: left -40px; }

.view-filters .category-extreme { background-position: left -160px; }

.view-filters .category-trek { background-position: left -200px; }

.view-filters .category-cycling { background-position: left -80px; }

.view-filters .category-special { background-position: left -240px; }

.js .view-filters .category .form-item { cursor: pointer; }

.view-filters .category .form-item:last-child { border-bottom: none 0; }

.view-filters .category .checked, .view-filters .category .hover, .bef-tree .checked { background-color: #e6e6e6; }

/* PAGER */
.item-list .pager li { padding: 0; margin: 0; display: inline-block; }

.item-list .pager a { color: #333; }

.item-list .pager a, .item-list .pager .pager-current span { padding: 0.25em 0.5em; margin: .25em; display: inline-block; width: auto; }

.item-list .pager span { padding: .2em; margin: .25em; display: inline-block; width: 5px; }

.item-list .pager-item a, .pager-next a, .pager-first a, .pager-previous a, .pager-last a { border: 1px solid #333; }

.item-list .pager-current span { background-color: #333; border: 1px solid #333; color: #fff; }

.pager { position: relative; }

/* ========================================================================== Video ========================================================================== */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 1.5em; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Related documents */
.main-content ul, .text-block ul, .box ul { list-style: none; margin: 0 0 0.5em 0; padding: 0; }

.main-content li, .text-block li, .box li { padding-left: 1em; }

.main-content li:before, .text-block li:before, .box li:before { content: ""; line-height: 1em; width: .5em; height: .5em; background-color: #333; float: left; margin: 0.45em 0 0 -1em; }

.scheme-blue .main-content li:before, .scheme-blue .text-block li:before, .scheme-blue .box li:before { background-color: #1b3d6c; }

.scheme-aqua .main-content li:before, .scheme-aqua .text-block li:before, .scheme-aqua .box li:before { background-color: #02a6a6; }

.scheme-orange .main-content li:before, .scheme-orange .text-block li:before, .scheme-orange .box li:before { background-color: #e67020; }

.related li:before, .scheme-blue .related li:before, .scheme-aqua .related li:before, .scheme-orange .related li:before, ul.vertical-tabs-headers li:before, .item-list .pager li:before, .donations-block li:before, .main-content .bxslider li:before, .search-results li:before, .site-map-menu li:before { content: ""; line-height: 1em; width: 0; height: 0; float: none; margin: 0; }

.related li.world:before { content: ""; line-height: 1em; width: .5em; height: .5em; background-color: #333; float: left; margin: 0.45em 0 0 -1em; }

.field-name-body li:before { margin-top: .55em; }

.related li.world { background-image: none; }

/*remove square bullets on numbered list and left align them*/
.main-content ol, .text-block ol, .box ol { display: table; margin-left: 0; padding-left: 0; list-style: none; padding: 0; margin: 0 0 1.5em 0; }

.main-content ol li, .text-block ol li, .box ol li { display: table-row; counter-increment: table-ol; padding-left: 0; }

.main-content ol li:before, .text-block ol li:before, .box ol li:before { content: counter(table-ol) "."; display: table-cell; padding-right: 0.4em; background-color: transparent !important; width: 1.2em; margin: 0; float: none; line-height: 1em; }

.main-content ol.search-results li:before { padding: 0; content: ""; width: 0; }

/*end remove square bullets on numbered list*/
.main-content .bxslider li { padding: 0; }

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

.related li { margin: 0 0 0.5em 0; padding-left: 25px; }

/* ========================================================================== Pages ========================================================================== */
.page { display: inline-block; padding-left: 25px; background-image: url("../img/design/page.png"); background-repeat: no-repeat; background-position: 0 5px; }

.pdf { background-image: url("../img/design/page-pdf.png"); }

.excel { background-image: url("../img/design/page-excel.png"); }

.word { background-image: url("../img/design/page-word.png"); }

.powerpoint { background-image: url("../img/design/page-powerpoint.png"); }

.image { background-image: url("../img/design/page-image.png"); }

.world { background-image: url("../img/design/page-world.png"); }

/* ========================================================================== CTA ========================================================================== */
p.cta { margin-bottom: 1.5em; }

.cta a { display: block; background-color: #333; border-top: 4px solid #000; color: #fff; font-family: "gothamblack"; text-transform: uppercase; text-align: center; padding: 1em; }

.scheme-blue .cta a { background-color: #1b3d6c; border-color: #112542; }

.scheme-aqua .cta a { background-color: #02a6a6; border-color: #017d7d; }

.scheme-orange .cta a { background-color: #e67020; border-color: #bd5b1a; }

.tablet-view { display: none; }

/* ========================================================================== INFO ========================================================================== */
.info { margin-bottom: 1.4em; }

.info p { font-size: .85em; margin: 0; padding: 0; vertical-align: middle; line-height: 1.5; }

.info .item { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 0.5em 0; padding: 15px; width: auto; }

.info .map { padding: 0 15px; }

.info .cta { display: block; width: 100%; background-color: #fff; }

.person { padding: 15px; }

.person .item { padding: 0; }

.info .name p { font-size: 1em; font-family: "gothamblack"; text-transform: uppercase; }

.info .pix { text-align: center; padding: 0; }

.person .pix { width: 80px; margin: 0 1em 0 0; float: left; }

.info .pix img { width: 100%; }

.info .gm-container { height: 20em; width: 100%; margin: 0 0 1em 0; padding: 0; }

.gm-container #map-canvas { width: 100%; height: 100%; }

.info .icon { text-transform: uppercase; padding-left: 60px; background-position: 0.5em 0.2em; background-repeat: no-repeat; }

.info .calendar { background-image: url(../img/design/icon-calendar.png); background-position: 0em 0.2em; }

.info .calendar span { display: block; }

.info .level { background-image: url(../img/design/icon-difficulty.png); }

.info .location { background-image: url(../img/design/icon-location.png); }

.info .author { background-image: url(../img/design/icon-author.png); }

/* ==========================================================================
PROFILE
========================================================================== */
.person-pix { width: 200px; height: 230px; position: relative; margin-bottom: 24px; }

.corporate-pix { width: 220px; }

.sidebar-area .person-pix { float: none; margin: 0; }

.person-pix img { width: 199px; height: 199px; }

.person-intro { clear: left; }

.person-pix .polaroid { background: url(../img/design/polaroid-full-mask.png) no-repeat; position: absolute; top: 0; width: 100%; height: 100%; }

.person-age, .person-tags { clear: none; }

.person p { margin-bottom: 1em; }

/* ========================================================================== SEARCH RESULTS ========================================================================== */
.search-results, .search-results li { list-style: none none; margin: 0; padding: 0; }

.search-form { background-color: #f0f0f0; padding: 20px; margin-bottom: 2em; }

.search-form .form-item, .search-form .form-wrapper { margin: 0; padding: 0; }

.search-form label { display: block; font-weight: 400; cursor: pointer; font-family: "gothamblack"; text-transform: uppercase; margin: 0 0 0.5em 0; }

.search-form input { display: block; cursor: pointer; padding: .5em; background-color: #f7f7f7; border: 1px solid #e6e6e6; margin: 0 0 0.5em 0; }

.search-form .form-submit { border: none 0; font-family: "gothamblack"; text-transform: uppercase; margin: 0; }

.search-form .form-submit:hover, .search-form .form-submit:focus { background-color: #333; color: #fff; }

.search-results .search-snippet-info { padding-left: 0; }

/* ========================================================================== Map ========================================================================== */
.map-container { height: 20em; width: 100%; margin-bottom: 2em; }

.map-container #map-canvas { width: 100%; height: 100%; }

.gm-link { text-align: right; line-height: 2; }

.gm-style-iw .thumbnail { width: 30%; margin-right: 5%; float: left; }

.gm-style-iw .thumbnail img { width: 100%; }

.gm-switcher, .info .gm-switcher { cursor: pointer; line-height: 2.5; font-size: 1em; min-height: 40px; text-transform: uppercase; }

.info .gm-switcher { font-size: 0.9em; }

.info .gm-switcher .symbol { position: relative; top: -4px; }

.symbol { display: block; overflow: hidden; float: right; line-height: 1; height: 40px; width: 0; padding-left: 40px; background: url(../img/design/plus.png) no-repeat 0 0; }

.symbol.minus { background-image: url(../img/design/minus.png); }

.medium { display: none; }

.large { display: block; }

.large img { width: 104px; height: auto; }

.dropdown-content, .add-this { display: none; }

.nav { background: #333333; clear: both; }

.nav ul, nav li, .header-tools ul { padding: 0; list-style: none; margin-bottom: 0; }

.nav li a, .header-tools ul li a { text-align: center; color: #ffffff; font-size: 1em; padding: 24px 30px; display: block; border-top: 1px solid #565758; text-transform: uppercase; font-family: "gothamblack"; }

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

.header { margin-top: 15px; }

.header-tools ul { margin: 0; background: #f0f0f0; }

.header-tools ul li a { background: #fff; color: #333333; border-top: 1px solid #d6d8da; font-size: 0.9em; font-family: "gothambook"; }

.header-tools ul li a.donate { background: #dc2328; color: #ffffff; text-align: center; font-family: "gothamblack"; text-transform: uppercase; border-bottom: 5px solid #A6191E; }

.block-search { border-top: 1px solid #d6d8da; text-align: center; }

.block-search input { background: none; border: 0; width: 52%; text-align: right; padding-right: 10px; }

.block-search textarea:focus, input:focus { outline: 0; }

.block-search input[type=submit] { background: url("../img/design/search-icon.png") no-repeat; vertical-align: middle; width: 30px; }

.block-search input { width: 75%; text-align: center; padding: 0 10px; }

.container-inline { padding: 20px; text-align: left; }

.logo { float: left; margin: 0 15px 15px 15px; }

.mobile-menu { margin-top: 7px; float: right; margin-right: 25px; cursor: pointer; }

.active_burger { width: 40px; height: 38px; display: inline-block; background: url("../img/design/mobile-menu-active.png") no-repeat 0 0; }

.active_burger img { display: none; }

ul.bxslider { margin: 0; padding: 0; }

.bxslider li { overflow: hidden; }

.bx-pager-link { background: #ffffff !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 1px solid #e21737; }

.bx-pager.bx-default-pager a.active { background: #e21737 !important; }

.bx-controls-direction { display: none; }

.bx-wrapper .bx-controls-direction a.bx-prev { background: url("../img/design/arrow-left.png") no-repeat; width: 42px; height: 43px; left: 0; }

.bx-wrapper .bx-controls-direction a.bx-next { background: url("../img/design/arrow-right.png") no-repeat; width: 42px; height: 43px; right: -1px; }

.bx-wrapper { margin-bottom: 30px; overflow: visible; }

.not-front .bx-wrapper { margin-bottom: 3em; }

.not-front .bx-wrapper { margin-top: 0; }

.bx-caption { display: none; }

.caption-text { position: absolute; bottom: 0; right: 0; }

.caption-text .global-title span { float: right; clear: both; }

.bx-wrapper .bx-pager { background-color: #fff; padding-top: 10px; }

.bx-wrapper .bx-viewport { left: 0; border: none; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; }

.bx-wrapper .bx-controls-auto a { position: absolute; right: 0; top: 0; }

.bx-wrapper .bx-pager.bx-default-pager a { width: 20px; height: 20px; }

.bx-wrapper .bx-controls-auto .bx-start { display: none; }

.bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-auto .bx-start { background-image: url("../img/design/controls-play-pause@x2.png"); width: 20px; height: 22px; }

.bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: 0 0; }

.bx-wrapper .bx-controls-auto .bx-start:hover { background-position: 0 -22px; }

.bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: 0 -67px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: 0 -88px; }

.bx-wrapper .bx-controls-auto { bottom: -29px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 19px; }

.overlay { position: relative; }

.main-content { clear: both; }

.find-more { display: block; font-family: "gothamblack"; text-transform: uppercase; position: absolute; bottom: 15px; right: 15px; color: #333; text-align: right; }

/*IE10*/
.ie10 .find-more, .ie9 .find-more { outline: none; }

.global-blue .find-more, .global-orange .find-more, .global-aqua .find-more, .global-red .find-more { color: #fff; }

.text-block .rollover-text .find-more { color: #333; }

.intro-section { float: left; }

.intro-head { text-align: center; font-size: 1.6em; width: 80%; margin: 10px auto 0; text-transform: uppercase; font-weight: normal; }

.secondary-head { text-align: center; font-size: 1.2em; width: 90%; margin: 20px auto; font-weight: normal; color: #1a1a1a; }

.intro-section .secondary-head p { width: 100%; }

.no-masterhead .wrapper, .page-user .wrapper { border-top: 1px solid #ccc; }

.main-content { padding: 0; width: 93%; margin: 0 auto; }

.below-content { clear: both; }

.not-front .main-content { margin-top: 1em; }

/* ==========================================================================
CONTENT BLOCKS
========================================================================== */
.loading { text-align: center; }

.content-block .loading { position: absolute; top: 0; width: 100%; }

.content-block { position: relative; background-color: #f0f0f0; max-width: 320px; margin: 0 auto 20px auto; background-position: top center; background-repeat: no-repeat; }

.carousel-video a.video-link { display: block; }

.content-block .play-overlay, .bxslider .play-overlay { background: url("../img/design/play.png") no-repeat center center; position: absolute; width: 100%; height: 100%; text-align: center; top: 0; }

.image-block .polaroid { top: 0; background: url(../img/design/polaroid-mask.png) no-repeat; position: absolute; width: 100%; height: 100%; }

.bxslider .play-overlay { cursor: pointer; background: url("../img/design/play-hover.png") no-repeat 50% -100px; }

.content-block .play-overlay.hover { background-image: url("../img/design/play-hover.png"); }

.profile-block { border-bottom: 1px solid #ccc; padding-bottom: 2em; margin-bottom: 2em; }

.image-block { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.image-block, .video-block { padding-top: 160px; position: relative; }

.image-block .container-block, .video-block .container-block { position: relative; clear: both; }

.event-block h2 { background-image: url(../img/design/icon-calendar-fill.png); background-position: left top; background-repeat: no-repeat; padding-top: 40px; }

.event-block h2.icon-orange { background-image: url(../img/design/icon-calendar-orange-fill.png); }

.event-block h2.icon-aqua { background-image: url(../img/design/icon-calendar-aqua-fill.png); }

.event-block h2.icon-blue { background-image: url(../img/design/icon-calendar-blue-fill.png); }

.unit-block h2 { background-image: url(../img/design/icon-location.png); background-position: left top; background-repeat: no-repeat; padding-top: 40px; }

.unit-block h2.icon-orange { background-image: url(../img/design/icon-location-orange.png); }

.unit-block h2.icon-aqua { background-image: url(../img/design/icon-location-aqua.png); }

.unit-block h2.icon-blue { background-image: url(../img/design/icon-location-blue.png); }

.rollover-text { clear: both; padding: 15px 15px 2.5em 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #f0f0f0; }

.video-block .rollover-text { padding: 0; }

.text-block .rollover-text { color: #333; background-color: transparent; }

.donate-block .rollover-text { background-color: #f0f0f0; padding-bottom: 15px; }

.donate-block.gift-block .rollover-text { background-color: #dd2128; padding-bottom: 2.5em; }

.donate-block.gift-block .rollover-text p, .gift-block .find-more { color: #fff; }

.rollover-text p { margin: 0; color: #333; }

.donate-block .rollover-text p { margin-bottom: 1em; width: 100%; }

.text-block, .tweet-block, .email-block { margin: 0 auto 20px auto; border: 1px solid #e6e6e6; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.text-block { margin: 20px 0; width: 100%; max-width: none; }

/***************************************************************************************** Adding additional rule to change text-blocks within a listing block /*****************************************************************************************/
.listing-blocks .text-block { max-width: 320px; }

@media only screen and (min-width: 768px) { .listing-blocks .text-block { margin: 0 20px 20px 0px; } }

@media only screen and (max-width: 768px) { .listing-blocks .text-block { margin: 0 auto 20px auto; } }

.tweet-block { padding-bottom: 2em; }

.person-block .polaroid { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e6e6e6; }

.box { padding: 15px; margin: 0 auto 1.5em auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e6e6e6; background-color: #f0f0f0; }

.box img { width: 100%; max-width: 320px; margin-bottom: .5em; }

.profiles .box { float: left; width: 100%; }

.profiles .box img { margin: 0; }

.profiles .box .thumbnail { width: 80px; margin: 0 1em 1em 0; float: left; }

.box h2 { min-height: 0; width: 100%; margin: 0 0 1em 0; font-family: "gothamblack"; text-transform: uppercase; font-size: 1em; }

.box h3 { font-size: 1em; }

.email-block form.webform-client-form { padding: 15px; }

.text-block img { width: 100%; }

.text-block .pix { width: 44px; height: 44px; overflow: hidden; }

.text-block .quote { color: #333; padding: 10px 0 0 55px; background: url("../img/design/quote-icon.png") no-repeat 5% 10px; }

.text-block .end-quote { padding: 0 21% 0 0; display: block; background: url(../img/design/quote-icon-close.png) no-repeat 93% 100%; }

.text-block .quote.global-blue { background-image: url("../img/design/quote-icon-blue.png"); }

.text-block .quote.global-orange { background-image: url("../img/design/quote-icon-orange.png"); }

.text-block .quote.global-aqua { background-image: url("../img/design/quote-icon-aqua.png"); }

.text-block .quote.global-red { background-image: url("../img/design/quote-icon-red.png"); }

.quote-block .container-block { padding-bottom: 2.5em; }

.just-giving-block .container-block { padding: 20px; }

.just-giving-block .pix { float: left; clear: left; margin-right: 20px; }

.just-giving-block .rollover-text { height: auto; padding: 0 0 2em 0; }

.just-giving-block h2 { font-family: "gothamblack"; text-transform: uppercase; font-size: 0.9em; margin: 0; }

.just-giving-block .fund { color: #700066; font-family: "gothamblack"; text-transform: uppercase; font-size: 1.25em; }

.just-giving-block .jglogo { width: 150px; float: right; margin-top: 1em; }

.triple-image-block { position: relative; background-color: #f0f0f0; margin: 0 auto 20px auto; width: 100%; max-width: 320px; }

.triple-image-icon { background: url("../img/design/small-triple-icon.png") no-repeat; z-index: 9999; height: 41px; width: 80px; position: relative; top: -20px; display: block; z-index: 9999; left: 40%; }

.scheme-aqua .triple-image-icon { background-image: url("../img/design/small-triple-icon-aqua.png"); }

.scheme-blue .triple-image-icon { background-image: url("../img/design/small-triple-icon-blue.png"); }

.scheme-orange .triple-image-icon { background-image: url("../img/design/small-triple-icon-orange.png"); }

.triple-image-block img { width: 100%; }

.triple-image-block .second-block { margin-top: -41px; }

.tweet-block .tweet-name, .tweet-block .tweet-account { font-family: "gothamblack"; text-transform: uppercase; }

.tweet-block img { float: left; margin: 20px; }

.tweet-name { font-size: 0.9em; margin: 20px 15px 0 20px; display: block; }

.tweet-post { margin: 0 0 0 10px; padding: 0 15px 0.5em 10px; clear: both; }

.tweet-username { margin: 0 15px 1em 20px; text-transform: uppercase; }

.retweet { font-size: .9em; margin: 0.5em 0 0.5em 20px; padding-left: 20px; background: url("../img/design/retweet.png") no-repeat 0 15%; }

.tweet-block .find-more { background: url("../img/design/tweet-bird.png") 0 50% no-repeat; padding-left: 25px; }

.js .video-block, .js .text-block, .js .image-block { cursor: pointer; }

.text-block.hover { background-color: #fff; }

.event-banner, .mobile-donate { background: #dd2128; color: #ffffff; width: 100%; }

.event-banner p { font-family: "gothambook"; font-size: 1em; padding: 0 15px 15px 15px; margin: 0; }

.event-banner a { color: #fff; }

.event-banner h3 { font-family: "gothamblack"; font-size: 1.4em; padding: 30px 15px 15px 15px; margin: 0; text-transform: uppercase; font-weight: normal; }

.mobile-donate { max-width: 480px; margin: 30px auto 0 auto; text-align: center; border-top: 5px solid #a6191e; }

.mobile-donate a { font-family: "gothamblack"; color: #ffffff; text-transform: uppercase; display: block; padding: 15px; }

.global-title { font-size: 1em; line-height: 1.58; margin: 10px; float: left; clear: both; }

.global-title a { display: block; color: #fff; }

.global-title span { display: block; padding: 0 6px 0 6px; text-transform: uppercase; font-family: "gothamblack"; font-weight: normal; float: left; clear: left; margin: 0 0 1px 0; }

.global-black { background-color: #333; color: #fff; }

.global-white { background-color: #fff; color: #333; }

.global-aqua, .image-block .global-aqua { background-color: #02a6a6; color: #fff; }

.global-orange, .image-block .global-orange { background-color: #e67020; color: #ffffff; }

.global-red, .image-block .global-red { background-color: #dd2128; color: #fff; }

.global-blue, .image-block .global-blue { background-color: #1b3d6c; color: #fff; }

.global-jg, .image-block .global-jg { background-color: #700066; color: #fff; }

.scheme-blue .triple-image-block .global-title span { background-color: #1b3d6c; }

.scheme-aqua .triple-image-block .global-title span { background-color: #02a6a6; }

.scheme-orange .triple-image-block .global-title span { background-color: #e67020; }

.global-blue p, .global-blue a, .global-aqua p, .global-aqua a, .global-red p, .global-red a, .global-orange p, .global-orange a, .global-black p, .global-black a, .global-jg p, .global-jg a { color: #ffffff; }

.footer { background: #f0f0f0; }

.footer ul { margin: 0; padding: 0; }

.footer .lower-social { margin: 1em 0; }

.footer li, .footer p { font-size: 0.9em; }

.lower-tools li { font-size: 0.8em; }

.footer li a { font-size: 1em; }

.js .footer { padding: 1em 0 3em; }

.footer ul { list-style: none; }

.footer li { display: inline-block; padding: 0 0.75em 0 0; margin: 0 0.2em 0 0; text-transform: uppercase; }

.footer .lower-nav li a { font-family: "gothamblack"; }

.footer a { color: #333; }

.footer-container { padding: 0; width: 93%; margin: 0 auto; text-align: center; }

.footer-social-title { clear: both; margin: 2em 0 0.5em; }

.lower-nav li { background: url("../img/design/footer-divider.gif") no-repeat right center; }

.lower-nav li:last-child { background: none; }

.donate-button-head, .donate-button { display: none; }

.donate-button-head span, .donate-button span { font-family: "gothamblack"; }

.intro-section { float: left; width: 100%; }

.intro-section p { width: 80%; float: none; margin: 20px auto; }

.top-content { background-color: #fff; margin: 0 auto; width: 100%; display: block; float: left; }

.top-content img { width: auto; }

.section-intro { padding: 0 3.5%; background: #ffffff; width: 90%; float: left; display: block; margin: 15px auto 1em; }

.section-intro h1 { text-transform: uppercase; color: #333; font-size: 2.5em; margin: 0 0 0.2em 0; font-family: "gothamblack"; line-height: 1.1; }

.scheme-aqua .section-intro h1 { color: #02a6a6; }

.scheme-blue .section-intro h1 { color: #1c3c6e; }

.scheme-orange .section-intro h1 { color: #e67020; }

.section-intro p { margin: 0; }

.section-intro .author { font-weight: 400; font-size: 1em; }

.no-js .carousel-wrapper { display: none; }

.carousel-wrapper { background-size: auto 240px; background-image: url("../img/content/carousel-bg.jpg"); background-repeat: no-repeat; background-position: top center; margin-bottom: 1.5em; }

.not-front .carousel-wrapper { padding-top: 73px; height: auto; background-size: auto 92px; }

.no-masterhead .carousel-wrapper { background-image: none; padding-top: 5em; margin-bottom: 1em; }

.nav ul ul { display: none; }

.nav ul ul ul ul { display: block; }

.nav .arrow { display: none; }

.nav ul.menu li { margin: 0; padding: 0; position: relative; list-style: none none; }

.inpage-navigation ul ul { display: none; }

.inpage-navigation ul.menu, .inpage-navigation ul.menu li { list-style: none; }

.breadcrumb { position: absolute; width: 100%; bottom: 1px; margin: 0; padding: 0; text-transform: uppercase; }

.no-masterhead .breadcrumb { position: static; bottom: auto; padding-top: 1.5em; }

.breadcrumb .active { font-family: "gothamblack"; }

.breadcrumb ul { line-height: 1.4; padding: 0; margin: 0; width: auto; background-color: #fff; list-style: none; display: inline; }

.breadcrumb li { width: auto; display: inline; padding: 0; margin: 0; font-size: .8em; }

.breadcrumb li a { color: #333; font-size: 1em; display: inline-block; padding: 0; }

.breadcrumb li strong { font-size: 1em; display: inline-block; padding: 0; }

.inpage-navigation { float: left; display: inline; width: 90%; list-style: none; padding: 0 3.5%; margin: 2.85em 0 1.85em 0; }

.inpage-navigation ul { padding: 0; list-style: none; margin: 0; }

.inpage-navigation ul li { color: #fff; text-transform: uppercase; margin: 0; font-family: "gothamblack"; clear: both; float: left; padding: 0; font-size: 1em; border: none; background-color: transparent; }

.inpage-navigation li a { background-color: #333; border: 1px solid #333; }

.scheme-aqua .inpage-navigation li a { background-color: #02a6a6; border-color: #02a6a6; }

.scheme-aqua .inpage-navigation li.active-trail a.active { color: #02a6a6; }

.scheme-blue .inpage-navigation li a { background-color: #1b3d6c; border-color: #1b3d6c; }

.scheme-blue .inpage-navigation li.active-trail a.active { color: #1b3d6c; }

.scheme-orange .inpage-navigation li a { background-color: #e67020; border-color: #e67020; }

.scheme-orange .inpage-navigation li.active-trail a.active { color: #e67020; }

.inpage-navigation li.active-trail a.active { background-color: #fff; padding: 0 10px; }

.inpage-navigation a { display: block; padding: 10px; margin: 0 0 1px 0; color: #ffffff; font-family: "gothamblack"; font-size: 0.9em; }

.sub-menu-hidden .inpage-navigation { display: none; }

.sub-menu-hide-children .inpage-navigation .menu-block-wrapper > ul.menu > li.collapsed { display: none; }

.sub-menu-hide-children .inpage-navigation .menu-block-wrapper > ul.menu > li.active-trail { display: block; }

.sub-menu-hide-children .inpage-navigation .menu-block-wrapper > ul.menu > li.active-trail ul { display: block; }

.sub-menu-hide-children .inpage-navigation .active-trail.collapsed.expanded .menu { display: none; }

.sub-menu-hide-children .inpage-navigation .expanded.active-trail a.active-trail { display: none; }

.sub-menu-hide-children .inpage-navigation .expanded.active-trail a.active { display: block; }

.sub-menu-show-children .inpage-navigation .menu-block-wrapper > ul.menu > li.collapsed { display: none; }

.sub-menu-show-children .inpage-navigation .menu-block-wrapper > ul.menu > li.active-trail { display: block; }

.sub-menu-show-children .inpage-navigation .menu-block-wrapper > ul.menu > li.active-trail ul { display: block; }

.sub-menu-show-children .inpage-navigation .menu-block-wrapper > ul.menu > li.active-trail ul > .collapsed > .menu { display: none; }

.sub-menu-show-children .inpage-navigation .active-trail.collapsed.expanded .menu { display: none; }

.sub-menu-show-children .inpage-navigation .expanded.active-trail a.active-trail { display: none; }

.sub-menu-show-children .inpage-navigation .expanded.active-trail a.active { display: none; }

.sub-menu-show-children .inpage-navigation .expanded.expanded { border: none; background: none; }

.top-content .image-container { height: 240px; }

.tabs { margin-bottom: 25px; }

.tab-wrapper { clear: both; display: block; padding: 10px; border: 1px solid #f0f0f0; border-width: 0 1px 1px 1px; }

.text-opening { text-align: center; }

.donate-active { display: block; }

.donate-closed { display: none; }

.tabs { position: relative; }

.tab-header { border: 1px solid #f0f0f0; margin: 0 0 1px 0; width: auto; display: block; cursor: pointer; background: #f0f0f0 url("../img/design/tab-arrow-down.png") no-repeat 90% 50%; padding: 15px; text-align: center; font-family: "gothamblack"; text-transform: uppercase; }

.tab-header.open { border-bottom-color: #fff; background-color: #fff; background-image: url("../img/design/tab-arrow-up.png"); }

.tab-header:hover { background-color: #CECECE; }

.vertical-tabs .tab-header { text-align: left; padding-right: 60px; margin: 0 0 1px 0; }

.vertical-tabs .tab-header.open, .vertical-tabs .tab-header { background-position: 95% 50%; }

.vertical-tabs .tab-wrapper img { max-width: 100%; }

.donations-block ul { padding: 0; list-style: none; background: #fff; margin-top: 0; }

.donations-block li { background: #f0f0f0; margin-bottom: 2px; padding: 0.985em 15px; border: 1px solid #e6e6e6; min-height: 4.86em; }

.donations-block li p { font-size: 0.85em; }

.donations-block .donater { float: left; margin-right: 5px; font-size: 0.85em; }

.donations-block .comment { margin-bottom: 5px; }

.donations-block a { color: #fff; background: #dd2128; text-align: center; padding: 1em 0; margin-top: 1.1em; display: block; font-size: 0.8em; }

.bold-red { font-weight: bold; color: #dd2128; font-family: "gothamblack"; font-size: 0.85em; }

.popup-gallery { margin-bottom: 1.5em; text-align: center; }

.popup-gallery a { display: block; float: left; }

.popup-gallery img { display: block; }

.popup-gallery a { position: relative; width: 24%; margin: 0.5%; padding: 0; overflow: hidden; }

.popup-gallery img { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

.popup-gallery img:hover { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari and Chrome */ -o-transform: scale(1.1); /* Opera */ }

.popup-gallery .symbol { position: absolute; bottom: 0; right: 0; background-image: url(../img/design/plus-negative.png); }

.mobile-search { margin-top: 7px; display: inline-block; float: right; top: -1px; right: 13px; position: relative; }

.mobile-search .search-toggle { float: right; display: inline-block; cursor: pointer; background: url("../img/design/search-icon-black-large2.png") no-repeat; vertical-align: middle; width: 41px; height: 41px; }

.nav-plus-minus { text-indent: -10000px; text-align: center; padding-top: 24px; vertical-align: middle; width: 43px; height: 52px; line-height: 64px; /*same as div height*/ color: #fff; position: absolute; right: 20px; top: 0px; cursor: pointer; font-size: 2em; z-index: 10000; }

.nav-plus-minus .icon { text-indent: -10000px; text-align: center; display: block; background-repeat: no-repeat; background-image: url("../img/design/mobile-chevrons.png"); float: right; }

.nav .nav-plus-minus .icon { height: 27px; width: 43px; }

.nav ul ul .nav-plus-minus .icon { height: 15px; width: 24px; margin-right: 8px; }

/*first level chevrons*/
.nav .nav-plus .icon { background-position: -1px -27px; }

.nav .nav-minus .icon { background-position: 0 0; }

.nav li:nth-of-type(2) .nav-plus .icon { background-position: -88px -28px; }

.nav li:nth-of-type(2) .nav-minus .icon { background-position: -88px 0; }

.nav li:nth-of-type(3) .nav-plus .icon { background-position: -44px -28px; }

.nav li:nth-of-type(3) .nav-minus .icon { background-position: -44px 0; }

/*other level chevrons*/
.nav li:nth-of-type(1) li .nav-plus-minus .icon { position: relative; left: -9px; }

.nav li:nth-of-type(1) li .nav-plus .icon { background-position: -10px -75px; }

.nav li:nth-of-type(1) li .nav-minus .icon { background-position: -10px -57px; }

.nav li:nth-of-type(2) li .nav-plus .icon { background-position: -98px -75px; }

.nav li:nth-of-type(2) li .nav-minus .icon { background-position: -98px -57px; }

.nav li:nth-of-type(3) li .nav-plus .icon { background-position: -54px -75px; }

.nav li:nth-of-type(3) li .nav-minus .icon { background-position: -54px -57px; }

.nav ul li > a { font-size: 1.2em; padding: 24px 63px 24px 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.nav ul li a { text-align: left; color: #333; }

.nav ul ul { padding: 0; margin: 0; }

.nav ul ul .nav-plus-minus { height: 34px; line-height: 53px; padding-top: 16px; }

.nav ul ul li a { padding-left: 30px; padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; background: #fff; font-size: 1em; font-family: "gothamblack"; font-weight: bold; }

.nav ul ul ul li a { padding-left: 30px; font-weight: normal; font-family: 'gothambook', sans-serif; text-transform: none; }

.nav ul ul ul ul li a { padding-left: 52px; }

.nav ul ul ul ul ul li a { padding-left: 68px; }

.nav ul ul ul ul ul ul li a { padding-left: 83px; }

.nav ul li { background: #f0f0f0; }

.nav ul li.active-trail ul li.active-trail > .nav-plus-minus { color: #000; }

.nav ul li.scheme-orange a.active { border-left: 5px solid #e67020; text-decoration: underline; }

.nav ul li.scheme-aqua a.active { border-left: 5px solid #02a6a6; text-decoration: underline; }

.nav ul li.scheme-blue a.active { border-left: 5px solid #1b3d6c; text-decoration: underline; }

.dropdown-content nav > ul > li:nth-child(1) a.active { border-left: 5px solid #1b3d6c; text-decoration: underline; }

.dropdown-content nav > ul > li:nth-child(2) a.active { border-left: 5px solid #02a6a6; text-decoration: underline; }

.dropdown-content nav > ul > li:nth-child(3) a.active { border-left: 5px solid #e67020; text-decoration: underline; }

.dropdown-content .nav .active-the-trail > ul { display: block; }

.inpage-navigation { display: none; }

.info.inline .item.taxonomie { padding-top: 0; }

.blog .info.inline .item { background: none; padding: 0; }

.cms-tools-container, .content-area img { max-width: 100%; }

.content-area img { height: auto !important; }

.node-type-thank-you-page .webform-client-form { margin-bottom: 1em; }

.node-type-thank-you-page .donations-block { margin-bottom: 2em; }

.node-type-thank-you-page .donations-block li { list-style-type: none; margin-bottom: 1em; }

.node-type-thank-you-page .webform-client-form .form-item { float: none; }

/* COOKIES */
.cookies { padding: 10px; background: #1b3d6c; color: #fff; text-align: center; position: relative; z-index: 9; }

.cookies p { font-size: 0.9em; padding: 0; margin: 0; line-height: 2; }

.cookies a { color: #fff; text-decoration: underline; }

.cookies a.accept { text-decoration: none; color: #1b3d6c; background: #fff; padding: 4px 12px; margin: 0 15px; }

.cookies a.accept:hover { text-decoration: underline; }

#sliding-popup { font-family: "gothambook",Arial,Helvetica,sans-serif; font-size: 0.9em; background: #1b3d6c; color: #fff; height: 9em !important; font-weight: 400; }

#sliding-popup .popup-content { position: static; max-width: none; padding: .5em; height: 8em; text-align: center; }

#sliding-popup .popup-content #popup-text, #sliding-popup .popup-content #popup-buttons { float: none; max-width: none; text-align: center; }

#sliding-popup .popup-content #popup-buttons button { border: none 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none; font-weight: 400; color: #1B3D6C; background: #FFF; padding: .3em; margin: 0 0.5em 0 0; }

#sliding-popup .popup-content #popup-buttons button:hover { text-decoration: underline; background: #FFF; }

#sliding-popup .popup-content #popup-text p { font-size: 0.9em; font-weight: 400; margin-bottom: .5em; }

/* TABS DRUPAL ON LOGIN ACCOUNT PROCESS */
.page-user .tabs.primary { position: static; margin: .5em 3.5%; padding: 0; }

.page-user ul.tabs.primary li { display: block; }

.page-user ul.tabs.primary li a { display: block; background: #fff url(../img/design/bullet.png) no-repeat 0.5em 1.2em; padding: 1em 1em 1em 2em; margin: 0; }

.page-user ul.tabs.primary li.active a { display: block; background-color: #f0f0f0; }

.page-user .cms-tools-container { width: auto; }

.page-user .form-item { margin: 0; }

.page-user #edit-name, .page-user #edit-submit, .page-user #edit-pass, .page-user #edit-mail { width: 15.5em !important; }

.page-user .password-strength { width: auto; float: none; margin: 0 0 1em 0; }

.page-user .confirm-parent, .page-user .password-parent { width: auto; }

.page-user #edit-timezone--2 { width: 100%; }

.profile-page .form-actions #edit-submit { margin-right: 1em; width: auto !important; }

/* ========================================================================== SITEMAP ========================================================================== */
#site-map ul.site-map-menu { padding: 0; list-style: none; }

#site-map .site-map-menu > li { padding: 0; list-style: none; }

#site-map .site-map-menu a { display: block; margin-bottom: .5em; }

#site-map .site-map-menu:first-child > li > a { display: block; border-bottom: 5px solid #333; font-size: 1.5em; margin-bottom: .5em; padding-bottom: .5em; }

#site-map .site-map-menu:first-child > li:nth-of-type(1) > a { border-bottom-color: #1c3c6e; }

#site-map .site-map-menu:first-child > li:nth-of-type(2) > a { border-bottom-color: #02a6a6; }

#site-map .site-map-menu:first-child > li:nth-of-type(3) > a { border-bottom-color: #e67020; }

#site-map .site-map-menu .site-map-menu > li > a { font-size: 1.3em; }

#site-map .site-map-menu .site-map-menu .site-map-menu > li { padding-left: 1em; }

#site-map .site-map-menu .site-map-menu .site-map-menu > li:before { content: ""; line-height: 1em; width: .5em; height: .5em; background-color: #333; float: left; margin: 0.45em 0 0 -0.8em; }

#site-map .site-map-menu:first-child > li:nth-of-type(1) .site-map-menu .site-map-menu > li:before { background-color: #1c3c6e; color: #1c3c6e; }

#site-map .site-map-menu:first-child > li:nth-of-type(2) .site-map-menu .site-map-menu > li:before { background-color: #02a6a6; color: #02a6a6; }

#site-map .site-map-menu:first-child > li:nth-of-type(3) .site-map-menu .site-map-menu > li:before { background-color: #e67020; color: #e67020; }

#site-map .site-map-menu .site-map-menu .site-map-menu > li > a { font-size: 1em; }

#site-map .site-map-menu li:nth-of-type(n) .site-map-menu .site-map-menu .site-map-menu > li:before { content: "▸"; background-color: transparent; margin-top: .2em; }

#site-map .site-map-menu li:nth-of-type(n) .site-map-menu .site-map-menu .site-map-menu .site-map-menu > li:before { content: "-"; }

.js #site-map .site-map-menu .site-map-menu > li { position: relative; }

.js #site-map .site-map-menu .site-map-menu > li > a { margin-right: 2em; }

.js #site-map .site-map-menu span { float: right; position: relative; background-color: #333; color: #fff; z-index: 10; display: block; width: 1.5em; height: 1.5em; text-align: center; cursor: pointer; font-size: 1.3em; }

#site-map .site-map-menu:first-child > li:nth-of-type(1) span { background-color: #1c3c6e; }

#site-map .site-map-menu:first-child > li:nth-of-type(2) span { background-color: #02a6a6; }

#site-map .site-map-menu:first-child > li:nth-of-type(3) span { background-color: #e67020; }

/* MAX WIDTH LAYOUT ON MOBILE */
.header, .wrapper, .footer { max-width: 480px; margin: 0 auto; }

.header { margin-top: 1em; }

@media only screen and (min-width: 768px) { /*Tablet grid - 1024px*/
  /* REMOVE MAX WIDTH LAYOUT ON MOBILE */
  .header, .wrapper, .footer { max-width: none; }
  html { overflow-x: hidden; }
  .small, .mobile-donate { display: none; }
  .top-content .image-container { height: auto; }
  .large { display: block; }
  .large img { width: 171px; }
  .logo { float: left; margin: 20px 20px 20px 16px; width: 20%; }
  .mobile-menu { display: inline; float: right; margin: 50px 182px 20px 20px; }
  .dropdown-content { display: none; }
  .header { position: relative; margin-top: 0; }
  .header-tools ul li a { text-transform: none; font-family: "gothambook"; text-align: left; text-decoration: none; font-size: 1.2em; }
  .breadcrumb ul { padding: 1em 2%; display: block; float: left; }
  .carousel-wrapper { background-size: cover; float: left; width: 100%; height: 475px; margin-bottom: 0; }
  .not-front .carousel-wrapper { padding-top: 240px; height: auto; background-size: auto 245px; }
  .no-masterhead .carousel-wrapper { padding-top: 7em; }
  .bx-wrapper { overflow: visible; width: 540px; height: 324px; padding: 10px; background: url("../img/design/carousel-bg-photo.png") no-repeat 2px -3px; margin-top: 40px; }
  .bx-controls-direction { display: block; }
  .bx-wrapper .bx-controls-direction a.bx-prev { background: url("../img/design/medium-arrow-left.png") no-repeat; width: 62px; height: 65px; left: -52px; z-index: auto; }
  .bx-wrapper .bx-controls-direction a.bx-next { background: url("../img/design/medium-arrow-right.png") no-repeat; width: 62px; height: 65px; right: -62px; z-index: auto; }
  .bx-pager-link { background: #ffffff !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 1px solid #e21737; }
  .bx-pager.bx-default-pager a.active { background: #e21737 !important; border: 1px solid #e21737; }
  .bx-pager { bottom: 0 !important; }
  .bx-wrapper .bx-viewport { border: 5px solid #ffffff; overflow: visible !important; height: 324px !important; }
  .bxslider li { overflow: visible; }
  .bx-caption { display: block; }
  .bxslider .image-container { overflow: hidden; height: 324px; }
  .bxslider .play-overlay { background: url("../img/design/play-hover.png") no-repeat 50% 75%; }
  .bx-wrapper .bx-controls-auto { bottom: -30px; }
  .standard .bx-wrapper .bx-controls-auto { bottom: -40px; }
  .carousel-video a.video-link { height: 324px; overflow: hidden; }
  .sublanding .body-copy { width: 66%; margin: 1em 0 2em 0; }
  .triple-image-block img { width: 50%; float: left; }
  .triple-image-block .second-block { margin-top: 0; }
  .bx-wrapper .bx-pager { background-color: transparent; position: relative; padding-top: 20px; }
  .caption-text { display: block; position: absolute; bottom: 0; right: -35px; }
  .caption-text .global-title { width: auto; }
  .standard .global-title .offset { right: -15px; }
  .text-block .global-title { top: 10px; }
  .image-block, .video-block { padding-top: 0; }
  .promoted-view .views-row { background-color: #f0f0f0; margin-right: 0; }
  .promoted-view .views-row-thumbnail { padding-left: 0; }
  .intro-section { background: #f0f0f0; padding: 20px 0; height: 212px; }
  .intro-head { width: 65%; }
  .section-intro h1 { font-size: 2.8em; }
  .main-content { position: relative; top: -35px; float: left; }
  .not-front .main-content { top: 3em; }
  .not-front .below-content { top: 3em; position: relative; }
  .no-masterhead .main-content { top: 1.5em; }
  .js .node-type-person-page.no-masterhead .main-content, .js .node-type-corporate-partner.no-masterhead .main-content { top: 0; }
  .no-masterhead .below-content { top: 1.5em; position: relative; }
  .donate-landing .main-content { top: 0; }
  .inpage-navigation, .section-intro { padding: 0 2%; width: 96%; }
  .inpage-navigation ul li { margin-right: 10px; padding: 0 10px 0 0; }
  .main-content, .footer-container { width: 96%; margin: 0 2%; max-width: none; }
  .triple-image-block { margin-bottom: 20px; position: relative; max-width: none; }
  .content-block { min-height: 28em; }
  .rollover-text { min-height: 8em; }
  .listing-blocks .content-block, .sidebar-area .content-block { width: 32%; float: left; margin-right: 2%; overflow: hidden; }
  .sidebar-area { margin-top: 20px; }
  .sidebar-area .content-block { width: 100%; float: none; margin: 0; max-width: none; min-height: auto; }
  /*.video-block{min-height:20em;}*/
  .image-block .container-block, .video-block .container-block { position: absolute; bottom: 0; width: 100%; }
  .just-giving-block .jglogo { float: none; position: absolute; bottom: 14px; right: 15px; }
  .email-block { position: relative; }
  .email-block .container-block-bottom, .email-block .form-actions { position: absolute; bottom: 0; right: 0; width: 100%; padding: 0 15px 15px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
  .content-block .play-overlay { height: 320px; }
  .triple-image-block .image-container { width: 63.5%; float: left; overflow: hidden; }
  .triple-image-block .rollover-text { position: relative; background: none; }
  .triple-image-block .content { width: 36.5%; float: left; }
  .triple-image-block .global-title { font-size: 1em; line-height: 1.86; clear: both; }
  .listing-blocks .content-block:nth-of-type(3n+0), .sidebar-area .content-block:nth-of-type(3n+0) { margin-right: 0; clear: right; }
  .below-content { width: 96%; margin: 0 2% 20px 2%; }
  .footer { margin-top: 80px; float: left; width: 100%; }
  .footer-container { text-align: left; }
  .footer .lower-nav { margin-top: 1em; }
  .footer .copyright { width: 70%; float: left; line-height: 1.5; min-height: 53px; margin-top: 3.2em; }
  .footer .copyright span { display: block; }
  .footer .fsb { float: right; margin-top: 3.2em; }
  /*.retweet {width:55%;}*/
  .triple-image-icon { height: 85px; position: absolute; top: 35%; display: block; left: 29%; background: url("../img/design/medium-triple-icon.png") no-repeat; }
  .scheme-aqua .triple-image-icon { background-image: url("../img/design/medium-triple-icon-aqua.png"); }
  .scheme-blue .triple-image-icon { background-image: url("../img/design/medium-triple-icon-blue.png"); }
  .scheme-orange .triple-image-icon { background-image: url("../img/design/medium-triple-icon-orange.png"); }
  .footer .donate-button { background: #dd2128; color: #fff; height: 5.5em; width: 150px; display: block; float: right; text-transform: uppercase; margin-top: -2em; }
  .donate-button-head { border-bottom: 5px solid #a6191e; background: #dd2128; color: #fff; height: 80px; width: 150px; display: block; position: absolute; top: 0; right: 0; height: 6.4em; text-transform: uppercase; }
  .donate-button span, .donate-button-head span { padding: 3em 20px 0 20px; display: block; border-top: 5px solid #a6191e; }
  .donate-button-head span { padding: 75px 20px 0 20px; border-top-width: 0; }
  .no-box.webform-client-form input[type=password], .no-box.webform-client-form input[type=text], .no-box.webform-client-form input[type=submit] { width: auto; margin-top: 0; }
  .view-partners-listing.promoted-view .views-row { background-color: #f0f0f0; }
  /*.promoted-view .title{margin-top:0.8em;}*/
  .view .thumbnail { display: block; width: 32.5%; max-width: 200px; }
  .promoted-view .thumbnail { display: block; /*width:50%;*/ max-width: 320px; }
  .split-two-column { float: left; width: 49%; margin-right: 2%; }
  .last-column { margin-right: 0; }
  .js .view-filters .filter-swicther { display: none; }
  .view-filters .form-item-created-min label { display: none; }
  .view-filters .date-picker { display: inline-block; }
  .view-filters [for=edit-field-date-value-value-datepicker-popup-0] { display: none; }
  .view-filters [for=edit-field-date-value-1-value-datepicker-popup-0] { margin: 0 1em 0 0.5em; }
  .view-mix-listing .view-filters { margin-bottom: 2em; }
  .view-mix-listing .views-exposed-widget, .view-mix-listing .form-item { margin-bottom: 0; }
  .views-widget-inline { float: left; width: 33.33%; }
  .view-mix-listing .views-reset-button, .view-mix-listing .views-submit-button { float: right; margin: 2.2em 0 0 1em; clear: none; }
  /*where i live filter*/
  .exclusif { margin: 0; padding: .5em; float: right; display: inline-block; }
  .page-support-us-where-i-live .form-text { width: 10.2em; }
  .page-support-us-where-i-live .form-select { width: 11.2em; }
  .info { position: relative; min-height: 20em; }
  .bottom-info { margin-top: 1.5em; float: left; width: 100%; }
  .info .cta-container { position: absolute; bottom: 0; }
  .info .item { width: 50%; }
  .info .map { position: absolute; right: 0; top: 0; margin: 0; padding: 0; }
  .info .gm-container { margin: 0; }
  .person .item { padding: 0; }
  .person .pix { width: 160px; }
  .person-pix { float: left; }
  .person-tags .tags strong { width: auto; }
  .info.inline { min-height: 0; text-align: center; }
  .info.inline .item { width: 33.33%; float: left; margin: 0; padding-left: 15px; padding-top: 60px; background-position: center 15px; }
  .info.inline .item.taxonomie { padding-top: 30px; text-align: left; }
  .info.inline-quartet .item { width: 25%; }
  .info.inline-quartet .level { width: 29%; }
  .info.inline-quartet .taxonomie { width: 32%; }
  .info.inline-quartet .calendar { width: 14%; padding-left: 8px; padding-right: 8px; }
  .info.inline .logo { padding-top: 10px; }
  .blog .info.inline .item { text-align: left; width: auto; padding: 0; background-image: none; margin-right: 30px; }
  .cta { border-top: 1px solid #e6e6e6; text-align: right; }
  .cta a { display: inline-block; }
  .sidebar-area .cta a { display: block; }
  .dated-view .title { padding-top: 0em; }
  .listing-block-column-left, .listing-block-column-right { float: left; width: 100%; margin-bottom: 20px; }
  .listing-block-column-left { float: left; width: 68%; }
  .listing-block-column-left .content-block { width: 47%; margin-right: 2.5%; }
  .listing-block-column-right { width: 32%; }
  .listing-blocks .listing-block-column-left .content-block:nth-of-type(3n+0) { margin-right: 2.5%; clear: none; }
  .pager-next a, .pager-first a, .pager-previous a, .pager-last a { border: none; }
  .dated-view .date .value { position: static; }
  /* DONATE FORM */
  .donate-full-form .gift-fieldset label, .donate-full-form #webform-component-country label, .donate-full-form #webform-component-postcode label, .donate-full-form #webform-component-city label { width: 15em; display: inline-block; padding: 0; }
  .donate-full-form #webform-component-country label, .donate-full-form #webform-component-postcode label, .donate-full-form #webform-component-city label { width: 18.8em; }
  .donate-full-form .gift-fieldset .label { width: 13em; float: left; padding: 0; }
  .donate-full-form .amount-options #edit-submitted-suggested-amounts { float: left; margin-top: 1em; }
  .donate-full-form .form-item-submitted-suggested-amounts label { width: auto; padding: 0.65em 2em; }
  .donate-full-form #webform-component-reason-for-giving .form-textarea-wrapper { padding-left: 11.5em; }
  .donate-full-form .fund-options { width: 35%; float: right; margin-top: .7em; }
  .donate-full-form .fund-options label { width: auto; }
  .donate-full-form #webform-component-company { width: 65%; float: left; }
  .donate-full-form #webform-component-reason-for-giving, .donate-full-form #webform-component-city { clear: both; }
  .donate-full-form #webform-component-reason-for-giving label { display: block; width: auto; }
  .donate-full-form #edit-submitted-country, .donate-full-form #edit-submitted-reason-for-giving { width: auto; }
  .donate-full-form .giftaid-option-detail { margin-left: 11.5em; }
  .donate-full-form .fieldset-details .webform-component, .donate-full-form .webform-component--address-1, .donate-full-form .webform-component--address-2, .donate-full-form .webform-component--address-3, .donate-full-form .webform-component--postcode { width: 33.33%; /*float: left;*/ }
  .donate-full-form .fieldset-address input[type=password], .donate-full-form .fieldset-address input[type=text], .donate-full-form .fieldset-address input[type=email], .donate-full-form .fieldset-address input[type=number], .donate-full-form .fieldset-address input[type=file], .donate-full-form .fieldset-address input[type=submit], .donate-full-form .fieldset-address input[type=button], .donate-full-form .fieldset-address select, .donate-full-form .fieldset-address textarea { display: block; }
  .donate-full-form .fieldset-address label { width: 15em; }
  .donate-full-form .fieldset-address label { width: 15em; }
  .donate-full-form .fieldset-address .form-item { display: block !important; }
  .donate-full-form .webform-component--address-1, .donate-full-form .webform-component--city { clear: left; }
  .donate-full-form .fieldset-details select { width: 90%; }
  .donate-full-form #find-submit { display: inline-block; padding: .5em; margin-top: 1.85em; }
  .donate-full-form #idpc_dropdown { clear: left; margin-left: 14.5em; margin-bottom: 1em; }
  #idpc_error_message { color: #F00; }
  .donate-full-form #idpc_error_message { clear: left; margin-left: 11.8em; }
  .lower-tools, .lower-social { float: left; display: inline; }
  .footer .lower-social { float: none; clear: left; margin: 0; display: block; }
  .profiles .box .thumbnail { width: 160px; }
  .mobile-search { top: 2.65em; right: 0px; }
  .nav-plus-minus { width: 100px; }
  .block-search input { width: 92%; }
  .search-form label, .search-form input { display: inline-block; margin: 0; }
  .search-form label { margin-right: 1em; }
  .search-form .form-submit { float: right; }
  /*MAP*/
  .map-container { height: 25em; width: 66%; float: left; }
  .gm-switcher { display: none; }
  /*VIEWS*/
  .js .view-units-listing .view-content { clear: both; }
  .js .view-units-listing .view-filters { float: right; width: 32%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
  .js .view-units-listing .scrollable-region, .filtered_taxonomie .views-widget, #edit-category-wrapper .views-widget, #edit-field-area-events-tid-wrapper .views-widget, #edit-field-area-tid-wrapper .views-widget, #edit-field-category-tid-wrapper .views-widget, #edit-field-city-tid-wrapper .views-widget, #edit-type-wrapper .views-widget, #edit-term-node-tid-depth-wrapper .views-widget { max-height: 13.5em; }
  .js .view-units-listing .views-row { width: 32%; float: left; padding: 0; margin-right: 2%; }
  .js .view-units-listing .views-row:nth-of-type(3n+0) { margin-right: 0; clear: right; }
  .js .view-units-listing .views-row:nth-of-type(3n+1) { clear: left; }
  .js .view-units-listing .thumbnail { width: 100%; margin: 0 1em 0 0; max-width: none; }
  .tags strong { width: 100%; display: inline-block; margin-bottom: 6px; }
  .filtered-view form { display: block !important; }
  .views-row-thumbnail .summary, .views-row-thumbnail .tags { padding-left: 216px; }
  /* ========================================================================== PROFILE ========================================================================== */
  .person-pix { margin-bottom: 0; }
  .person-intro { clear: none; }
  .item-list .pager li { display: inline-block; float: none; }
  .item-list .pager a, .item-list .pager span { padding: 0.25em 0.5em; margin: .25em; display: inline-block; }
  .info .gm-switcher { font-size: 1em; }
  .info .gm-switcher span { position: static; }
  .view-filters .form-item-created-min, .view-filters .form-item-created-max { margin: 0 1em 0 0; width: auto; }
  .node-type-thank-you-page label[for=edit-submitted-your-name], .node-type-thank-you-page label[for=edit-submitted-hide-my-name] { display: inline-block; width: 15em; margin: 0; }
  .node-type-thank-you-page #edit-submitted-your-name, .node-type-thank-you-page #edit-submitted-hide-my-name { display: inline-block; margin: 0; }
  /* COOKIES */
  #sliding-popup { height: 7em !important; }
  #sliding-popup .popup-content { height: 6em; min-height: 6em; }
  #sliding-popup .popup-content #popup-text, #sliding-popup .popup-content #popup-buttons { display: inline-block; margin: 0 0.5em; }
  /* TABS DRUPAL ON LOGIN ACCOUNT PROCESS */
  .page-user .tabs.primary { margin: 0; border: none 0; }
  .page-user ul.tabs.primary li a { border-width: 1px 0; border-style: solid; border-color: #ccc; background-image: none; padding: 1em; margin-bottom: 1px; }
  .page-user .cms-tools-container { float: left; width: 30%; margin-left: 4%; }
  .page-user #user-pass, .page-user #user-login, .page-user #user-register-form { float: right; width: 66%; }
  .page-user .main-content { position: static; margin: 0; /*border:1px solid #ccc;border-width:1px 0;*/ }
  .page-user .webform-component-textfield { float: none; width: auto; }
  .page-user .password-strength { width: 40%; float: right; margin: 1.5em 0 0 0; }
  .page-user #edit-timezone--2 { width: auto; } }

@media only screen and (min-width: 1024px) { /*Large desktop grid - 1440px*/
  .tablet-view { display: block; }
  .mobile-view { display: none; }
  .small, .medium { display: none; }
  .large { display: block; }
  .large img { width: 100%; }
  .header { width: 1000px; margin: 0 auto; }
  .intro-section { width: 100%; }
  .intro-head { width: 630px; font-size: 1.86em; }
  .logo { width: 195px; margin: 20px 20px 20px 0; }
  .dropdown-content { width: 665px; }
  .nav { width: 400px; }
  .nav ul li a:hover, .nav li.active-trail a { border-bottom: 5px solid #1c3c6e; }
  .nav ul li:nth-of-type(2) a:hover, .nav ul li.active-trail:nth-of-type(2) a { border-bottom: 5px solid #02a6a6; }
  .nav ul li:nth-of-type(3) a:hover, .nav ul li.active-trail:nth-of-type(3) a { border-bottom: 5px solid #e67020; }
  .payment-method { margin-top: 0; font-size: 1.15em; }
  .not-front .carousel-wrapper { background-size: auto; }
  .main-content, .not-front .main-content { width: 1000px; display: block; margin: 0 auto; float: none; padding: 0; clear: both; }
  .below-content { width: 96%; margin: 0 2% 20px 2%; }
  .front .main-content, .landing .main-content, .where-i-live .main-content, .page-support-us-where-i-live .main-content, .front .below-content, .landing .below-content, .where-i-live .below-content, .page-support-us-where-i-live .below-content { top: -20px; }
  .front .footer, .landing .footer, .where-i-live .footer, .page-support-us-where-i-live .footer { margin-top: 0; }
  /*wher i live filter*/
  .exclusif { padding: 0.5em 3em; }
  .standard .main-content .content-area { width: 660px; float: left; padding-right: 20px; }
  .sidebar-area { margin-top: 2em; float: left; }
  .standard .main-content .sidebar-area { width: 320px; float: left; margin-top: 0; }
  .sidebar-area .content-block { width: auto; float: none; margin-right: 0; overflow: auto; clear: both; }
  .add-this { display: block; }
  .add-this { position: fixed; right: 0; top: 50%; z-index: 9999; }
  .add-this ul { list-style: none; padding: 0; }
  .bx-wrapper .bx-pager { padding-top: 12px; }
  .bx-wrapper .bx-pager.bx-default-pager a { width: 10px; height: 10px; }
  .bx-wrapper .bx-controls-direction a.bx-prev { left: -52px; }
  .bx-wrapper .bx-controls-direction a.bx-next { right: -62px; }
  .bx-wrapper { width: 650px; height: 400px; background: url("../img/design/carousel-bg-photo-large.png") -3px 0px no-repeat; margin-top: 20px; padding: 20px 10px; }
  .not-front .bx-wrapper { margin-top: -20px; }
  .bxslider li img { width: 650px; height: 390px; max-width: none; }
  .bx-wrapper .bx-controls-direction a { top: 45%; }
  .bx-wrapper .bx-viewport { height: 390px !important; }
  .bxslider .image-container { overflow: visible; height: auto; }
  .carousel-video a.video-link { height: auto; }
  .bxslider .play-overlay { background: url("../img/design/play-hover.png") no-repeat 50% 45%; }
  .bx-wrapper .bx-controls-auto { bottom: -14px; }
  .bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-auto .bx-start { background-image: url("../img/design/controls-play-pause.png"); width: 10px; height: 11px; }
  .bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: 0 0; }
  .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: 0 -11px; }
  .bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: 0 -33px; }
  .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: 0 -44px; }
  .standard .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; z-index: 100; }
  .standard .bx-wrapper .bx-controls-direction a.bx-next { right: 0; z-index: 100; }
  .standard .bx-wrapper { width: 600px; }
  .standard .bxslider li .image-container { width: 600px; height: 360px; text-align: center; overflow: hidden; }
  .standard .bx-wrapper .bx-viewport { height: 360px !important; }
  .standard .bx-wrapper { height: 360px; }
  .standard .bxslider li img { width: 100%; height: auto; }
  .standard .caption-text { right: 0; }
  .standard .bx-wrapper .bx-controls-auto { bottom: -30px; }
  .mobile-menu { display: none; }
  .dropdown-content { display: block; float: left; width: 760px; }
  .nav { margin-top: 2.6em; width: 470px; display: block; }
  .nav ul { float: left; }
  .nav li { float: left; display: inline; }
  .nav ul li > a { border-top: none 0; border-bottom: 5px solid #fff; padding: 17px 10px 8px 10px; font-size: 1.25em; color: #000 !important; text-decoration: none !important; }
  .nav li a { border: none; color: #333333; font-size: 1.25em; font-family: "gothamblack"; background: url("../img/design/nav-divider.gif") no-repeat 100% 70%; padding: 17px 10px 8px 10px; }
  .nav li:last-child a { background: none; }
  .header-tools { display: none; }
  .donate-button-head { height: 6.95em; }
  .header-tools { display: inline; float: left; }
  .header-tools li:last-child { display: none; }
  .header-tools li:first-child a { font-family: "gothamblack"; }
  .header-tools ul { background: none; }
  .header-tools ul li a { border: none; margin: 23px 0 0 71px; font-size: 0.75em; text-transform: uppercase; font-family: "gothambook"; text-align: left; padding: 20px 20px 10px; }
  .header-tools ul li a:hover { text-decoration: underline; }
  .header-tools li.search { display: block; position: absolute; top: 23px; width: 275px; right: 163px; }
  .secondary-head { width: 820px; font-size: 1.25em; }
  .container-inline { text-align: left; padding: 0; }
  .breadcrumb { top: 1.69em; bottom: auto; }
  .breadcrumb ul { padding: 10px 20px; }
  .no-masterhead .breadcrumb ul { padding-left: 0; }
  .section-intro, .breadcrumb { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; }
  .no-touch .triple-image-block { cursor: pointer; }
  .no-touch .triple-image-block.hover .content { background-color: #fff; }
  .triple-image-icon { left: 30%; }
  .triple-image-block .image-container { width: 640px; height: 320px; }
  .triple-image-block .content { width: 360px; height: 320px; }
  .triple-image-block .global-title { font-size: 1em; }
  .content-block .loading { top: 100px; }
  .no-touch .content-block { min-height: 320px; }
  .no-touch .image-block .rollover-text { min-height: 0; float: left; width: 100%; }
  .no-touch .image-block .find-more { position: relative; bottom: -1.5em; right: auto; float: right; }
  .email-block .container-block-bottom { padding-bottom: 10px; }
  .block-search { width: 275px; padding: 0; }
  .form-item-search-block-form { float: left; margin: 0; width: 220px; text-align: left; }
  .block-search { display: block; float: left; border-top: 0; }
  .block-search input { width: 240px; text-align: left; }
  .block-search .form-wrapper { float: right; width: 25px; }
  .block-search input[type=submit] { width: 52%; }
  .profiles .box { width: 48.5%; }
  .profiles .box .thumbnail { width: 80px; }
  .profiles .box:nth-of-type(2n+0) { margin-right: 0; float: right; }
  .event-banner { width: 1000px; margin: 0 auto 20px; float: none; }
  .below-content { width: 100%; margin: 0 auto 20px; }
  .event-banner h3 { float: left; width: 31%; padding: 3% 1% 3% 3%; }
  .event-banner p { float: left; width: 61%; padding: 3% 3% 3% 1%; }
  .sidebar-area { float: none; }
  .top-content { width: 100%; position: relative; }
  .overlay { position: absolute; top: 0; width: 1000px; }
  .section-intro { width: 620px; min-height: 12em; display: inline-block; margin-top: 70px; padding: 20px; }
  .no-masterhead .section-intro { clear: left; width: 640px; margin-top: 0; padding: 20px 20px 0px 0; min-height: 0; }
  /* .page-node-742.no-masterhead .section-intro  { padding: 120px 20px 0px 0; } .page-node-989.no-masterhead .section-intro { padding: 96px 20px 0px 0; } .page-node-809.no-masterhead .section-intro { padding: 67px 20px 0px 0; } */
  .not-front .carousel-wrapper { padding-top: 0; }
  .top-content { background-color: transparent; }
  .inpage-navigation { display: block; width: 340px; float: left; padding: 0; margin-top: 70px; }
  .no-masterhead .inpage-navigation { margin-top: 0; }
  .inpage-navigation a { padding: 0 10px; }
  .section-container { position: static; width: 1000px; margin: 0 auto; display: block; }
  .section-intro p { font-size: 1.25em; }
  .no-touch .footer { padding-bottom: 0; }
  .footer-container { width: 1000px; margin: 0 auto; padding: 0; }
  .listing-blocks .triple-image-block { min-height: 0; }
  .triple-image-block .rollover-text { width: 360px; }
  .triple-image-block .rollover-text a { left: 141px; bottom: -62px; }
  .top-content img, .top-content { min-height: 380px; }
  .top-content .section-intro img { min-height: 0; }
  .no-masterhead .top-content, .no-masterhead .overlay { position: static; min-height: 0; }
  .no-masterhead .field-name-body { padding: 0; }
  .block-search .form-text { width: 230px; border-bottom: 1px solid #d6d8da; font-size: 0.75em; }
  .text-opening { width: 70%; text-align: center; margin: 21px auto 44px; line-height: 1.5; }
  .below-content { width: 1000px; margin: 0 auto 20px; }
  .listing-block-column-left .content-block { width: 47.5%; margin-right: 2.943%; }
  .listing-blocks .listing-block-column-left .content-block:nth-of-type(3n+0) { margin-right: 2.943%; }
  /*Tab styling*/
  .tabs { margin-bottom: 2.8em; }
  .tab-header.current-tab { background: #fff; }
  .tab-header.second-tab { left: 32.3em; }
  .tab-wrapper { position: relative; top: 0; display: none; }
  .donate-landing .tab-wrapper { border: none 0; }
  .donate-landing .no-box.webform-client-form { padding-right: 0; }
  /*Vertical Tab styling*/
  .vertical-tabs { margin: 25px 0 0; border: 1px solid #f0f0f0; border-width: 1px 0; }
  .vertical-tabs .tab-header { display: none; text-align: left; }
  .vertical-tabs .tab-wrapper { border: none 0; height: auto; float: right; width: 66%; padding: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
  .vertical-tabs .current-wrapper { display: block; height: auto; }
  .vertical-tabs .tab-content-arrow { position: absolute; display: none; height: 22px; width: 16px; background: url("../img/design/tabs-content-arrow.png") no-repeat 0 0; }
  .vertical-tabs .tab-wrapper ul { margin-bottom: 20px; padding-left: 20px; }
  .vertical-tabs .current-wrapper .tab-content-arrow { display: inline-block; }
  ul.vertical-tabs-headers { list-style: none none; padding: 0; margin: 0; display: block; width: 34%; position: relative; z-index: 88; }
  ul.vertical-tabs-headers li { border-bottom: 1px solid #f0f0f0; background: #f0f0f0; margin-bottom: 1px; cursor: pointer; font-family: "gothamblack"; padding: .5em; font-weight: bold; list-style-type: none; text-transform: uppercase; color: #000; }
  ul.vertical-tabs-headers li:hover { background-color: #cecece; }
  ul.vertical-tabs-headers li.currentList { background-color: #fff; }
  .no-js .vertical-tabs .tab-header { display: block; width: 100%; position: static; background: none; }
  .no-js .vertical-tabs .tab-wrapper { height: auto; width: auto; display: block !important; border: none; }
  .donations-block li { min-height: 5.19em; }
  .tab-wrapper { padding: 10px 0; background: none; }
  .current-wrapper { display: block; }
  .tab-header { position: absolute; top: -3.22em; left: 22.5em; border: none; font-size: 1em; background-image: none; }
  .donate-tabs form { position: absolute; bottom: 0; right: 0; margin: 0; padding: 15px; }
  .donate-tabs .tab-wrapper { position: relative; padding-bottom: 4em; }
  .donate-tabs #donate-value { min-width: 13.5em; }
  .nav-plus-minus, .donate-cta { display: none !important; }
  .nav, .header-tools li:first-child, .search { display: block !important; }
  .header-tools li.logged-in a { display: block; margin: 21px 0 0 0; float: left; }
  .nav ul li { background: none !important; }
  /*needs !important when switching from tablet view to desktop on iPad*/
  .nav ul li ul { display: none !important; }
  .dropdown-content .nav ul li a.active { border-left: none !important; }
  .no-masterhead .view { margin-top: 0; }
  .view-content { width: 660px; float: left; }
  .view-mix-listing .view-content { width: auto; float: none; }
  .promoted-view .view-content { width: auto; float: none; }
  .promoted-view .thumbnail { width: 320px; }
  .view-mix-listing .promoted-view .thumbnail { width: 252px; }
  .filtered-view .view-filters { float: right; width: 300px; }
  .view-filters .split-two-column { float: none; width: auto; margin-right: 0; }
  .scrollable-region { max-height: 13.5em; }
  .view-filters .form-item-created-max label { display: inline-block; margin-right: 1.8em; width: auto; }
  .view-filters .views-widget-filter-created input { width: 5.4em; }
  .view-filters .form-item-created-max { margin-right: 0; }
  .person .pix { width: 160px; }
  .mobile-search { display: none; }
  .js .view-units-listing .view-content { width: 100%; float: none; }
  .ie10 #at4-share { padding-right: 0 !important; }
  /* TABS DRUPAL ON LOGIN ACCOUNT PROCESS */
  .page-user .password-strength { width: 55%; }
  /*DONATE FORM*/
  .donate-full-form .fieldset-details input, .donate-full-form .webform-component--address-1 input, .donate-full-form .webform-component--address-2 input, .donate-full-form .webform-component--address-3 input, .donate-full-form .webform-component--postcode input, .donate-full-form .webform-component--city input { width: 12em; }
  .donate-full-form .webform-component--country label, .donate-full-form .webform-component--postcode label, .donate-full-form .webform-component--city label { width: 17.1em; }
  /* COOKIES */
  #sliding-popup { height: 3em !important; }
  #sliding-popup .popup-content { height: 2em; min-height: 2em; }
  /* ========================================================================== SITEMAP ========================================================================== */
  #site-map .site-map-menu:first-child > li { width: 32%; margin-right: 2%; float: left; }
  #site-map .site-map-menu:first-child > li:nth-of-type(3n) { margin: 0; clear: right; } }

/* ========================================================================== 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; }

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

/* ========================================================================== DRUPAL OVERRIDES ========================================================================== */
.cms-tools-container { margin: 0 auto; }

.field-collection-container { border: none 0; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { 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) ")";*/ content: ""; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  /*Displays !important*/
  .video-block, .cookies { display: none !important; }
  .tab-wrapper, .rollover-text, .bxslider li { display: block !important; }
  /*Displays*/
  .pager, .rollover-text form, .image-container img, a.find-more, .mobile-menu, .bx-wrapper img, .breadcrumb, .video-container, .mobile-donate, .lower-nav, .lower-tools, .lower-social, .nav { display: none; }
  /*No margins or paddings*/
  .bxslider li, .donations-block ul, .event-banner h3, .rollover-text, .global-title, .global-title span, .triple-image-block, .info .icon { padding: 0; margin: 0; }
  .caption-text { position: static; }
  .caption-text .global-title span { float: none; }
  .bx-wrapper, .bx-viewport { height: auto !important; }
  .bxslider li { position: static !important; float: left !important; width: 100% !important; }
  .not-front .carousel-wrapper, .no-masterhead .carousel-wrapper { padding-top: 1em; }
  .content-block { max-width: none !important; max-height: none !important; width: 100% !important; display: inline-block; }
  .image-block { padding-top: 100px; }
  .rollover-text { height: auto; }
  .text-block, .tweet-block, .email-block { min-height: 0; }
  .event-banner { margin: 2em; width: 90%; }
  .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; } }

/*Gaetan Code reviewed by Pui */
.form-item-mailchimp-lists-interest-groups-12733 label:first-child { display: none; }
