@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

@font-face { font-family: 'icomoon'; src: url("/sites/default/themes/cswash/assets/fonts/icomoon.eot"); src: url("/sites/default/themes/cswash/assets/fonts/icomoon.eot") format("embedded-opentype"), url("/sites/default/themes/cswash/assets/fonts/icomoon.woff") format("woff"), url("/sites/default/themes/cswash/assets/fonts/icomoon.ttf") format("truetype"), url("/sites/default/themes/cswash/assets/fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; }
.icon { font-family: "icomoon"; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 1.5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-speech:before { content: "\e900"; }

.icon-close-circle:before { content: "\e901"; }

.icon-check:before { content: "\e902";}

.icon-back-arrow:before { content: "\e600"; }

.icon-bathroom:before { content: "\e601"; }

.icon-calendar:before { content: "\e602"; }

.icon-close:before { content: "\e603"; }

.icon-contacts:before { content: "\e604"; }

.icon-courses:before { content: "\e605"; }

.icon-discussion:before { content: "\e606"; }

.icon-doc:before { content: "\e607"; }

.icon-down-arrow:before { content: "\e608"; }

.icon-download:before { content: "\e609"; }

.icon-edit-file:before { content: "\e60a"; }

.icon-edit-pencil:before { content: "\e60b"; }

.icon-education:before { content: "\e60c"; }

.icon-elective:before { content: "\e60d"; }

.icon-eraser:before { content: "\e60e"; }

.icon-events:before { content: "\e60f"; }

.icon-facebook:before { content: "\e610"; }

.icon-filter:before { content: "\e611"; }

.icon-forward-arrow:before { content: "\e612"; }

.icon-gender:before { content: "\e613"; }

.icon-google-plus:before { content: "\e614"; }

.icon-groups:before { content: "\e615"; }

.icon-hammer-screw:before { content: "\e616"; }

.icon-home:before { content: "\e617"; }

.icon-idea:before { content: "\e618"; }

.icon-internal-download:before { content: "\e619"; }

.icon-link:before { content: "\e61a"; }

.icon-linkedin:before { content: "\e61b"; }

.icon-literature:before { content: "\e61c"; }

.icon-lock:before { content: "\e61d"; }

.icon-long:before { content: "\e61e"; }

.icon-medium:before { content: "\e61f"; }

.icon-message:before { content: "\e620"; }

.icon-minus:before { content: "\e621"; }

.icon-opened-folder:before { content: "\e622"; }

.icon-page-next:before { content: "\e623"; }

.icon-page-prev:before { content: "\e624"; }

.icon-pdf:before { content: "\e625"; }

.icon-plus:before { content: "\e626"; }

.icon-purchase-order:before { content: "\e627"; }

.icon-rating-star:before { content: "\e628"; }

.icon-search:before { content: "\e629"; }

.icon-share:before { content: "\e62a"; }

.icon-shopping-cart-loaded:before { content: "\e62b"; }

.icon-short:before { content: "\e62c"; }

.icon-toilet-pan:before { content: "\e62d"; }

.icon-twitter:before { content: "\e62e"; }

.icon-up-arrow:before { content: "\e62f"; }

.icon-water:before { content: "\e630"; }

.icon-webinar:before { content: "\e631"; }

.icon-word:before { content: "\e632"; }

.icon-floppy:before { content: "\e633"; }

.icon-globe:before { content: "\e634"; }

/* Global */
/* Header */
/* Buttons */
/* Resources */
/* Highlights */
/* Learning */
/* Grantees */
/* Resources */
/* Grantee dashboard */
/* Side panels */
/* Footer */
/* Other variables */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font: 1em/1.5 'Raleway', Helvetica, Arial, sans-serif; width: 100%; height: 412px; }
@media screen and (max-width: 720px) { html { font: 1.25em/1.5 'Raleway', Helvetica, Arial, sans-serif; } }

html.lt-ie9 { min-width: 1220px; }

body { color: #333; width: 100%; margin: -1.5em auto 0 auto; }

img.bg { height: 412px; width: 100%; height: auto; position: absolute; top: 0; left: 0; }
@media screen and (min-width: 1101px) { img.bg { top: auto; bottom: 65%; } }

@media screen and (max-width: 720px) { img.bg { left: 50%; margin-left: -50%; } }
h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dd, p, figure, pre, table, fieldset, hr { margin-bottom: 1.5rem; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

h1, .h1 { font-size: 2em; color: #073451; }

h2, .h2 { font-size: 1.6em; font-weight: normal; color: #1c1c1c; }

h3, .h3 { font-size: 1.25em; color: #073451; }

h4, .h4 { font-size: 1em; color: #5c5c5c; }

h5, .h5 { font-size: 1.25em; font-weight: normal; color: #073451; }

h6, .h6 { font-size: 1em; font-weight: 700; font-style: italic; color: #073451; }

a { color: #2B69C4; text-decoration: none; cursor: pointer; }

a:hover, a:focus { color: #2a6496; text-decoration: underline; }

a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.pull-left { float: left; }

.pull-right { float: right; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 1.5rem; font-size: 21px; line-height: inherit; color: #333; border: 0; }

label { display: inline-block; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

select[multiple] { overflow-x: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; }

input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.unstyled-list { list-style-type: none; margin: 0; padding: 0; }

.full { width: 100%; float: left; }

.half, .half-tablet { width: 50%; float: left; }

.thirds { width: 33.333333%; float: left; }

.two-thirds { width: 66.666666%; float: left; }

.quarters { width: 25%; float: left; }

.three-quarters, .three-quarters-tablet { width: 75%; float: left; }

@media screen and (max-width: 980px) { .three-quarters, .half, .quarters { width: 50%; }
  .three-quarters-tablet, .half-tablet, .thirds { width: 100%; } }
@media screen and (max-width: 720px) { .half, .thirds, .half-tablet, .three-quarters-tablet, .quarters, .two-thirds, .quarters, .three-quarters { width: 100%; } }
.vh { border: 0; width: 0; height: 0; padding: 0; overflow: hidden; position: absolute; opacity: 0; }

.vh.focusable:active, .vh.focusable:focus { width: auto; height: auto; position: static; opacity: 1; }

.invisible { visibility: hidden; }

.mark-as-active .vh { display: none; }

.mark-as-active--vh { border: 0; width: 0; height: 0; padding: 0; overflow: hidden; position: absolute; opacity: 0; }

.nowrap { white-space: nowrap; }

::placeholder { color: #4b4b4b; }

.disclaimer { font-style: italic; font-size: .9em; }

/**********************************\
	Resolution specific elements
\*********************************/
.mobile-only { display: none; }
@media screen and (max-width: 720px) { .mobile-only { display: block; } }

.tablet-only { display: none; }
@media screen and (max-width: 980px) { .tablet-only { display: block; } }

.desktop-only { display: none; }
@media screen and (min-width: 1101px) { .desktop-only { display: block; } }

@media screen and (max-width: 720px) { .mobile-hidden { display: none !important; } }

@media screen and (max-width: 500px) { .mid-mobile-hidden { display: none; } }

@media screen and (max-width: 980px) { .tablet-hidden { display: none; } }

@media screen and (min-width: 1101px) { .desktop-hidden { display: none; } }

@media screen and (max-width: 720px) { .vh-mobile { border: 0; width: 0; height: 0; padding: 0; overflow: hidden; position: absolute; opacity: 0; } }

.vh-mobile-only { border: 0; width: 0; height: 0; padding: 0; overflow: hidden; position: absolute; opacity: 0; }
@media screen and (max-width: 720px) { .vh-mobile-only { width: auto; height: auto; position: static; opacity: 1; } }

.sitecontainer { zoom: 1; padding: 0 0 1em 2em; position: relative; top: 1em; left: 0%; transition: left 0.5s ease-in-out; }
.sitecontainer:before, .sitecontainer:after { content: ""; display: table; }
.sitecontainer:after { clear: both; }
.sitecontainer.left-panel-open { left: 30%; }
.sitecontainer.right-panel-open { left: -30%; }
@media screen and (max-width: 980px) { .sitecontainer { padding-left: 1em; }
  .sitecontainer.left-panel-open { left: 50%; }
  .sitecontainer.right-panel-open { left: -50%; } }
@media screen and (max-width: 720px) { .sitecontainer { padding: 0 4.6875% 1em 4.6875%; min-width: 1px; overflow: hidden; }
  .sitecontainer.left-panel-open { left: 90%; }
  .sitecontainer.right-panel-open { left: -90%; } }

.main-content { box-sizing: border-box; zoom: 1; width: 100%; padding-right: 2em;}
.main-content:before, .main-content:after { content: ""; display: table; }
.main-content:after { clear: both; }
/*@media screen and (max-width: 1600px) and (min-width: 981px) { .main-content { padding-right: 0px; } }
@media screen and (max-width: 980px) and (min-width: 721px) { .main-content { padding-right: 0px; } }*/
@media screen and (max-width: 720px) { .main-content { padding: 0;} }
.main-content.main-content--no-max-size { padding: 0 !important; }
.main-content.main-content--has-resources-bar.main-content--has-search-bar { margin-top: 186px; }
@media screen and (max-width: 1600px) { .main-content.main-content--has-resources-bar.main-content--has-search-bar { margin-top: 0; } }
.main-content.main-content--has-resources-bar.main-content--has-search-bar.main-content--has-resources-bar-inline { margin-top: 0; }
@media screen and (max-width: 1600px) { .main-content.main-content--has-resources-bar.main-content--has-search-bar.main-content--has-resources-bar-inline { margin-top: 0; } }
.main-content.main-content--has-resources-bar.main-content--has-search-bar.main-content--has-resources-bar-inline .results-heading-row { top: 0; }
.main-content.main-content--has-resources-bar.main-content--has-back-button { margin-top: 44px; }
@media screen and (max-width: 1600px) { .main-content.main-content--has-resources-bar.main-content--has-back-button { margin-top: 0; } }
.main-content.main-content--has-resources-bar.main-content--has-back-button .results-heading-row { position: static; }
.main-content.main-content--has-resources-bar { margin-top: 107px; }
@media screen and (max-width: 1600px) { .main-content.main-content--has-resources-bar { margin-top: 0; } }
@media screen and (max-width: 1600px) { .main-content.main-content--has-search-bar { margin-top: 0; } }

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

	HEADER

*******************************************/
.site-logo { 
	width: 100%; 
	/*max-width: 415px; */
	max-width: 570px;
	line-height: 1.75em; 
	float: left; 
	margin-top: 32px; 
}
.site-logo img { max-height: 100px; }
.site-logo a:first-child { border-right: 2px solid #a8a8a8; display: inline-block; margin-right: 15px; padding-right: 10px; }
.page--has-breadcrumbs .site-logo { margin-top: 32px; }
@media screen and (max-width: 1010px) { .site-logo { max-width: 340px; margin-top:15px; margin-bottom:15px;} .site-logo img { max-height: 60px; }}
@media screen and (max-width: 720px) { .site-logo { position:absolute; top: 0; margin-top: 18px;} .site-logo img { max-height: 50px; }}

.social-buttons.mobile-only { float: left; }
.social-buttons.mobile-only .social-list { text-align: left; padding-left: .7em; max-width: 5em; }
.social-buttons.mobile-only .social-list > li > a { color: #6f6f6f; }
.social-buttons.mobile-only .social-list > li > a .icon { font-size: 1.6667em; }

.social-list { text-align: right; padding-right: 0.5em; margin-bottom: 4px; }
.side-bar-container .social-list { text-align: left; }

.social-list > li { display: inline-block; width: 31px; }
.social-list > li > a { font-size: .75em; padding: 0 .15em; color: #2b2d2e; }
.side-bar-container .social-list > li > a { background: #2b2d2e; color: #fff; font-size: 1em; padding: .2em .15em .35em .15em; border-radius: 5px; text-align: left; }

.search-bar, .block-search { width: 100%; float: right; }
.search-bar .form-submit, .block-search .form-submit { opacity: 0; }
.search-bar .search-bar-container .container-inline { margin: 0;}
@media screen and (max-width: 720px) { .search-bar, .block-search { position: relative; } }
.search-bar .search-bar-container, .search-bar .content, .block-search .search-bar-container, .block-search .content { zoom: 1; position: relative; }
.search-bar .search-bar-container:before, .search-bar .search-bar-container:after, .search-bar .content:before, .search-bar .content:after, .block-search .search-bar-container:before, .block-search .search-bar-container:after, .block-search .content:before, .block-search .content:after { content: ""; display: table; }
.search-bar .search-bar-container:after, .search-bar .content:after, .block-search .search-bar-container:after, .block-search .content:after { clear: both; }
.search-bar .search-bar-container label, .search-bar .content label, .block-search .search-bar-container label, .block-search .content label { display: block; }
@media screen and (max-width: 405px) { .search-bar .search-bar-container, .search-bar .content, .block-search .search-bar-container, .block-search .content { right: -60px !important; } }
@media screen and (max-width: 720px) { .search-bar .search-bar-container, .search-bar .content, .block-search .search-bar-container, .block-search .content { position: absolute; top: 100%; right: 0; z-index: 1; background: #fff; padding: 0 1em; height: 0; overflow: hidden; border: 0; transition: all .4s ease-in-out; }
  .search-bar .search-bar-container.search--open, .search-bar .content.search--open, .block-search .search-bar-container.search--open, .block-search .content.search--open { height: 4em; padding: 1em; } }
.search-bar .search-box, .search-bar .form-text, .block-search .search-box, .block-search .form-text { width: 14.375em; border: 0; border-right: 1px solid #c6d8e3; border-bottom: 1px solid #c6d8e3; padding: 0.1em 0 0.1em 1em; float: right; }
.search-bar .search-button, .search-bar .form-submit, .block-search .search-button, .block-search .form-submit { position: absolute; bottom: 0; right: 0; font-size: .9em; padding: 0.1em 0.5em 0.25em 2em; border: 0; background: transparent; }
@media screen and (max-width: 720px) { .search-bar .search-button, .search-bar .form-submit, .block-search .search-button, .block-search .form-submit { top: -0.2em; right: 1em; } }

.search-icon-mobile { background: #fff; float: right; width: 100%; height: 3.125em; text-align: center; }
.search-icon-mobile .icon { font-size: 1.25em; margin: 0.74em 0; color: #000; vertical-align: top; }

.sign-in-form { float: right; min-width: 14em; }
.sign-in-form .sign-in-button { display: inline-block; background: #d17619; color: #fff; text-shadow: 1px 1px 1px #333; padding: 1.1em 1.5em 0.5em;; letter-spacing: 1.1px; width: 100%; height: 3.875em; text-align: center; position: relative; float: right; }
.sign-in-form .sign-in-button .icon { font-size: 1.7em; margin-top: -6px; }
.sign-in-form .sign-in-button a { color: #fff; }
.sign-in-form .sign-in-button a:hover > span, .sign-in-form .sign-in-button a:focus > span { text-decoration: underline; }
.sign-in-form .sign-in-button .users-name { display: block; margin-right: 7em; text-align: left; }
.sign-in-form .sign-in-button .user-logout { display: block; width: 40%; position: absolute; right: .8em; top: 0.5em; text-align: center; }
@media screen and (max-width: 720px) { .sign-in-form .sign-in-button .user-logout { position: static; width: 100%; } }
@media screen and (max-width: 720px) { .sign-in-form { margin-top: 0; width: 33%; min-width: inherit; }
  .sign-in-form .sign-in-button { padding: 0; width: 100%; height: 3.125em; text-align: center; }
  .sign-in-form .sign-in-button .icon { font-size: 1.25em; margin: 0.74em 0; vertical-align: top; } }

.header-row { zoom: 1; padding-top: 0px; margin-bottom: 30px; }
.header-row:before, .header-row:after { content: ""; display: table; }
.header-row:after { clear: both; }
@media screen and (max-width: 720px) { .header-row { margin-bottom: 0.85em; margin-right: -5.172413793103%; margin-left: -5.172413793103%; padding-top: 0.5em; margin-top: 3.5em; } }

.header-row-section { padding: 0 0.5em 0.125em 0; width: 20%; float: right; }
@media screen and (max-width: 720px) { .header-row-section { padding: 0; width: 100%; float: none; } }

.header-navigation { width: 60%; float: right; margin-top: -45px; }
.header-navigation .menu > li { margin: 0; }
@media screen and (max-width: 1580px) { .header-navigation { width: 100%; } }
@media screen and (max-width: 1024px) and (min-width: 721px) { .header-navigation { width: 100%; }
.menu { width: 100.8%; display: table; margin-right: -6px; }
.header-navigation .menu > li { display:table-cell; float: none; padding: 0; text-align: center; }
.header-navigation .menu > li > a { display: block; } }
@media screen and (max-width: 720px) { .header-navigation { width: 100%; float: none; margin-top: 0; } }

.navigation-list, .menu { float: right; text-align: right; margin: 0; padding: 0; z-index: 20; }
.navigation-list > li, .menu > li { display: block; float: left; padding: 1.5312em 0; position: relative; }
.navigation-list > li > a, .menu > li > a { color: #fff; font-weight: 200; padding: 1.5312em .75em 1.5312em 1em; background: #0865a3; border-left: 1px solid #7eafcf; border-right: 1px solid #176fa9; }
.navigation-list > li > a .icon, .menu > li > a .icon { font-size: 1.375em; vertical-align: top; }
.navigation-list > li > a .icon:before, .menu > li > a .icon:before { padding-left: 0.5em; }
@media screen and (max-width: 1220px) { .navigation-list > li > a, .menu > li > a { padding-left: 0.5em; padding-right: 0.25em; }
  .navigation-list > li > a .icon:before, .menu > li > a .icon:before { padding-left: 0.25em; } }
@media screen and (max-width: 1120px) { .navigation-list > li > a > .icon-down-arrow, .menu > li > a > .icon-down-arrow { position: absolute; bottom: 0.2em; left: 40%; }
  .navigation-list > li > a .icon-home, .menu > li > a .icon-home { display: inline-block; position: static; } }

@media screen and (max-width: 720px) { .navigation-list > li > a > .icon-down-arrow, .menu > li > a > .icon-down-arrow { position: static; float: right; }
  .navigation-list > li > a.tablet-wrap, .menu > li > a.tablet-wrap { position: static; padding-left: 0.75em; padding-right: 0.75em; }
  .navigation-list > li > a .icon, .menu > li > a .icon { display: inline-block; } }
.navigation-list > li.nav--home > a, .menu > li.nav--home > a { padding: 1.5312em 1.25em; border-left: 0; }
.navigation-list > li.nav--home > a .icon:before, .menu > li.nav--home > a .icon:before { padding-left: 0; }
@media screen and (max-width: 720px) { .navigation-list > li.nav--home > a .icon:before, .menu > li.nav--home > a .icon:before { padding-right: 0.25em; } }
.navigation-list > li.active_trail > a, .menu > li.active_trail > a { background: #073451; }
@media screen and (max-width: 720px) { .navigation-list, .menu { width: 100%; font-size: .75em; height: 0; overflow: hidden; position: absolute; top: 143px; z-index: 10; transition: height .4s ease-in-out; }
  .navigation-list > li, .menu > li { width: 100%; padding: 0; text-align: left; border-top: 0; border-bottom: 1px solid #f0f0f0; }
  .navigation-list > li > a, .menu > li > a { display: block; padding: 1em .75em; border-left: 0; border-right: 0; }
  .navigation-list > li.nav--home > a, .menu > li.nav--home > a { padding: 1em .75em; }
  .navigation-list > li:last-child, .menu > li:last-child { border-bottom: 0; }
  .navigation-list.menu--open, .menu.menu--open { display: block; height: 1500px; z-index: 15; }
  .navigation-list .nav-wrap, .menu .nav-wrap { position: static; text-align: left; display: inline-block; width: auto; } }

.menu.sub-menu { zoom: 1; position: absolute; display: none; z-index: 11000; top: 96%; width: 275%; min-width: 30em; min-height: 16em; padding: 2em 0; background: #0865a3; border: 1px solid #7eafcf; opacity: 0; overflow: hidden; transition: opacity .4s ease-in-out; }
.menu.sub-menu:before, .menu.sub-menu:after { content: ""; display: table; }
.menu.sub-menu:after { clear: both; }
@media screen and (max-width: 720px) { .menu.sub-menu { position: static; width: 100%; min-width: 1em; height: auto; opacity: 1; border: 0; padding: 0 1em; } }
.menu.sub-menu.display-block { display: block; }
.orientate--left .menu.sub-menu { left: 0; border-left-width: 5px; }
.orientate--right .menu.sub-menu { right: 0; border-right-width: 5px; }
.menu.sub-menu .sub-menu__description { width: 49.99%; float: left; background: #0865a3; }
@media screen and (max-width: 720px) { .menu.sub-menu .sub-menu__description { zoom: 1; width: 100%; float: none; }
  .menu.sub-menu .sub-menu__description:before, .menu.sub-menu .sub-menu__description:after { content: ""; display: table; }
  .menu.sub-menu .sub-menu__description:after { clear: both; } }
.menu.sub-menu .sub-menu__description > .icon { color: #fff; font-size: 3em; width: 100%; text-align: center; }
@media screen and (max-width: 720px) { .menu.sub-menu .sub-menu__description > .icon { float: left; width: 25%; padding: 0.3em 0; } }
.menu.sub-menu .sub-menu__description .sub-menu__intro { color: #fff; font-size: .9em; line-height: 1.1em; display: block; font-weight: 200; padding: 1em 2em; }
@media screen and (max-width: 720px) { .menu.sub-menu .sub-menu__description .sub-menu__intro { float: left; width: 75%; padding: 1em; } }
.menu.sub-menu .sub-menu__description .button--more { width: auto; float: left; background: #def2ff; color: #0865a3; font-weight: bold; padding: .54167em .25em .54167em .75em; }
@media screen and (max-width: 720px) { .menu.sub-menu .sub-menu__description .button--more { display: none; } }
.menu.sub-menu .nav-wrap { position: relative; text-align: left; top: 0; }
.expanded > .menu.sub-menu { opacity: 1; }
.menu.sub-menu > li { display: block; margin: 0; padding: 0; position: relative; width: 50.01%; /* Make sure list items will never sit next to each other, but the description will fit */ float: right; }
@media screen and (max-width: 720px) { .menu.sub-menu > li { width: 100%; float: none; border-bottom: 1px solid #777; }
  .menu.sub-menu > li:last-child { border-bottom: 0; } }
.menu.sub-menu > li > a { display: block; width: 100%; padding: .75em .75em .75em 1em; }
@media screen and (max-width: 720px) { .menu.sub-menu { font-size: 1em; }
  .menu.sub-menu > li a { padding-left: 2em; } }
.menu.sub-menu .menu.sub-menu { display: none; /* Hiding nested menu just for drupal boilerplate demo */ }

.menu-button { background: #0865a3; float: right; width: 100%; height: 3.125em; }

.menu-button-icon { display: block; width: 25px; margin: 0.8em auto; }
.menu-button-icon .line { display: block; height: .3em; width: 100%; background: #fff; margin-bottom: .3em; border-radius: .3em; }

.grantee-menu__list > li > a { display: block; width: 100%; }
.grantee-menu__list > li > a .grantee-admin { font-weight: bold; font-size: .7em; margin-top: -1.5em; display: block; }
.grantee-menu__list.sub-menu { zoom: 1; width: 100%; min-width: 13.5em; position: static; margin-bottom: 0; padding-left: .5em; }
.grantee-menu__list.sub-menu:before, .grantee-menu__list.sub-menu:after { content: ""; display: table; }
.grantee-menu__list.sub-menu:after { clear: both; }
@media screen and (max-width: 720px) { .grantee-menu__list.sub-menu { position: static; } }
.grantee-menu__list.sub-menu .nav-wrap { position: relative; text-align: left; top: 0; }
.grantee-menu__list.sub-menu > li { display: block; margin: 0; padding: 0; position: relative; }
.grantee-menu__list.sub-menu > li > a { padding: 0; border-top: 0; display: block; width: 100%; }
.grantee-menu__list.sub-menu :last-child { border-bottom: 0; }
.grantee-menu__list .expanded .icon.icon-plus:before { content: ""; }
@media screen and (max-width: 720px) { .expanded > .grantee-menu__list.sub-menu { font-size: 1em; }
  .expanded > .grantee-menu__list.sub-menu > li a { padding-left: 2em; } }

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

	DRUPAL EDITOR STYLES

*******************************************/
.main-content-form-drupal .filter-wrapper { padding: 0 0 20px 0; }
.main-content-form-drupal .filter-wrapper .form-item { float: none; }
.main-content-form-drupal .form .form-item { border: 0; padding: 20px 0; }
.main-content-form-drupal .form .form-item.form-type-textarea { padding: 20px 0 0 0; }
.main-content-form-drupal input[type="file"] { padding: 2px; border: 1px solid #ccc; border-top-color: #999; background: #fff; color: #333; display: inline-block; margin-right: 20px; }

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

	COMMON ELEMENTS

*******************************************/
a.button--more { text-align: center; }

.button--more { background: #d1e5f2; color: #0865a3; font-size: 12px; font-size: .75rem; font-weight: bold; padding: .54167em .25em .54167em .75em; margin-left: 1.2em; border: 0; white-space: nowrap; }
.button--more .icon { font-weight: bold; font-size: 1em; padding-left: .75em; }

.button--full-size { font-size: 16px; font-size: 1rem; }
.button--full-size.button--more { min-width: 7em; text-decoration: none; }

.button--cancel { background: transparent; vertical-align: middle; }
.button--cancel.button--cancel:after { content: 'x'; font-weight: 200; font-size: 2em; padding-left: .25em; line-height: 0.5em; vertical-align: top; }

.add-new .button--more { margin-left: 0; padding-right: 1em; float: left; margin: 3px 0; }
.add-new .button--more .icon { padding-right: .75em; }

.call-to-action { width: 80%; margin: 0 auto; }
.call-to-action .button--more { display: block; margin: 0; padding: .54167em .75em; text-align: center; }

.breadcrumbs-container { position: absolute; top: 138px; left: 0; right: 0; }
@media screen and (max-width: 1600px) { .breadcrumbs-container { position: static; margin-left: -2em; margin-top: -1em; } }
@media screen and (max-width: 720px) { .breadcrumbs-container { display: none; } }

.breadcrumbs-list, #breadcrumb { zoom: 1; margin: 0; padding: 0; list-style-type: none; width: 100%; }
.breadcrumbs-list:before, .breadcrumbs-list:after, #breadcrumb:before, #breadcrumb:after { content: ""; display: table; }
.breadcrumbs-list:after, #breadcrumb:after { clear: both; }
.breadcrumbs-list > li, #breadcrumb > li { float: left; }
.breadcrumbs-list > li > a, #breadcrumb > li > a { color: #fff; padding: .8214em 1.68em; background: #0865a3; font-weight: 200; font-size: .9em; position: relative; display: block; float: left; }
.breadcrumbs-list > li > a .icon, #breadcrumb > li > a .icon { font-size: 1.2em; }
.breadcrumbs-list > li > a:after, #breadcrumb > li > a:after { content: " "; display: block; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 13.2px solid #0865a3; position: absolute; top: 50%; margin-top: -22px; left: 100%; z-index: 2; }
.breadcrumbs-list > li > a:before, #breadcrumb > li > a:before { content: " "; display: block; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 13.2px solid white; position: absolute; top: 50%; margin-top: -22px; margin-left: 1px; left: 100%; z-index: 1; }
.breadcrumbs-list > li.home a, #breadcrumb > li.home a { padding-left: 2.5em; background: #0865a3; }
.breadcrumbs-list > li.home a:after, #breadcrumb > li.home a:after { border-left: 13.2px solid #0865a3; }
.breadcrumbs-list > li.active a, #breadcrumb > li.active a { background: #073451; pointer-events: none; text-decoration: none; cursor: default; }
.breadcrumbs-list > li.active a:after, #breadcrumb > li.active a:after { border-left: 13.2px solid #073451; }
.breadcrumbs-list > li.active a:hover, #breadcrumb > li.active a:hover { text-decoration: none; cursor: default; }
.grantee-page .breadcrumbs-list > li.active a, .grantee-page #breadcrumb > li.active a { background: #d17619; text-shadow: 1px 1px 1px #333; }
.grantee-page .breadcrumbs-list > li.active a:after, .grantee-page #breadcrumb > li.active a:after { border-left: 13.2px solid #d17619; }
.breadcrumbs-list > li.authenticated a, #breadcrumb > li.authenticated a { background: #d17619; }
.breadcrumbs-list > li.authenticated a:after, #breadcrumb > li.authenticated a:after { border-left: 13.2px solid #d17619; }
.breadcrumbs-list > li.current, #breadcrumb > li.current { font-size: .9em; padding: .82em 1.68em; }
.breadcrumbs-list > li.current .breadcrumb__title, #breadcrumb > li.current .breadcrumb__title { font-weight: bold; padding-right: 1.68em; }

.page-heading { font-size: 0.96em; }
.page-heading > h2 { font-weight: bold; }
.page-heading > h2 .page-heading--generic-title { font-weight: normal; }
.page-heading > .author { float: left; margin-bottom: 1em; font-size: 0.9em; }

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

	HOME PAGE

*******************************************/
.mission-statement { width: 100%; margin-bottom: 0px; overflow: hidden; text-align: justify;}
@media screen and (max-width: 720px) { .mission-statement { margin-bottom: 0; } }

.statement-focus { font-size: 1.35em; line-height: 1.25em; display: block; max-width: 1280px; }
@media screen and (max-width: 1120px) { .statement-focus { line-height: 1.2em; padding-right: .5em; } }
@media screen and (max-width: 720px) { .statement-focus { font-size: 0.875em; line-height: 1.6em; margin-bottom: .4444em; max-width: 100%; } .statement-focus .button--more { font-size: 0.8em; background-color: transparent; padding:0; }}

.statement-focus .button--more { margin-left: 0; }
.statement-focus > span:after { content: ""; display: inline-block; width: 10px; }

.statement-focus--extra { display: block; font-size: 1.1em; color: #333; margin-bottom: .5em; }
@media screen and (max-width: 980px) { .statement-focus--extra { width: 100%; float: left; } }
@media screen and (max-width: 720px) { .statement-focus--extra { font-size: .9em; } }

.statement-supp { display: inline-block; font-size: .8775em; line-height: 1.15em; color: #0865a3; }
@media screen and (max-width: 720px) { .statement-supp { margin-bottom: .5em; font-size: 0.8em; } }

.statement-supp--1 { width: 14em; padding-right: .5em; float: left; }
@media screen and (max-width: 980px) { .statement-supp--1 { width: 20em; } }
@media screen and (max-width: 820px) { .statement-supp--1 { display: block; width: 70%; margin-bottom: 1em; } }

.statement-supp--2 { width: 12em; float: left; }
@media screen and (max-width: 980px) { .statement-supp--2 { width: 16em; } }
@media screen and (max-width: 820px) { .statement-supp--2 { display: block; width: 70%; margin-bottom: 1em; } }

.highlights-reel { zoom: 1; width: 33.3333%; float: left; border-left: 1px solid #c35736; padding: 0 2em 0.25em 2em; margin-bottom: 3.5em; }
.highlights-reel img { max-width: 400px; width: 100%; }
.highlights-reel:before, .highlights-reel:after { content: ""; display: table; }
.highlights-reel:after { clear: both; }
@media screen and (min-width: 1601px) { .highlights-reel { width: 24.3333%; } }
@media screen and (max-width: 1120px) { .highlights-reel { padding-left: 1em; padding-right: 1em; } }
@media screen and (max-width: 980px) { .highlights-reel { width:100%; margin-bottom: 2em; margin-top: 1em; } }
@media screen and (max-width: 720px) { .highlights-reel { padding: 0; border-left: 0; border-top: 1px solid #c35736; } }

.highlights-heading { font-size: .9em; font-weight: bold; color: #c35736; margin-top: -5px; }
@media screen and (max-width: 720px) { .highlights-heading { margin: 0.3889em 0; }
  .highlights-heading .button--more { padding: 0.5em 0; margin: 0; background: transparent; float: right; font-size: 0.7778em; }
  .highlights-heading .button--more .icon { display: none; } }

.highlights-story { padding: 0 2em 0 0; margin-bottom: 1.25em; }
.highlights-story:last-child { margin-bottom: 0; }
@media screen and (max-width: 1120px) { .highlights-story { padding: 0; } }

.highlights--feature { padding-left: 0; padding-right: 0; }
@media screen and (max-width: 1120px) { .highlights--feature { padding-right: 1em; } }
@media screen and (max-width: 720px) { .highlights--feature { padding-right: 0; } }

.highlights-title { font-size: .75em; line-height: 1.2em; color: #2B69C4; margin-bottom: 1.25em; }
.highlights-title:first-child { margin-top: 0; }
.highlights-title .icon { font-size: 2.35em; color: #c35736; margin-left: -1.25em; float: left; }
.highlights--feature img { width:100%;margin-bottom: 1em; }
.highlights-body { font-size: .75em; color: #1c1c1c; margin-top: 0.25em; margin-bottom: 0; line-height: 1.25em; }
@media screen and (max-width: 720px) { .highlights-body { margin-top: 0.6667em; } }

.highlights--secondary { padding-left: 2.5em; }

.grantee-materials { zoom: 1; width: 33.3333%; float: left; border-left: 1px solid #c35736; padding: 0 2em 0.25em 2em; margin-bottom: 3.5em; }
.grantee-materials img { max-width: 400px; width: 100%; }
.grantee-materials:before, .grantee-materials:after { content: ""; display: table; }
.grantee-materials:after { clear: both; }
.grantee-materials p { font-size: 12px; margin-bottom: 1em; }

@media screen and (min-width: 1601px) { .grantee-materials { width: 24.3333%; } }
@media screen and (max-width: 1120px) { .grantee-materials { padding-left: 1em; padding-right: 1em; } }
@media screen and (max-width: 980px) { .grantee-materials { width: 100%; margin-bottom: 2em; } }
@media screen and (max-width: 720px) { .grantee-materials { padding: 0; border-left: 0; border-top: 1px solid #c35736;}
  .grantee-materials p { font-size: 15px; margin-bottom: 1em; }
  .grantee-materials .button--more { padding: 0.5em 0; margin: 0; background: transparent; float: right; font-size: 0.7778em; }
  .grantee-materials .button--more .icon { display: none; } }

.learning-opportunities { zoom: 1; width: 33.3333%; float: left; border-left: 1px solid #c35736; padding: 0 2em 0.25em 2em; margin-bottom: 3.5em; }
.learning-opportunities img { max-width: 400px; width: 100%; }
.learning-opportunities:before, .learning-opportunities:after { content: ""; display: table; }
.learning-opportunities:after { clear: both; }
@media screen and (min-width: 1601px) { .learning-opportunities { width: 24.3333%; } }
@media screen and (max-width: 1120px) { .learning-opportunities { padding-left: 1em; padding-right: 1em; } }
@media screen and (max-width: 980px) { .learning-opportunities { width: 100%; margin-bottom: 2em; } }
@media screen and (max-width: 720px) { .learning-opportunities { padding: 0; border-left: 0; border-top: 1px solid #c35736; } }

.learning-heading { font-size: .9em; font-weight: bold; color: #c35736; margin-top: -5px; }
@media screen and (max-width: 720px) { .learning-heading { margin: 0.3889em 0; } }
.learning-title { font-size: .75em; line-height: 1.2em; color: #2B69C4; margin-bottom: 1.25em; }
.learning-title:first-child { margin-top: 0; }
.learning-topics { padding: 0 2.75em; }
@media screen and (max-width: 720px) { .learning-topics { padding: 0 0 0 25%; } }
@media screen and (max-width: 460px) { .learning-topics { padding: 0 0 0 15%; } }
.learning-topics > li { font-size: 0.75em; line-height: 1.16666666666667em; color: #0865a3; margin-bottom: 1.85em; }
.learning-topics > li > a { font-weight: bold; color: #0865a3; vertical-align: top; }
.learning-topics > li .icon { font-size: 2.25em; float: left; color: #c35736; margin-left: -1.5em; padding-right: 0.5em; }
@media screen and (max-width: 980px) { .learning-topics > li { width: 37%; display: inline-block; margin: 0 5%; } }
@media screen and (max-width: 720px) { .learning-topics > li { width: 40%; float: left; margin: 0 5% 1.8em 5%; }
  .learning-topics > li .icon { margin-left: -1.3em; padding-right: 0.1em; } }
@media screen and (max-width: 460px) { .learning-topics > li { width: 100%; } }
.learning-topics .learning-items { display: block; font-size: 1em; font-weight: normal; color: #757575; }
@media screen and (max-width: 720px) { .learning-topics .learning-items { font-size: 0.8em; } }

.resource-item__title, .resource-item__date, .resource-item__content { display: block; font-size: 0.75em; }
.resource-item__title { font-weight: bold; margin-bottom: 12px; }
.resource-item__date { color: #757575; }
.resource-item__content { margin-top: 5px; }
.resource-item-main-footer { overflow: hidden; margin-top: 25px; }
.resource-item-main-footer .fivestar-container { float: left; margin-top: 4px; }
.resource-item-main-footer .resource-item-main-footer--left { float: left; max-width: 60%; line-height: 1em; }
.resource-item-main-footer .resource-item-main-footer--right { float: right; max-width: 40%; line-height: 1em; }
.resource-item-main-footer .resource-item-main-footer__title { color: #757575; font-size: 0.75em; }
.resource-item-main-footer .resource-item-main-footer__title.bold{ font-weight: bold; }
.resource-item-main-footer .resource-item-main-footer--right .icon { color: #757575; font-size: 0.95em; margin-top: 4px; }
.resource-item .fivestar-container .description { display: none; }
.resource-item-footer { margin-top: 12px; border-top:1px solid #d1e5f2; overflow: hidden; padding: 5px 0 8px; }
.resource-item-footer--left, .resource-item-footer--right { float: left; min-height:20px; width: 50%; }
.resource-item-footer--right { text-align: right; }
.resource-item-footer__title { font-size: 0.75em; font-weight: bold; vertical-align: middle; }
.resource-item-footer-content { color: #747474; }
.resource-item-footer .icon { font-weight: bold; margin-left: 3px; vertical-align: middle; }
.resource-item-footer .icon-forward-arrow { font-size: 0.8em; }
.resource-item-footer .icon-link { font-size: 0.9em; margin-top: -2; }
.resource-item-footer .icon-download { font-size: 0.9em; margin-top: -4px; }
.resource-item-footer .icon-check, .resource-item-footer .icon-close-circle { font-size: 1.1em; }
@media screen and (max-width: 720px) {
  .resource-item-footer { padding: 0 0 8px; margin-top: 15px; }
  .resource-item-main-footer .fivestar-container { margin-top: 9px; }
}
.resources { zoom: 1; width: 16.5%; position: absolute; right: 0; top: 11.625em; }
.resources:before, .resources:after { content: ""; display: table; }
.resources:after { clear: both; }
@media screen and (max-width: 980px) { .resources { width: 20%; margin-bottom: 2em; } }
@media screen and (max-width: 720px) { .resources { position: static; font-size: 0.58823529411765em; width: 111%; margin-bottom: 1em; } }

.resources-heading { text-transform: uppercase; text-align: center; padding: 0 1em; margin-bottom: 0.25em; line-height: 1em; }
.resources-heading .resources-focus { font-size: 1.6em; font-weight: 200; line-height: .85em; display: inline-block; max-width: 160px; color: #1c1c1c; }
@media screen and (max-width: 720px) { .resources-heading .resources-focus { max-width: 100%; line-height: 1em; } }
.resources-heading .resources-sub-focus { display: block; color: #0865a3; font-size: .45em; font-weight: normal; line-height: 1em; }
.resources-heading .icon { display: block; font-size: .6em; color: #757575; padding: 0.3em 0 0 0; }
@media screen and (max-width: 720px) { .resources-heading .icon { font-size: .8em; padding: 0; } }

.resources-topics > li > a .icon-forward-arrow { top: 5px; }
.resources-topics > li .button-text { display: inline-block; padding: 0.36425em 0; }
.resources-topics > li.resource--text-centre .button-text { width: 70%; padding: .5em 0 .3em 0; text-align: center; }
.back-button .resources-topics > li .button-text { width: 100%; }
@media screen and (max-width: 720px) { .resources-topics > li { width: 80%; min-height: 45px; margin: 0 auto; } }
.resources-topics > li > a { color: #fff; font-weight: 200; padding: .25em .25em .25em 1em; width: 100%; display: inline-block; border-radius: 1.5em 0 0 1.5em; margin-bottom: 0.4em; position: relative; min-height: 2.91667em; z-index: 10; }
.resources-topics > li > a:hover .button-text, .resources-topics > li > a:focus .button-text { text-decoration: underline; }
.resources-topics > li > a .wrap-lines { display: block; line-height: 1em; }
.resources-topics > li > a .wrap-lines .button-text { padding: 0.21875em 0; padding-right: 2.5em; width: 100%; display: block; }
.resources-topics > li > a .icon { font-size: 2em; padding: 0.1em 0 0.1em 10%; }
.resources-topics > li > a .icon:first-child { padding-right: 0.32em; float: left; }
.resources-topics > li > a .icon-forward-arrow { font-size: 1.3em; padding: 0.4em 0.3em 0.4em 0.25em; position: absolute; right: 0; }
@media screen and (max-width: 980px) { .resources-topics > li > a .button-text { font-size: .9em; padding: 0.64285714285714em 0; }
  .resources-topics > li > a .icon:first-child { padding-right: 0.22em; } }
@media screen and (max-width: 720px) { .resources-topics > li > a { padding: .5em 1em .5em 2em; border-radius: 1.7272em; }
  .resources-topics > li > a .button-text { padding: 0.132375em 0; }
  .resources-topics > li > a .wrap-lines { display: inline-block; vertical-align: middle; padding: 0; }
  .resources-topics > li > a .wrap-lines .button-text { padding: 0.56425em 0; }
  .resources-topics > li > a .icon-forward-arrow { display: none; }
  .resources-topics > li > a .icon:first-child { font-size: 2em; padding-right: .5em; }
  .resources-topics > li > a .button-text { font-size: 1.4em; } }
.resources-topics > li.resource--reverse-button { float: left; width: 100%; }
.resources-topics > li.resource--reverse-button > a { text-align: right; border-radius: 0 1.7272em 1.7272em 0; max-width: 19em; }
.resources-topics > li.resource--reverse-button .icon:first-child { float: right; }
.resources-topics > li.resource--reverse-button .icon.icon-forward-arrow { right: auto; left: 0; display: inline-block; }
.resources-topics > li.resource--reverse-button .icon.icon-forward-arrow:before { content: ""; }

.view-top-resources li:nth-child(5n-4) > a { background: #0865a3; }
.view-top-resources li:nth-child(5n-3) > a { background: #015173; }
.view-top-resources li:nth-child(5n-2) > a { background: #00836f; }
.view-top-resources li:nth-child(5n-1) > a { background: #174d19; }
.view-top-resources li:nth-child(5n) > a { background: #1b2d52; }

.resources-topics > li.resources--additional > a { background: #f1f1f1 !important; color: #0865a3; padding: 0.5em 1.25em 0.5em 0.5em; font-weight: bold; font-size: .75em; }
.resources-topics > li.resources--additional > a .icon { font-size: 1em; padding: 0.55em .85em 0.25em 0.25em; }
.resources-topics > li.resources--additional > a .button-text { line-height: 1em; padding: .45833333333333em 0 .45833333333333em .5em; }
@media screen and (max-width: 720px) { .resources-topics > li.resources--additional > a .button-text { line-height: 1.5em; } }

.main-content.main-content--has-resources-bar-inline .block-cswash-download-cart { zoom: 1; width: 50%; float: right; padding: 0.55em 0 0.25em 0; display: inline-block; position: static; }
.main-content.main-content--has-resources-bar-inline .block-cswash-download-cart:before, .main-content.main-content--has-resources-bar-inline .block-cswash-download-cart:after { content: ""; display: table; }
.main-content.main-content--has-resources-bar-inline .block-cswash-download-cart:after { clear: both; }
@media screen and (max-width: 720px) { .main-content.main-content--has-resources-bar-inline .block-cswash-download-cart { width: 100%; padding: 0; } }
.main-content.main-content--has-resources-bar-inline .internal-external { display: inline-block; float: left; position: static; }
.main-content.main-content--has-resources-bar-inline .block-mefibs { margin-left: -2em; padding-bottom: 1em; }
@media screen and (max-width: 720px) { .main-content.main-content--has-resources-bar-inline .block-mefibs { padding-bottom: 0; margin-left: 0em; } }
.main-content.main-content--has-resources-bar-inline .results-heading-row, .main-content.main-content--has-resources-bar-inline .tabs { position: relative; width: auto; display: block; top: 0; }
.main-content.main-content--has-resources-bar-inline .resources-search-row { position: static; display: table; margin-bottom: 4px; width: 100%; }
.main-content.main-content--has-resources-bar-inline .search-basic, .main-content.main-content--has-resources-bar-inline .filter-search-button { float: left; margin-top: 0; }
.main-content.main-content--has-resources-bar-inline .form-item { margin: 0; }
.main-content.main-content--has-resources-bar-inline .resources-search__basic-form-container { padding: 0.55em 0 0.25em 0; }
.main-content.main-content--has-resources-bar-inline .resources-search__info > span { vertical-align: top; }
@media screen and (max-width: 980px) { .main-content.main-content--has-resources-bar-inline .resources-search__basic-search { padding-top: 0; } }
@media screen and (max-width: 720px) { .main-content.main-content--has-resources-bar-inline .resources-search__basic-search { padding: 0 1em 0 2em; } }

.resources-cart__tab { zoom: 1; width: 100%; float: none; padding: 0.55em 0 0.25em 0; }
.resources-cart__tab:before, .resources-cart__tab:after { content: ""; display: table; }
.resources-cart__tab:after { clear: both; }
@media screen and (max-width: 720px) { .resources-cart__tab { width: 100%; font-size: 0.5882em; } }
.resources-cart__tab .resources-cart__tab__items { display: block; width: 100%; }

.fund-grantees { zoom: 1; width: 100%; float: left; position: relative; border-left: 1px solid #383a3a; padding: 0 1em 0 1.5em; margin-bottom: 3.25em; }
.fund-grantees:before, .fund-grantees:after { content: ""; display: table; }
.fund-grantees:after { clear: both; }
.fund-grantees .button--more { margin-left: 0; }
@media screen and (max-width: 720px) { .fund-grantees { padding: 0; border-left: 0; border-top: 1px solid #383a3a; text-align: center; margin-bottom: 1em; } }
@media screen and (min-width: 1601px) { .fund-grantees { width: 27%; max-width: 330px; }
  .fund-grantees .button--more { margin-left: 2em; position: relative; top: -6px; } }

.grantees-heading { font-size: 0.9em; font-weight: bold; margin-top: -5px; color: #383a3a; }
@media screen and (max-width: 1600px) and (min-width: 721px) { .grantees-heading { margin-bottom: 0; }
  .grantees-list.slick-slider { margin-left: 100px; } }
@media screen and (max-width: 720px) { .grantees-heading { margin: 0.3889em 0; float: left; } }
@media screen and (min-width: 1601px) { .grantees-heading { float: left; } }

.grantee-heading-container { display: block; }
@media screen and (max-width: 720px) { .grantee-heading-container { overflow: hidden; width: 100%; } }
@media screen and (min-width: 1601px) { .grantee-heading-container { width: 100%; } }

.grantees-button { position: absolute; bottom: 0.5em; left: 1.5em; }
@media screen and (max-width: 720px) { .grantees-button { position: static; }
  .grantees-button .button--more { padding: 0.5em 0; margin: 0.3889em 0; background: transparent; float: right; font-size: .6em; }
  .grantees-button .button--more .icon { display: none; } }
@media screen and (min-width: 1601px) { .grantees-button { position: static; display: block; margin-top: -0.4em; } }

.grantees-list { width: 80%; display: inline-block; vertical-align: top; }
@media screen and (min-width: 1121px) { .grantees-list { max-width: 800px; width: 100%; } }
@media screen and (max-width: 1120px) { .grantees-list { text-align: center; }
  .grantees-list > div > a { width: 33.33333%; }
  .grantees-list > div > a div { margin: 0 auto; } }
@media screen and (max-width: 980px) { .grantees-list { width: 90%; } }
@media screen and (max-width: 720px) { .grantees-list { margin: 0 auto 10px !important; }
  .grantees-list .slick-prev { left: -25px; } }
@media screen and (min-width: 1601px) { .grantees-list { display: block; float: left; width: 100%; }
  .grantees-list .slick-prev { left: -25px; } }

.grantees-list > div a { float: left; padding: .5em; }
.grantees-list > div .slick-slide img { border: 0; }
.grantees-list > div img { border: 1px solid #d3d3d3; }
@media screen and (max-width: 1120px) { .grantees-list > div a { width: 33.33333%; }
  .grantees-list > div a div { margin: 0 auto; } }
@media screen and (max-width: 720px) { .grantees-list > div { padding: 0.25em; }
  .grantees-list > div a { width: 33.3333%; }
  .grantees-list > div img { width: 100%; max-width: 180px; height: auto; } }
@media screen and (min-width: 1601px) { .grantees-list > div { width: 100%; display: block; float: left; margin-bottom: 5px; }
  .grantees-list > div a { padding-bottom: 0.5em; } }

.grantee-logo { background: url("/assets/images/grantees/grantee-sprite-pd1.png") no-repeat top left; width: 116px; height: 78px; }

.grantee-logo.welthungerhilfe { background-position: 0px 0px; }

.grantee-logo.world-vision { background-position: 0px -88px; }

.grantee-logo.snv-logo { background-position: 0px -176px; }

.grantee-logo.wateraid-logo { background-position: 0px -264px; }

.grantee-logo.savethechildren { background-position: 0px -352px; }

.grantee-logo.red-cross { background-position: 0px -440px; }

.grantee-logo.irc { background-position: 0px -528px; }

.grantee-logo.live-and-learn { background-position: 0px -616px; }

.grantee-logo.plan-logo { background-position: 0px -704px; }

.grantee-logo.habitat-logo { background-position: 0px -792px; }

.grantee-logo.east-meets-west { background-position: 0px -880px; }

.grantee-logo.ide-logo { background-position: 0px -968px; }

.grantee-logo.concern-universal { background-position: 0px -1056px; }

.grantee-logo-hq { width: 116px; height: 78px; float: left; margin-right: 1em; }

.resource-summary-details .grantee-logo-hq { margin: 1em; }

@media screen and (max-width: 720px) { .statement-focus, .statement-supp, .highlights-reel, .learning-opportunities { width: 100%; }
  .resources { margin-right: -5.7690%; margin-left: -5.7690%; } }

.card-carousel.slick-slider { margin: 30px 0; width: 100%; padding: 0 30px;}
.card-carousel .slick-slide img { float: none !important; margin: 0 !important; height: auto !important; min-width: inherit !important; max-height: 100%; max-width: 100%; position: absolute; right: 50%; bottom: 50%; transform: translate(50%,50%); -webkit-transform: translate(50%,50%); -moz-transform: translate(50%,50%); -ms-transform: translate(50%,50%); -o-transform: translate(50%,50%); width: auto !important; padding: 0 !important;}
.card-carousel .carousel-image { background-color: #000; position: relative; height: 400px; }
.card-carousel .carousel-content { background-color: #0865a3; color: white;padding: 0 20px; }
.card-carousel .carousel-content .caption--text { line-height:2em; }
.card-carousel .carousel-content .credit--text { font-size: 0.8em; line-height:2.5em; }
.card-carousel .slick-next { right: 5px; }
.card-carousel .slick-prev { left: 5px; }

@media screen and (max-width: 720px) { .card-carousel .carousel-image { height: 300px; } }
@media screen and (max-width: 420px) { .card-carousel.slick-slider { padding: 0; }
.card-carousel .carousel-image { height: 250px; }
.card-carousel .slick-next { right: 10px; }
.card-carousel .slick-next:before { background-color:rgba(255,255,255,0.6); padding: 5px; }
.card-carousel .slick-prev { left: 0px; }
.card-carousel .slick-prev:before { background-color:rgba(255,255,255,0.6); padding: 5px; } }
/*******************************************

	Shared resources page

*******************************************/
.results-heading-row { zoom: 1; position: absolute; top: 184px; left: 2em; right: 0; }
.results-heading-row:before, .results-heading-row:after { content: ""; display: table; }
.results-heading-row:after { clear: both; }
@media screen and (max-width: 1600px) { .results-heading-row { position: static; } }
.results-heading-row > h2 { margin-top: 0; margin-bottom: 0; padding: 0.52em .5em 0.52em 0; }
.results-heading-row > h2 > a { color: #1c1c1c; }
@media screen and (max-width: 980px) { .results-heading-row > h2 { width: 100%; } }
@media screen and (max-width: 720px) { .results-heading-row > h2 { font-size: 0.94736842105263em; line-height: 1em; }
  .results-heading-row > h2 .page-heading--generic-title { display: block; } }

.resources-search-row { top: 247px; left: 0; right: 0; background: #fff; }
@media screen and (max-width: 1600px) { .resources-search-row { zoom: 1; position: static; margin-bottom: .75em; }
  .resources-search-row:before, .resources-search-row:after { content: ""; display: table; }
  .resources-search-row:after { clear: both; } }
@media screen and (max-width: 980px) { .resources-search-row { margin-left: 1em; } }
@media screen and (max-width: 720px) { .resources-search-row { margin-right: -5.7690%; margin-left: -5.1%; border-bottom: 0; } }

.filter-options { zoom: 1; width: 25.2%; float: left; padding: 0.55em 0 0.25em 0; }
.filter-options:before, .filter-options:after { content: ""; display: table; }
.filter-options:after { clear: both; }
@media screen and (max-width: 980px) { .filter-options { width: 30%; } }
@media screen and (max-width: 720px) { .filter-options { width: 90%; padding: 0; } }
.filter-options .resources-topics .resource--filter-options > a { background: #b33e19; color: #fff; max-width: 19em; }
.filter-options .resources-topics .resource--filter-options > a > .icon:first-child { padding: 0.1em 10% 0.1em 0; }
@media screen and (max-width: 980px) { .filter-options .resources-topics { width: 100%; padding: .5em 0 0 0; }
  .filter-options .resources-topics .resource--filter-options .button-text { font-size: 1em; } }
@media screen and (max-width: 720px) { .filter-options .resources-topics { width: 100%; font-size: 0.5882em; padding: .73333em 0 0 0; }
  .filter-options .resources-topics .resource--filter-options { width: 58.90625%; float: left; min-width: 205px; }
  .filter-options .resources-topics .resource--filter-options > a { max-width: 100em; }
  .filter-options .resources-topics .resource--filter-options .button-text { width: 70%; font-size: 1.08333333333333em; padding: 0.288625em 0; } }

.filter-options__panel { position: absolute; top: 0; bottom: 0; left: -30%; width: 30%; background: #b33e19; border-right: 1px solid #ccc; box-shadow: 3px 0 1px -2px rgba(100, 100, 100, 0.4); padding-top: 1.6875em; }
@media screen and (max-width: 980px) { .filter-options__panel { left: -50%; width: 50%; } }
@media screen and (max-width: 720px) { .filter-options__panel { left: -90%; width: 90%; font-size: .75em; } }

.filter-panel__heading, .resources-cart__heading { color: #fff; text-align: center; }
.filter-panel__heading .icon, .resources-cart__heading .icon { font-size: 3.125em; }
.filter-panel__heading .close-panel, .resources-cart__heading .close-panel { color: #fff; }
.filter-panel__heading .icon-close, .resources-cart__heading .icon-close { position: absolute; top: .7em; right: .7em; font-size: 1.5em; }
.filter-panel__heading > h3, .resources-cart__heading > h3 { color: #fff; font-size: 2.115625em; font-weight: 200; margin-top: 0; margin-bottom: 0.1765em; }

.filter-close .icon-close:before { color: #fff; }

.filter-panel__body, .resources-cart__body { width: 100%; }
.filter-panel__body h4, .resources-cart__body h4 { margin-top: 0; margin-bottom: 0; font-size: 0.8571em; font-weight: 200; color: #fff; padding: .4722em 1.1111em; }
.filter-panel__body h4 a, .resources-cart__body h4 a { display: block; width: 100%; color: #fff; }
.filter-panel__body h4 a .icon, .resources-cart__body h4 a .icon { transition: all .25s linear; float: right; }
.filter-panel__body .ac--open .filter-panel-ac__trigger__js .icon, .resources-cart__body .ac--open .filter-panel-ac__trigger__js .icon { transform: translate(0, 8px); transform-origin: bottom; }
.filter-panel__body .resource-item-heading, .resources-cart__body .resource-item-heading { background: #065b93; font-size: 1.125em; padding: 0.7778em 1.1111em; }
.filter-panel__body input[type="submit"], .resources-cart__body input[type="submit"] { float: right; font-size: 0.91875em; border: 0; background: #922604; color: #fff; padding: 0.5em; margin: 1em; }
.filter-panel__body .bef-checkboxes, .resources-cart__body .bef-checkboxes { margin-left: 1.5em; }
.filter-panel__body legend, .resources-cart__body legend { margin-bottom: 0; }
.filter-panel__body select, .resources-cart__body select { margin-left: 1em; }
.filter-panel__body .filter-options-list, .filter-panel__body .resource-items-list, .resources-cart__body .filter-options-list, .resources-cart__body .resource-items-list { background: #fff; font-size: 0.8125em; }
.filter-panel__body .filter-options-list > li, .filter-panel__body .resource-items-list > li, .resources-cart__body .filter-options-list > li, .resources-cart__body .resource-items-list > li { padding: 0 1.5385em; border-top: 1px solid #fff; border-bottom: 1px solid #f0f0f0; }
.filter-panel__body .filter-options-list > li:nth-child(even), .filter-panel__body .resource-items-list > li:nth-child(even), .resources-cart__body .filter-options-list > li:nth-child(even), .resources-cart__body .resource-items-list > li:nth-child(even) { background: #f9f9f9; }
.filter-panel__body .filter-options-list > ul, .filter-panel__body .resource-items-list > ul, .resources-cart__body .filter-options-list > ul, .resources-cart__body .resource-items-list > ul { list-style-type: none; padding-left: 0px; margin-bottom: 0px; }
.filter-panel__body .filter-options-list > ul > li, .filter-panel__body .resource-items-list > ul > li, .resources-cart__body .filter-options-list > ul > li, .resources-cart__body .resource-items-list > ul > li { border-bottom: 1px solid #f0f0f0; padding-left: 40px; }
.filter-panel__body .filter-options-list label, .filter-panel__body .resource-items-list label, .resources-cart__body .filter-options-list label, .resources-cart__body .resource-items-list label { font-weight: normal; padding: 0.1923em 0.6923em 0.2308em 0.6923em; margin-bottom: 0; width: 94%; vertical-align: middle; }
.filter-panel__body .resource-items-list, .resources-cart__body .resource-items-list { margin-bottom: 1.38461538461538em; }
.filter-panel__body .resource-items-list > li, .resources-cart__body .resource-items-list > li { height: 5.38461538461538em; display: table; width: 100%; }
.filter-panel__body .resource-items-list > li .resource-cart-name, .filter-panel__body .resource-items-list > li > a, .resources-cart__body .resource-items-list > li .resource-cart-name, .resources-cart__body .resource-items-list > li > a { display: table-cell; vertical-align: middle; }
.filter-panel__body .resource-items-list > li .resource-cart-name, .resources-cart__body .resource-items-list > li .resource-cart-name { padding-right: 3em; font-weight: bold; color: #0865a3; }
.filter-panel__body .resource-items-list > li > a, .resources-cart__body .resource-items-list > li > a { color: #1f8374; }
.filter-panel__body .resource-items-list > li > a .icon, .resources-cart__body .resource-items-list > li > a .icon { font-size: 1.61538461538462em; float: right; }

.filter-topics, .filter-topic { border-top: 1px solid #c04b26; }

.filter-topics, .filter-topic, .filter-region, .filter-countries, .filter-organisation, .filter-region-countries { position: relative; }

.filter-countries .chosen-container { width: 100%; }
.filter-countries .chosen-container .chosen-choices, .filter-countries .chosen-container .chosen-results li { padding-left: 20px; }

.filter-options-list { max-height: 10em; overflow: auto; padding-bottom: 60px; transition: max-height .5s linear; }
.ac--open .filter-options-list { max-height: 25em; }

.form .form-radios, .form .form-checkboxes { position: relative; display: inline-block; width: 55%;}
.form .form-radios div, .form .form-checkboxes div { position:relative; }
.form .form-radios div input[type=radio], .form .form-checkboxes div input[type=checkbox] { position:absolute; top:10px; }
.form .form-radios div label, .form .form-checkboxes div label { display:block; margin-left:20px; width:100%; }
.form .form-item.form-type-radio { border-bottom:0; }
.form .form-type-managed-file { margin-top: 30px; }
.form > div > div { margin-bottom:10px; }
@media screen and (min-width: 981px) { .form .select-wrap + .description, .form .image-widget + .description { margin-left: 42%; }
.form .image-widget { width: 52%; vertical-align: top; display: inline-block;}
}

.resources-cart__panel { position: absolute; top: 0; bottom: 0; right: -30%; width: 30%; display: none; background: #0865a3; padding-top: 1.6875em; }
.resources-cart__panel.display-block { display: block; }
@media screen and (max-width: 980px) { .resources-cart__panel { right: -50%; width: 50%; } }
@media screen and (max-width: 720px) { .resources-cart__panel { right: -90%; width: 90%; font-size: .75em; } }

.resource-button { display: block; width: 81.76%; font-size: 1.043125em; font-weight: 200; color: #fff; background: #1f8374; padding: 0.5991611743559em 1.49790293588975em; margin: 0 auto 0.77890952666267em auto; border-radius: 23px; }
.resource-button .icon { float: right; }
.resource-button:hover { color: #fff; }

.resources-search__basic-form-container { width: 74.8%; float: left; }
.resources-search__basic-form-container.resources-search__basic-form-container--no-filter { width: 90%; padding-left: .75em; }
.resources-search__basic-form-container .search-basic-container { text-align: right; padding-right: 1em; }
@media screen and (max-width: 720px) { .resources-search__basic-form-container .search-basic-container { padding-right: 0; } }
@media screen and (max-width: 980px) { .resources-search__basic-form-container { width: 69.8%; } }
@media screen and (max-width: 720px) { .resources-search__basic-form-container { width: 100%; } }

.resources-search__info { width: 40%; height: 5.07692307692308em; /* 66 / 13px */ float: left; display: table; color: #1c1c1c; font-size: 0.85em; font-weight: normal; line-height: 1.2em; padding: 0 1.6875em; }
.resources-search__info > span { display: table-cell; vertical-align: middle; }
.resources-search__info a { color: #1c1c1c; text-decoration: underline; }
@media screen and (max-width: 980px) { .resources-search__info { width: 45%; } }

.resources-search__basic-search { width: 60%; float: left; }
@media screen and (max-width: 980px) { .resources-search__basic-search { width: 55%; padding: .95em 0; } }
@media screen and (max-width: 720px) { .resources-search__basic-search { width: 100%; float: right; padding: 0 1em; } }

.search-basic { width: 62%; margin: 1.0625em 0.9375em 1.0625em 0; padding: 0 0.6875em; height: 1.6875em; border: 1px solid #ccc; box-shadow: 1px 1px 1px 0px #dae4e2; }
@media screen and (max-width: 980px) { .search-basic { width: 100%; margin-bottom: .25em; margin-top: 0; } }
@media screen and (max-width: 720px) { .search-basic { font-size: 0.7375em; font-weight: 200; margin: 0.73333333333333em 0.9375em 0.73333333333333em 0; padding-top: 1em; padding-bottom: 1em; } }

.filter-search-button { font-size: 0.91875em; border: 0; background: #b33e19; color: #fff; padding: 0.2em 0.8163em 0.1em 1.8367em; margin: 1.0625em 0; }
.filter-search-button .icon { padding-left: 1em; }

.resources-search-buttons,.resources-search-tabs.desktop { overflow: hidden; padding-left: 300px; position: absolute; z-index: 1; }
.resources-search-buttons .button--more { margin: 0; }
@media screen and (max-width: 900px) { .resources-search-buttons { padding: 0 0 20px 0; position: relative; } }

.page-learning-events-webinars .main-content { position: relative; }
.resources-search-tabs { width: 100%; }
@media screen and (min-width:901px) { .resources-search-tabs.mobile{ display: none; } }
@media screen and (max-width:900px) { .resources-search-tabs.desktop { display: none; } }
.resources-search-tabs-list { border-bottom: 3px solid #073451; margin: 0 15px 0 0; padding: 0; overflow: hidden; list-style: none; }
.resources-search-tabs-list-enclosure { background-color: #0865a3; cursor: pointer; display: block; float: left; margin-right: 7px; min-width: 270px; padding: 18px 0; text-align: center; }
.resources-search-tabs-list-enclosure:last-child { margin-right: 0 !important; }
.resources-search-tabs-list-enclosure.active { background-color: #073451; }
.mobile .resources-search-tabs-list { margin: 0; }
.mobile .resources-search-tabs-list-enclosure { width: 49%; margin-right: 2%; min-width: auto; }
.resources-search-tabs-list-enclosure__title { color: #fff; text-shadow: 1px 2px 2px #333;}

.resources-search-results { zoom: 1; background: #fff; margin-top: 0; padding-right: 0.9375em; clear: both; }
.resources-search-results:before, .resources-search-results:after { content: ""; display: table; }
.resources-search-results:after { clear: both; }
@media screen and (max-width: 720px) { .resources-search-results { padding-right: 0; } }

.grid-view { margin-bottom: 70px; position:relative; }
.resources-tools-column { position: absolute; width:280px; }
.resources-tools-header { background: #c35736; color: #fff; padding: 18px 15px;}
.resources-tools-header .icon-filter {  font-size: 1.78em; margin-right: 8px; }
.resources-tools-header .icon-plus, .resources-tools-header .icon-minus {  cursor: pointer; font-size: 1.4em; float: right; margin-top: 3px; }
.resources-tools-header__title { text-shadow: 1px 2px 2px #333; }
.page-learning-events-e-discussion .resources-tools-sort { padding-top: 65px; }
.page-learning-events-webinars .resources-tools-sort { padding-top: 75px; }
.resources-tools-sort, .resources-list { overflow: hidden; padding-left:300px; width:100%; }
.resources-tools-sort .form-type-select { display:inline-block; vertical-align: middle; }
.resources-tools-sort .select-wrap { float: right; width: auto !important; }
.resources-tools-sort .select-wrap select { padding-right: 2.8em !important; }
.resources-tools-sort-main { border-bottom: 1px solid #a8a8a8; border-top: 1px solid #a8a8a8; overflow: hidden; padding: 13px 0; text-align: right; }
.resources-tools-sort-main__title { display: inline-block; margin: 6px 10px 0 0; }
.resources-tools-main { background: #f6f6f6; padding: 0 15px; position: relative; z-index: 10; }
.resources-tools-main-item:first-child { padding:20px 0; }
.resources-tools-main-item { border-bottom: 1px solid #a8a8a8; padding:17px 0; overflow: hidden; }
.resources-tools-main-item:last-child { border: 0; }
.resources-tools-main .grid-search { border: solid 1px #747675; position: relative; }
.resources-tools-main .grid-search .search-grid { border:0; font-size: 0.9em; padding: 6px 40px 6px 10px;width: 100%;}
.resources-tools-main .grid-search .grid-search-button { background: #c35736; color: #fff; font-size: 0.8em; padding: 2px 7px 3px; position: absolute; top: 0; height: 100%; border: 0; border-left: solid 1px #747675; right: 0; }
.resources-tools-main input::-webkit-input-placeholder { color:#1b1b1b; }
.resources-tools-main input::-moz-placeholder { color:#1b1b1b; }
.resources-tools-main input:-ms-input-placeholder { color:#1b1b1b; }
.resources-tools-main input:-moz-placeholder { color:#1b1b1b; } 
.resource-tools-main-item-header .icon, .resources-tools-main-item-header__title { cursor: pointer; color: #0865a3; font-weight: bold; }
.resource-tools-main-item-header .icon { font-size: 0.8em; margin-right: 5px; }
.resources-tools-main-item-header__title { font-size: 0.9em; }
.resources-tools-main-item .views-widget { margin-top: 10px; height: auto; overflow: hidden; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;}
.resources-tools-main-item .views-widget.closed { max-height: 0px!important; opacity: 0; margin-top: 0; }
.resources-tools-main-item .form-checkboxes input[type="checkbox"] { margin-right: 5px; }
.resources-tools-main-item .form-checkboxes label { font-weight: normal; font-size: 0.85em; display: inline; }
.resources-tools-main-item input[type="submit"], .resources-tools-main-item input[type="button"] { float: right; border: 0; color: #0865a3; font-weight: bold; padding: 5px 15px; }
.resources-tools-main-item input[type="submit"] { background-color: #d1e5f2; background-image: url("/sites/default/themes/cswash/assets/images/forward-arrow.png"); background-size: 16px; background-repeat: no-repeat; padding-right: 30px; background-position: 76px 9px; margin: 0 !important; }
.resources-tools-main-item input[type="button"] { background-color: transparent; background-image: url("/sites/default/themes/cswash/assets/images/close.png"); background-size: 16px; background-repeat: no-repeat;padding-right: 39px; background-position: 69px 9px; margin-right: 10px; }
.resources-list-parent { margin: 0; padding: 0; list-style: none; overflow: hidden; display: flex; flex-wrap: wrap; }
.resource-item__content-block { margin-bottom: 15px; }
.resources-list-parent.inactive { display: none; }
.resources-list-parent-enclosure { float:left; margin-top: 20px; margin-right: 2%; display: flex; }
.resources-list-parent.smaller { margin-bottom: 60px; }
@media screen and (min-width: 900px) {
  .resources-tools-header .icon-plus, .resources-tools-header .icon-minus { display: none; }
  .page-learning-events-e-discussion .resources-tools-main, .page-learning-events-webinars .resources-tools-main { box-sizing: content-box;}
  .page-learning-events-e-discussion .resources-tools-main { border-bottom: 65px solid #f6f6f6; }
  .page-learning-events-webinars .resources-tools-main { border-bottom: 75px solid #f6f6f6; }
}
@media screen and (min-width: 1581px) { .resources-list-parent-enclosure { width: 23.5%; }
  .resources-list-parent-enclosure:nth-child(4n) { margin-right: 0; }
  .resources-list-parent.smaller .resources-list-parent-enclosure { width: 32%; }
  .resources-list-parent.smaller .resources-list-parent-enclosure:nth-child(3n) { margin-right: 0 !important; }
  .resources-list-parent.smaller .resources-list-parent-enclosure:nth-child(4n) { margin-right: 2%; }
}
@media screen and (max-width: 1580px) and (min-width: 1100px) { .resources-list-parent-enclosure { width: 32%; }
  .resources-list-parent-enclosure:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 1099px) and (min-width: 901px) { .resources-list-parent-enclosure { width: 49%; }
  .resources-list-parent-enclosure:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 900px) and (min-width: 721px){ .resources-list-parent-enclosure { width: 32%; }
  .resources-list-parent-enclosure:nth-child(3n) { margin-right: 0; }
  .resources-list-parent.smaller .resources-list-parent-enclosure { width: 49%; }
  .resources-list-parent.smaller .resources-list-parent-enclosure:nth-child(2n) { margin-right: 0 !important; }
  .resources-list-parent.smaller .resources-list-parent-enclosure:nth-child(3n) { margin-right: 2%; }
}
@media screen and (max-width: 720px) { .resources-tools-main-item input[type="submit"] { padding-right: 34px; background-position: 92px 13px; }
  .resources-tools-main-item input[type="button"] { padding-right: 41px; background-position: 80px 13px; }
}
@media screen and (max-width: 720px) and (min-width: 621px){
  .resources-list-parent-enclosure { width: 49%; }
  .resources-list-parent-enclosure:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 620px) {
  .resources-list-parent-enclosure { width: 100%; margin-right: 0; }
}
@media screen and (max-width: 900px) { .resources-list { padding-left: 0; }
  .resources-tools-column { position: inherit; width: 100%; margin-bottom: 10px; }
  .resources-tools-sort { padding: 0 !important; }
  .grid-view { margin-bottom: 30px; }
  .resources-tools-main.closed { max-height: 0px!important; opacity: 0; position: relative; z-index: -10;}
  .resources-tools-main { height: auto; }
}
.resources-list-parent-enclosure .resource-item { border:solid 1px #d1e5f2; border-bottom: 5px solid #d1e5f2; width: 100%; display: flex; flex-direction: column; }
.resources-list-parent-enclosure .resource-item-main { padding-left: 15px; padding-right: 15px; display: flex; flex-direction: column; flex-grow: 1;}
.resources-list-parent-enclosure .resource-item-footer { padding: 5px 15px; }
.resources-list-parent-enclosure .resource-item__title { background-color: #d1e5f2; font-size: 0.9em; padding: 15px; }
.resources-list-parent-enclosure .resource-item__content { font-size: 0.8em; flex-grow: 1; }

.promoted.resources-list-parent-enclosure { background-color: #eefcff; }
.promoted.resources-list-parent-enclosure .resource-item__title { background-color: #0865a3; color: #fff; }
.promoted.resources-list-parent-enclosure .resource-item__title:after { content:" - Promoted"; font-weight: 100;}
.promoted.resources-list-parent-enclosure .resource-item, .promoted .resource-item-footer { border-color: #0865a3; }

.resources-search__change-category { position: absolute; right: 5.76%; z-index: 6; font-size: .75em; line-height: .75em; font-weight: 200; text-align: center; padding: 1.1333em 0; color: #fff; }
.resources-search__change-category .icon { font-size: 2em; display: block; }
.resources-search__change-category:hover, .resources-search__change-category:focus { color: #fff; text-decoration: none; }

.newsletter-updates #newsletter-footer-form .newsletter-field { width: 100%; border: 0; }
.newsletter-updates #newsletter-footer-form #edit-submit-button { display: none; }

.resources-search__tabs-list { border-bottom: 3px solid #073451; overflow: hidden; position: relative; margin-bottom: 0.6875em; transition: height .4s ease-in-out; }
.resources-search__tabs-list > li { width: 25%; float: left; text-align: center; }
.resources-search__tabs-list > li a { display: block; width: 100%; font-size: 0.92125em; background: #0865a3; color: #fff; padding: 1.3908em 0; border-left: 0.4749em solid #fff; height: 4em; }
.resources-search__tabs-list > li a .icon { font-size: 1.8em; padding-right: 0.3em; }
.resources-search__tabs-list > li:first-child a { border-left: 0; }
.resources-search__tabs-list > li .resources-search__browse-label { font-size: 0.75em; margin-top: -2px; display: none; }
.resources-search__tabs-list > li.active-tab a { background: #073451; }
@media screen and (max-width: 720px) { .resources-search__tabs-list { margin: 0 -5.7690%; padding-top: 3.4em; height: 3.4em; overflow: hidden; }
  .resources-search__tabs-list > li { width: 100%; text-align: left; }
  .resources-search__tabs-list > li a { padding-left: 5.76%; padding: 0.85em 5.76%; font-size: 1em; font-weight: 200; line-height: .85em; height: 3.4em; border-left: 0; }
  .resources-search__tabs-list > li a .icon { float: left; font-size: 1.5em; }
  .resources-search__tabs-list > li.active-tab { position: absolute; top: 0; z-index: 5; }
  .resources-search__tabs-list > li.active-tab a { background: #073451; border-left: 0; }
  .resources-search__tabs-list > li.active-tab a .resources-search__browse-label { display: block; }
  .resources-search__tabs-list.resources-search--open { height: 13.6em; } }

.resources-results-table { font-size: 0.9em; width: 100%; margin-bottom: 2.3846em; background: #fff; }
.resources-results-table.non-fullwidth { width: auto !important; }
.resources-results-table tbody { border: 0; }
@media screen and (max-width: 980px) { .resources-results-table { font-size: 0.75em; } }

.resources-results-table__header { border-top: 1px solid #a8a8a8; }
.resources-results-table__header td { font-size: 1.0385em; padding: 1.2222em 0; text-align: center; }
.resources-results-table__header td:first-child { text-align: left; padding-left: .5em; }
.resources-results-table__header .col-short { width: 5%; }
.resources-results-table__header .col-medium { width: 11%; }
.resources-results-table__header .col-medi-long { width: 17%; }
.resources-results-table__header .col-long { width: 27%; }
.resources-results-table__header .col-extralong { width: 36.5%; }
.resources-results-table__header .col-title { width: 36.9892%; }
.resources-results-table__header .col-locations { width: 7.2917%; }
.resources-results-table__header .col-resource-info { width: 17.2743%; }
.resources-results-table__header .col-size { width: 11.6319%; }
.resources-results-table__header .col-rating { width: 11.3715%; }
.resources-results-table__header .col-download { width: 15.45135%; }
.resources-results-table__header .col-thread { width: 35%; }

.sticky { background-color: #d1e5f2; }

.sortable-heading { display: inline-block; }

.sort-by-toggle { display: inline-block; padding-left: .5em; vertical-align: middle; }
.sort-by-toggle a { color: #1c1c1c; }
.sort-by-toggle a:hover, .sort-by-toggle a:focus { text-decoration: none; }
.sort-by-toggle .icon { font-size: .8em; display: block; text-align: center; }

.sort--ascending .icon-up-arrow { font-weight: bold; }

.sort--descending .icon-down-arrow { font-weight: bold; }

.star-rating--five-stars span { opacity: 1; }

.star-rating--four-stars > span + span + span + span + span { opacity: .5; }

.star-rating--three-stars > span + span + span + span { opacity: .5; }

.star-rating--two-stars > span + span + span { opacity: .5; }

.star-rating--one-stars > span + span { opacity: .5; }

.star-rating--zero-stars > span { opacity: .5; }

/* Thanks Lea! http://lea.verou.me/2011/08/accessible-star-rating-widget-with-pure-css/ */
.rating { float: left; }
.rating legend { margin-bottom: 0; font-size: 1em; }

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t follow these rules. Every browser that supports :checked also supports :not(), so it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0, 0, 0, 0); }

.rating:not(:checked) > label { float: right; width: 1.1em; padding: 0 .1em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 150%; line-height: 1.2; color: #898989; }

.rating:not(:checked) > label:before { content: ""; }

.rating > input:checked ~ label { color: #f70; }

.rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label { color: gold; }

.rating > input:checked + label:hover, .rating > input:checked + label:hover ~ label, .rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover ~ label, .rating > label:hover ~ input:checked ~ label { color: #ea0; }

.rating > label:active { position: relative; top: 2px; left: 2px; }

.resources-results-table__sub-header { border-top: 1px solid #a8a8a8; background: #f6f6f6; }
.resources-results-table__sub-header td { font-size: 1.0385em; padding: 0.3704em 0.4444em; text-align: center; }
.resources-results-table__sub-header .table-sub { border-right: 1px solid #a8a8a8; border-left: 1px solid #a8a8a8; border-collapse: collapse; }
.resources-results-table__sub-header .table-sub:last-child { border-right: 0; }

.resources-results-table__row.resources-results-table__row--all-left td { text-align: left; width: 33%; }
.resources-results-table__row td { text-align: center; line-height: 1.3846em; padding: .6em 1em; }
.resources-results-table__row td:first-child { text-align: left; }
.resources-results-table__row td .icon { font-size: 2em; color: #575757; }
.resources-results-table__row td .icon-rating-star { font-size: 1.07692307692308em; }
@media screen and (max-width: 720px) { .resources-results-table__row td .icon-rating-star { font-size: 1.6667em; } }
.resources-results-table__row .reference__heading a { font-weight: bold; color: #0865a3; display: block; }
@media screen and (max-width: 720px) { .resources-results-table__row .reference__heading a { width: 62.83%; float: right; } }
.resources-results-table__row .reference__data { width: 100%; display: inline-block; }
.resources-results-table__row .reference__sub-heading { color: #747474; }
.resources-results-table__row:nth-child(even) { background: #f9f9f9; }
.resources-results-table--has-hidden-row .resources-results-table__row:nth-child(4n-1) { background: #f9f9f9; }
.resources-results-table__row .resource__share span, .resources-results-table__row .resource__add-to-cart span { padding: .15em .15em .25em .15em; background: transparent; transition: background .2s linear; }
.resources-results-table__row .resource__download { background-color: #0865a3; color: #fff; display: block; padding: 10px; max-width: 250px; margin: auto;}
.resources-results-table__row .resource__download:hover { background-color: #073451; }
.resources-results-table__row .resource__download .resource__download__title--active { display: none; }
.resources-results-table__row .resource__download.mark-as-active { background-color: #073451; }
.resources-results-table__row .resource__download.mark-as-active .resource__download__title { display: none; }
.resources-results-table__row .resource__download.mark-as-active .resource__download__title--active { display: inline !important; }
@media screen and (max-width: 980px) { .resources-results-table__row .resource__download { display: inline; font-size: 0.85px; } }
.resources-results-table__row .resource__download.mark-as-active > span { background: transparent !important; }.resources-results-table__row .mark-as-active > span { background: #f3e0da; }
@media screen and (max-width: 720px) { .resources-results-table__row { border-bottom: 1px solid #848484; }
  .resources-results-table__row td { zoom: 1; display: block; float: left; width: 100%; text-align: left; }
  .resources-results-table__row td:before, .resources-results-table__row td:after { content: ""; display: table; }
  .resources-results-table__row td:after { clear: both; }
  .resources-results-table__row td.mobile-inline--three { float: left; width: 20.9433%; }
  .resources-results-table__row td.mobile-inline--two { float: left; width: 35%; }
  .resources-results-table__row td.mobile-inline--has-heading { margin-left: 33.4%; position: relative; }
  .resources-results-table__row td.mobile-inline--has-heading .resources-table__vertical-heading { margin-left: -160%; position: absolute; }
  .resources-results-table__row td .reference__data { width: 62.83%; } }

@media screen and (max-width: 980px) { .tablet-row { border-bottom: 1px solid #848484; }
  .tablet-row td { zoom: 1; display: block; float: left; width: 100%; text-align: left; }
  .tablet-row td:before, .tablet-row td:after { content: ""; display: table; }
  .tablet-row td:after { clear: both; }
  .tablet-row td.mobile-inline--three { float: left; width: 20.9433%; }
  .tablet-row td.mobile-inline--two { float: left; width: 35%; }
  .tablet-row td.mobile-inline--has-heading { margin-left: 33.4%; position: relative; }
  .tablet-row td.mobile-inline--has-heading .resources-table__vertical-heading { margin-left: -160%; position: absolute; }
  .tablet-row td .reference__heading a { width: 62.83%; float: right; }
  .tablet-row td .reference__data { width: 62.83%; } }

.resources-results-table__sub-row td { padding-left: .5em; padding-bottom: 2em; }

.resources-table__vertical-heading { float: left; width: 37.17%; font-size: 1em; line-height: 1em; padding-top: 0.4em; font-weight: bold; }
.mobile-inline--three .resources-table__vertical-heading { width: 130%; }

.resources-search__pagination { font-size: 0.8125em; font-weight: bold; padding: 0.9615em 0; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; color: #0865a3; overflow: hidden; }
.resources-search__pagination a { color: #0865a3; }
.resources-search__pagination .pagination { margin: 0 auto; overflow: hidden; text-align: center; }
.resources-search__pagination .pagination > li { display: inline-block; vertical-align: top; }
@media screen and (max-width: 720px) { .resources-search__pagination { font-size: 0.603em; } }

.pagination__pages__list { overflow: hidden; }
.pagination__pages__list > li { display: inline-block; font-size: 0.9231em; }
.pagination__pages__list > li > a { padding: 0.2308em 0.4615em; margin: 0 0.2051em; }
.pagination__pages__list > li.pagination__active > a { background: #073451; color: #fff; font-weight: normal; }

.pagination__previous, .pagination__next { padding: 0 5.4545%; }

@media screen and (max-width: 720px) { .pagination__previous { float: left; padding-left: 0; }
  .pagination__next { float: right; padding-right: 0; } }
.have-an-idea { height: 8.9375em; margin-bottom: 1.5em; margin-top: 1em; }
.have-an-idea a { background: #0865a3; color: #fff; display: block; width: 100%; height: 100%; font-size: 1.5em; text-align: center; padding: .5em 0.2em 0.75em; }
.have-an-idea .icon-idea, .have-an-idea .icon-doc { font-size: 2.7826em; display: block; }
@media screen and (max-width: 720px) { .have-an-idea { height: auto; }
  .have-an-idea a { font-size: .75em; line-height: 1.2em; }
  .have-an-idea .icon-idea { font-size: 1.93333333333333em; } }

.suggest-discussion { height: 10.738em; margin-bottom: 1.5em; }
.suggest-discussion a { background: #0865a3; color: #fff; display: block; width: 100%; height: 100%; font-size: 1.5em; text-align: center; padding: .5em 0 .75em 0; }
.suggest-discussion a .block { display: block; }
.suggest-discussion .icon-idea, .suggest-discussion .icon-doc { font-size: 2.7826em; display: block; }
@media screen and (max-width: 720px) { .suggest-discussion { height: auto; }
  .suggest-discussion a { font-size: .75em; line-height: 1.2em; }
  .suggest-discussion .icon-idea { font-size: 1.93333333333333em; } }

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

	Resource Details View

*******************************************/
.user-comments { zoom: 1; width: 100%; float: left; }
.user-comments:before, .user-comments:after { content: ""; display: table; }
.user-comments:after { clear: both; }
.user-comments__reply-name { zoom: 1; border-bottom: 1px solid #EEE; padding: 3px 0; }
.user-comments__reply-name:before, .user-comments__reply-name:after { content: ""; display: table; }
.user-comments__reply-name:after { clear: both; }
.user-comments__reply-name .submitted { font-weight: normal; width: 40%; float: left; vertical-align: top; padding: 0.375em 0 0.375em 0.625em; margin-bottom: 0; }
.user-comments__reply-name .picture { float: left; width: 50%; padding-left: 3px; }
.user-comments__reply-name .picture img { width: 36px; height: auto; }
.user-comments__user-role { padding-left: .5em; }

.comments { zoom: 1; }
.comments:before, .comments:after { content: ""; display: table; }
.comments:after { clear: both; }
.comments .title { margin: 0; }
.comments .links.inline { margin: 0; }
.comments .comment { margin-top: .5em; padding-top: .5em; }
.comments .comment:nth-child(4n-1) { background: #f9f9f9; }
.comments .comment .field-item p { margin: 0.5em 0; }
.comments .comment .picture { width: 15%; text-align: center; }
.comments .comment .submitted { margin-left: 15%; }
.comments .comment .content { margin-left: 15%; }
.comments .form { zoom: 1; background: #f9f9f9; padding: 0.5em 1em 0 1em; margin-top: 2em; }
.comments .form:before, .comments .form:after { content: ""; display: table; }
.comments .form:after { clear: both; }
.comments .form .check-radio-group { width: 100%; }
.comments .form .button-wrap { padding-right: 0; }
.comments .form .user-comments__reply-name { margin: 3px 1em; }
.comments .form .webform-client-form { padding: 3px 1em; }
@media screen and (max-width: 720px) { .comments { font-size: .9em; }
  .comments .button--full-size.button--more { min-width: 5.4em; margin: 0; padding: 0.54167em 0.5em; }
  .comments .form label { padding-left: 0; } }

.back-button { zoom: 1; margin-left: -2em; margin-top: 1em; width: 9em; }
.back-button:before, .back-button:after { content: ""; display: table; }
.back-button:after { clear: both; }
@media screen and (max-width: 980px) { .back-button { margin-left: -1em; } }
@media screen and (max-width: 720px) { .back-button { margin-left: -5.1%; font-size: 0.5882em; } }
.back-button .back-button__link { background: #073451; margin-bottom: 0; }

.extra-info { font-size: 0.75em; }

.resource-summary { zoom: 1; max-width: 1000px; margin: 0 auto; }
.resource-summary:before, .resource-summary:after { content: ""; display: table; }
.resource-summary:after { clear: both; }
.resource-summary .resource-summary__text { width: 100%; }
@media screen and (max-width: 720px) { .resource-summary .resource-summary__text .grantee-logo, .resource-summary .resource-summary__text .grantee-logo-hq { width: 100%; } }
.resource-summary .resource-summary__text .leaflet-container img { min-width: inherit; }
.resource-summary .resource-summary__text img { float: left; margin: 0 1em 0 0; }
.resource-summary .resource-summary__text img.file-icon { min-width: inherit; float: none; margin: 0; }
@media screen and (max-width: 720px) { .resource-summary .resource-summary__text img { width: 100%; height: 100%; padding: 0 0 1em 0; } }
.resource-summary .resource-summary__text ol { overflow: hidden; }
.resource-summary .resource-summary__text ul { list-style-position: inside; }
.resource-summary .resource-summary__text .resource-other__heading.section-change { overflow: hidden; margin-top: 0; }
.resource-summary .resource-summary__text table { width: 100%; }
.resource-summary .resource-summary__text table tbody tr:nth-child(even) { background: #f9f9f9; }
.resource-summary .resource-summary__text table tbody tr:first-child { border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; }
.resource-summary .resource-summary__text table tbody tr td:first-child { text-align: left; padding-left: .5em; }
.resource-summary .resource-summary__text table tbody tr td { line-height: 1.3846em; padding: .6em .2em; text-align: center; }
.resource-summary .resource-summary__heading { margin-top: 0; }

.resource-summary-details, .resource-other-details { float: right; width: 100%; max-width: 1000px; margin: 0 auto; }
.listing-info-display--has-sb-left .resource-summary-details, .listing-info-display--has-sb-left .resource-other-details { float: none; }

.resource-other--has-sub { margin-left: 1em; }

.section-change { background: #0865a3; color: #fff; font-weight: 200; padding: .15em .5em; }
@media screen and (max-width: 720px) { .section-change { font-size: 1em; } }
.section-change .small-text { font-size: .6em; }

/* This is used on detail driven pages. See .listing-info-display for other pages */
.detail-info-display { width: 100%; float: left; margin-bottom: 2em; padding: 0 1em; }
@media screen and (max-width: 720px) { .detail-info-display { width: 100%; padding: 0; } }
.detail-info-display--has-sb-left, .detail-info-display--has-sb-right { width: 75%; float: left; }
@media screen and (max-width: 980px) { .detail-info-display--has-sb-left, .detail-info-display--has-sb-right { width: 100%; } }
.detail-info-display.detail-info-display--has-sb-left.detail-info-display--has-sb-right { width: 50%; float: left; }
@media screen and (max-width: 980px) { .detail-info-display.detail-info-display--has-sb-left.detail-info-display--has-sb-right { width: 75%; } }
@media screen and (max-width: 720px) { .detail-info-display.detail-info-display--has-sb-left.detail-info-display--has-sb-right { width: 100%; } }
.detail-info-display__side-bar-left { width: 25%; float: left; }
@media screen and (max-width: 980px) { .detail-info-display__side-bar-left { width: 98%; } }
@media screen and (max-width: 720px) { .detail-info-display__side-bar-left { width: 100%; } }
.detail-info-display__side-bar-right { width: 25%; float: right; padding: 0 1em; }
@media screen and (max-width: 980px) { .detail-info-display__side-bar-right { width: 100%; } }

/* This is used on listing pages */
.listing-info-display { width: 100%; float: left; margin-bottom: 2em; }
.listing-info-display.listing-info-display--with-news-carousel { max-width: 1200px; margin: 0 auto; float: none; }
.listing-info-display.listing-info-display--with-news-carousel.listing-info-display--has-sb-left { float: left; }
@media screen and (max-width: 720px) { .listing-info-display { width: 100%; } }
.listing-info-display--has-sb-left, .listing-info-display--has-sb-right { width: 75%; float: left; padding-right: 1em; }
@media screen and (max-width: 980px) { .listing-info-display--has-sb-left, .listing-info-display--has-sb-right { width: 100%; padding-right: 0; } }
.listing-info-display.listing-info-display--has-sb-left.listing-info-display--has-sb-right { width: 50%; float: left; }
@media screen and (max-width: 980px) { .listing-info-display.listing-info-display--has-sb-left.listing-info-display--has-sb-right { width: 75%; } }
@media screen and (max-width: 720px) { .listing-info-display.listing-info-display--has-sb-left.listing-info-display--has-sb-right { width: 100%; } }
.listing-info-display__side-bar-left { width: 25%; float: left; }
@media screen and (max-width: 980px) { .listing-info-display__side-bar-left { width: 98%; } }
@media screen and (max-width: 720px) { .listing-info-display__side-bar-left { width: 100%; } }
.listing-info-display__side-bar-right { width: 25%; float: left; padding: 0 1em; }
@media screen and (max-width: 980px) { .listing-info-display__side-bar-right { width: 100%; } }

.side-bar-container { zoom: 1; background: #eefbff; padding: 1em 0.95em; margin-bottom: 1em; }
.side-bar-container:before, .side-bar-container:after { content: ""; display: table; }
.side-bar-container:after { clear: both; }
.side-bar-container .side-bar-heading { font-size: 0.875em; margin: 0; padding-top: 0.42857142857143em; padding-bottom: 1em; text-transform: uppercase; }

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

	Grantee Dashboard

*******************************************/
.dashboard__row { zoom: 1; width: 97%; margin-bottom: 3em; /* Added more space to separate the rows to be understood more easily */ }
.dashboard__row:before, .dashboard__row:after { content: ""; display: table; }
.dashboard__row:after { clear: both; }
@media screen and (max-width: 720px) { .dashboard__row { margin-bottom: 0; } }
.dashboard__row:last-child { margin-bottom: 3.5625em; }
.dashboard__row .thirds, .dashboard__row .two-thirds, .dashboard__row .quarters, .dashboard__row .half { padding: 0 1.3125em; border-left: 1px solid #bbc1c2; }
.dashboard__row .promo-area { border: 0; }
.dashboard__row .button--more { float: right; }

@media screen and (max-width: 980px) { .dashboard__column.quarters, .dashboard__column.three-quarters { width: 100%; } }

@media screen and (max-width: 980px) { .grantee-news.thirds, .grantee-discussion.thirds { width: 33.333333%; } }
@media screen and (max-width: 720px) { .grantee-news.thirds, .grantee-discussion.thirds { width: 100%; } }
@media screen and (max-width: 980px) { .grantee-news.two-thirds, .grantee-discussion.two-thirds { width: 66.666666%; } }
@media screen and (max-width: 720px) { .grantee-news.two-thirds, .grantee-discussion.two-thirds { width: 100%; } }

@media screen and (max-width: 980px) { .grantee-events.thirds, .grantee-webinar.thirds, .grantee-documents.thirds { width: 33.333333%; } }
@media screen and (max-width: 720px) { .grantee-events.thirds, .grantee-webinar.thirds, .grantee-documents.thirds { width: 100%; } }

.grantee-dashboard { margin-top: 3.75em; }

.column-section { zoom: 1; }
.column-section:before, .column-section:after { content: ""; display: table; }
.column-section:after { clear: both; }
@media screen and (max-width: 720px) { .column-section { margin-bottom: 2.5em; } }
.column-section li { padding-left: 2em; }
.column-section .column-section--no-heading-icons li { padding-left: 0; }

.column-section__date { display: inline-block; width: 3em; text-align: center; }

.column-section__heading { font-size: .875em; font-weight: bold; line-height: 1em; margin-bottom: 0.85714285714286em; }
.column-section__heading:first-child { margin-top: -5px; }
.column-section__heading .button--more { margin-top: -0.54166666666667em; margin-left: .5em; }
@media screen and (max-width: 720px) { .column-section__heading { margin-bottom: 0.5em; } }

.column-section__list-heading { font-size: .75em; line-height: 1.1875em; font-weight: bold; color: #0865a3; margin-top: 0; margin-bottom: 0.5em; }
.column-section__list-heading .column-section__date { color: #1c1c1c; margin-left: -3.5em; float: left; }
.column-section__list-heading .icon { margin-left: -1.26666666666667em; float: left; }

.grantee-page--menu { margin-top: -2.5em; }

.grantee-page--menu.quarters { border-left: 0; }

.menu-no-margin { margin-top: 0; }

.grantee-dropdown-menu { display: none; margin-top: 0.5em; }
@media screen and (max-width: 980px) { .grantee-dropdown-menu { display: block !important; } }

.wrapper-dropdown { position: relative; width: 100%; padding: 10px; background: #0865a3; color: #fff; outline: none; cursor: pointer; font-weight: bold; font-size: 0.8em; }
.wrapper-dropdown:after { font-family: "icomoon"; content: "\e608"; width: 0; height: 0; position: absolute; right: 30px; top: 42%; margin-top: -6px; }
.wrapper-dropdown .dropdown { position: absolute; top: 60%; left: 0; right: 0; background: #FFF; list-style: none; font-weight: normal; opacity: 0; padding-left: 0; z-index: 100; pointer-events: none; }
.wrapper-dropdown .dropdown li a, .wrapper-dropdown .dropdown li b { display: block; text-decoration: none; color: #666; padding: 10px 20px; border-left: 5px solid #d1e5f2; }
.wrapper-dropdown .dropdown li.child a { padding-left: 40px; }
.wrapper-dropdown .dropdown li:hover a, .wrapper-dropdown .dropdown li .active { background: #f3f8f8; border-left: 5px solid #0865a3; }
.wrapper-dropdown.active .dropdown { opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-dropdown .dropdown, .no-pointerevents .wrapper-dropdown .dropdown { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-dropdown.active .dropdown, .no-pointerevents .wrapper-dropdown.active .dropdown { display: block; }

.grantee-menu { border-left: 4px solid #073451; padding: 0 1.3125em 0 2.5em; float: left; width: 100%; max-width: 22em; margin-top: 1em; }
@media screen and (max-width: 980px) { .grantee-menu { display: none !important; } }
.grantee-menu .menu--active { color: #073451; }
.grantee-menu .grantee-menu__heading { margin: 0; font-size: 1em; padding: 0.3125em 0; border-bottom: 1px solid #e8edee; }
.grantee-menu .grantee-menu__list > li { padding: 0.3125em 2em 0.3125em 0; border-bottom: 1px solid #e8edee; list-style-type: none; position: relative; list-style-image: none; }
.grantee-menu .grantee-menu__list > li .icon { position: absolute; right: 1em; top: .5em; font-size: 0.625em; padding: 0.75em 0; }
.grantee-menu .grantee-menu__list > li:last-child { margin-bottom: 1.5em; }

.grantee-discussion .column-section__list-heading { margin-bottom: -.5em; }
.grantee-discussion .column-section__list-heading .icon { color: #1f8374; }
.grantee-discussion .grantee-discussion__jump-to > li { padding: 0; list-style-type: none; list-style-image: none; }
.grantee-discussion .grantee-discussion__jump-to > li > a { text-decoration: none; }
.grantee-discussion .grantee-discussion__jump-to > li > a:hover { text-decoration: none; }
.grantee-discussion .grantee-discussion__jump-to > li.expanded .icon-down-arrow:before { content: "" !important; }
.grantee-discussion .grantee-discussion__jump-to > li .grantee-discussion__jump-to-list > li { list-style-type: none; list-style-image: none; padding: 0em; }
.grantee-discussion .grantee-discussion__jump-to > li .grantee-discussion__jump-to-list > li > a { width: 95.8%; display: inline-block; border-left: 5px solid #56ac9f; color: #666; font-size: 0.904375em; font-weight: 200; padding: .5em .71428571428571em; }
.grantee-discussion .grantee-discussion__jump-to > li .grantee-discussion__jump-to-list > li:hover > a { border-left: 5px solid #1f8374; background: #effffb; }
.grantee-discussion .grantee-discussion__jump-to > li > a { width: 95%; display: inline-block; background: #1f8374; color: #fff; font-size: 0.904375em; font-weight: 200; padding: .5em .71428571428571em; }
.grantee-discussion .grantee-discussion__jump-to > li > a .icon { float: right; font-size: 1.2em; padding: 0.10382352941176em 0; }
.grantee-discussion .grantee-discussion__list { width: 95%; }
.grantee-discussion .grantee-discussion__list > li { margin-bottom: 0.625em; }
.grantee-discussion .grantee-discussion__list > li:last-child { margin-bottom: 0; }

.grantee-documents .button--more { float: right; margin-right: 1.75em; }
.grantee-documents .column-section__list-heading .icon { color: #1c1c1c; }

.grantee-events .column-section__heading, .grantee-webinar .column-section__heading, .grantee-documents .column-section__heading { min-height: 2.42857142857143em; }
.grantee-events .column-section__list-heading, .grantee-webinar .column-section__list-heading, .grantee-documents .column-section__list-heading { margin-bottom: 2.6875em; }
.grantee-events li:last-child .column-section__list-heading, .grantee-webinar li:last-child .column-section__list-heading, .grantee-documents li:last-child .column-section__list-heading { margin-bottom: 1em; }

.column-section__list-blurb { font-size: .75em; line-height: 1.16667em; color: #1c1c1c; margin-top: 0; margin-bottom: 1.1875em; }

.column-section__discussion-category { font-size: .75em; color: #1c1c1c; }

.grantee-news .column-section__heading { color: #640007; }

.grantee-discussion .column-section__heading { color: #1f8374; }
.grantee-discussion li .icon { font-size: 2.5em; }

.grantee-events .column-section__heading { color: #d17619; }

.grantee-webinar .column-section__heading { color: #08a393; }

.grantee-documents .column-section__heading { color: #d11978; }
.grantee-documents li .icon { font-size: 2.5em; }

blockquote { line-height: 1em; background: #eefbff; border-radius: 20px; padding: 2em 1em; text-align: center; }
blockquote.links-in-summary { margin-top: 0; margin-right: 1em; overflow: hidden; text-align: left; }
blockquote.links-in-summary > ul { margin: 0; }
@media screen and (max-width: 460px) { blockquote.links-in-summary { margin: 0 0 1em 0; font-size: 0.8em; padding: 2em 0.5em; } }

.promo-area ul > li { text-align: left; margin-bottom: .75em; font-size: .8em; }
.promo-area blockquote { margin: 0; }
.promo-area.grantee-intro blockquote { padding: 1em !important; }
@media screen and (max-width: 720px) { .promo-area.grantee-intro { margin-bottom: 2.5em; } }

/*******************************************
 Project staff chart

*******************************************/
.org-button { text-decoration: none !important; }
.org-button span { margin-left: 0.6em; }

.grantee-main { position: relative; }
.grantee-main .grantee-top h3 { margin-top: 0; }

.grantee-dash-content { margin-top: -1.5em; }

.box-list { list-style: none; float: left; margin: 0 0.7em 1.5em; width: 46%; min-width: 150px; background-color: #eeeff0; }
.box-list img { float: left; width: 120px; margin-left: -120px; position: relative; left: 120px; }
.box-list .details { float: left; width: 100%; padding: 0.5em 0.5em 0 125px; }
.box-list .details ul { zoom: 1; width: 100%; }
.box-list .details ul:before, .box-list .details ul:after { content: ""; display: table; }
.box-list .details ul:after { clear: both; }
.box-list .details li { word-wrap: break-word; font-size: 0.9em; color: #333; line-height: 1.2em; padding-bottom: .5em; }
.box-list .details li.details__email { -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.box-list .details li:hover { color: #333; }

.edit-chart .form { max-width: 850px; }
.edit-chart .form label { padding: 0; }
.edit-chart .form .box-list { width: 100%; }
.edit-chart .form .box-list .details { padding: 1.0em; }
.edit-chart .form .box-list .details li .details-left { display: inline-block; padding-left: 0; }
.edit-chart .form .box-list .details li .select-wrap select { padding: .4525em 29% .4525em .8em; }

.project-name { margin: 0.35em 0 1em 0; }

@media screen and (max-width: 980px) { .box-list { width: 98%; } }
@media screen and (max-width: 720px) { .grantee-main { margin-top: 1.5em; } }
@media screen and (min-width: 461px) { .edit-chart .form label { width: 30%; }
  .edit-chart .form select[multiple], .edit-chart .form .chosen-container, .edit-chart .form .select-wrap { width: 69%; }
  .edit-chart .form li .details-left { width: 31%; } }
@media screen and (max-width: 460px) { .edit-chart form .box-list { margin: 0 0 1.5em; }
  .edit-chart form .box-list .details label { width: 100%; }
  .edit-chart form .box-list .details select[multiple], .edit-chart form .box-list .details .chosen-container, .edit-chart form .box-list .details .select-wrap { width: 100%; }
  .edit-chart form .box-list .details li .details-left { width: 100%; }
  .grantee-main .grantee-top .project-name { margin-top: 2.5em; }
  .box-list { width: 80%; margin: 0 10% 1.5em; }
  .box-list img { max-height: 200px; } }
.show-toggle { float: right; font-size: .75em; padding-top: .2em; }
.show-toggle .icon:before { color: #fff; }
.show-toggle.open .icon:before { content: ""; }

/*******************************************
 WASH Dashboard

*******************************************/
.wash-dashboard { margin-top: .75em; }
.wash-dashboard .simple-table { margin-bottom: 3.8em; }
.wash-dashboard .simple-table h4 { font-size: 1.2em; }
.wash-dashboard .simple-table table { width: 100%; padding-right: 1em; }
.wash-dashboard .simple-table table td { padding: 5px 15px; border-bottom: 1px solid #CCC; }
@media screen and (min-width: 461px) { .wash-dashboard .simple-table table td:last-child { width: 43%; } }
.wash-dashboard .simple-table table th { padding: 5px 10px; font-weight: normal; background-color: #666; color: #FFF; border-bottom: none; }

/*******************************************
 Gallery

*******************************************/
.long-select { width: 90%; }

.gallery-dashboard { position: relative; }
.gallery-dashboard .dashboard__main { width: 100%; }
.gallery-dashboard .dashboard__main .filter-options { float: none; margin-left: -2em; }
@media screen and (max-width: 980px) { .gallery-dashboard .dashboard__main .filter-options { margin-left: -1em; } }
@media screen and (max-width: 720px) { .gallery-dashboard .dashboard__main .filter-options { margin-left: -4.71%; } }
.gallery-dashboard .dashboard__main .resources-search__basic-search { float: none; }
.gallery-dashboard .dashboard__main .gallery { zoom: 1; }
.gallery-dashboard .dashboard__main .gallery:before, .gallery-dashboard .dashboard__main .gallery:after { content: ""; display: table; }
.gallery-dashboard .dashboard__main .gallery:after { clear: both; }
.gallery-dashboard .dashboard__main .gallery-item { float: left; margin: 10px 20px; width: 220px; text-align: center; }
.gallery-dashboard .dashboard__main .gallery-item .thumbnail { height: 150px; }
.gallery-dashboard .dashboard__main .gallery-item p { margin: 5px 0 10px; }

/*******************************************
 Form

*******************************************/
.wash-edit-project { max-width: 700px; }

.no-cssgradients .form .select-wrap { width: inherit; }
.no-cssgradients .form .select-wrap select { height: 2.2em; padding: 0 0 0 0.8em; }
.no-cssgradients .form .select-wrap:after { z-index: -1; }

.form { width: 100%; text-align: left; }
.form .error-message { color: #f00000; background-color: #fbf5f5; border: 1px solid #f00000; padding: 0.5em 1.0em; width: 100%; margin: 0.5em 0; }
.form .description { margin: 0.5em 1.5em; font-size: 0.85em; }
.form .asterisk { vertical-align: top; font-size: 1.75em; line-height: 1em; color: #f00000; }
.form .form-title { border-bottom: solid 1px #CCC; display: inline-block; width: 100%; }
.form .form-title .title-span { font-size: 1.3em; }
.form .form-title .required-sign { float: right; font-size: 0.9em; font-weight: bold; margin-top: 10px; }
.form .form-type-password { width: 100%; position: relative; }
.form .form-type-password .password-strength, .form .form-type-password div.password-confirm { margin-top: 0em; }
.form .form-type-textarea .form-textarea-wrapper { display: inline; }
.form .form-type-textarea .form-textarea-wrapper textarea { display: inline; }
.form .form-item { border-bottom: 1px solid #EEE; padding: 3px 0; margin: 0; }
.form .form-item.form-item--standalone { border-bottom: 0; }
.form .form-item .asterisk { display: none; }
.form .form-item .to { margin: 0 0.3%; }
.form .form-item h2 { font-size: 1.2em; font-weight: 500; margin: 1rem 0 0.5rem 0; text-align: center; }
.form .form-item fieldset { width: 100%; display: inline; }
.form .form-item fieldset .date { display: inline-block; width: 25.25%; position: relative; }
.form .form-item fieldset .date .form-control { width: 100%; padding-left: 10px; }
.form .form-item fieldset .date .input-group-addon { position: absolute; right: 0px; top: 0px; padding: 0.32em; font-weight: normal; line-height: 1; color: #FFF; text-align: center; background-color: #0865a3; }
.form .form-required label { color: #333; }
.form .form-required .asterisk { display: inline; }
.form .invalid label { color: #f00000; }
.form .invalid input[type='text'], .form .invalid [type='url'], .form .invalid textarea, .form .invalid .button { border: 1px solid red; }
.form label, .form legend { font-weight: normal; width: 40%; vertical-align: top; padding: 0.375em 0 0.375em 0.625em; margin-bottom: 0; }
.form legend { font-size: 1em; display: inline-block; width: 40.5%; float: left; }
.form input[type='text'], .form [type='url'], .form [type='password'] { height: 2.1875em; }
.form input[type='text'], .form [type='url'], .form [type='password'], .form textarea, .form select[multiple] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #999; color: #333; padding: 0 .5em; }
.form input[type='text'], .form [type='url'], .form textarea, .form select[multiple] { width: 55%; }
.form input[type="submit"] { margin: 1em 1em 0 0; }
.form.form--stacked label, .form.form--stacked legend { width: 90%; }
.form.form--stacked input[type='text'] { width: 90%; }
.form .select-wrap { position: relative; display: inline-block; width: 55%; border: 1px solid #888; }
.form .select-wrap select { width: 100%; min-width: 100%; max-width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: window; text-indent: 0.01px; background: none; border: none; color: #444; outline: none; padding: .3425em 29% .3425em .8em; }
.form .select-wrap select:focus { outline: none; box-shadow: none; }
.form .select-wrap--small-select { width: 6em; }
.form .select-wrap:after { font-family: "icomoon"; content: "\e608"; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; color: #FFF; padding: 0.38em 0.3em; pointer-events: none; overflow: hidden; background-color: #0865a3; speak: none; display: inline-block; vertical-align: middle; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 1.3em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form select::-ms-expand { display: none; }
.form select:focus { outline: none; box-shadow: 0 0 3px 3px rgba(180, 222, 250, 0.85); }
.form select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
.form .button { border: 1px solid #999; background: #fff; /* Old browsers */ }
.form textarea { resize: none; overflow: auto; margin-bottom: -2px; }
.form .button-wrap { zoom: 1; padding-right: 1.8em; }
.form .button-wrap:before, .form .button-wrap:after { content: ""; display: table; }
.form .button-wrap:after { clear: both; }
.form .button-wrap .important-info { float: right; text-align: right; }
.form.form--stacked .button-wrap { padding-right: 0; }
.form .radio, .form .checkbox { width: 55%; display: inline-block; }
.form .radio input[type=radio], .form .radio input[type=checkbox], .form .checkbox input[type=radio], .form .checkbox input[type=checkbox] { display: none; }
.form .radio label, .form .checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 30px; margin: 5px 15px 5px 0; width: 100%; padding: 0 0 0 2em; }
.form .radio label:before, .form .checkbox label:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: absolute; left: 0; top: 0; margin: 0px 10px 8px 0px; border: 1px solid #999; }
.form .radio input[type=radio]:checked + label:before, .form .checkbox input[type=radio]:checked + label:before { content: "\2022"; color: #0865a3; font-size: 50px; text-align: center; line-height: 19px; }
.form .radio input[type=checkbox]:checked + label:before, .form .checkbox input[type=checkbox]:checked + label:before { content: "\2713"; font-size: 20px; color: #0865a3; text-align: center; line-height: 20px; }
.form .radio label:before { border-radius: 50%; }
.form .checkbox label:before { border-radius: 0px; }
.form .check-radio-group { width: 59.5%; float: left; }
.form .check-radio-group.align { margin-left: 0.8em; }
@media screen and (max-width: 980px) { .form .check-radio-group.align { margin-left: 0; } }
.form .sub-fieldset { overflow: hidden; margin-bottom: -.25em; }
.form .sub-legend { font-weight: bold; font-size: .75em; padding-left: 0; margin-bottom: -8px; }
.form .file-group .btn-file { position: relative; overflow: hidden; }
.form .file-group .btn-file input[type=file] { position: absolute; top: -0.45em; right: 0; width: 2.2em; height: 2.1875em; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; }
.form .file-group .btn-file img { margin-left: -0.3em; vertical-align: top; width: 2.45em; }
.form .file-group input[readonly] { background-color: white !important; cursor: text !important; width: 9.5em; }
.form .file-group .file-icon { background-color: #0865a3; color: #FFF; background-color: #0865a3; color: #FFF; padding: 0.23em; vertical-align: top; margin-left: -0.2em; }
@media screen and (max-width: 980px) { .form label, .form legend { width: 90%; }
  .form input[type="text"], .form input[type="url"], .form textarea, .form .select-wrap, .form select[multiple] { width: 90%; }
  .form .form-item fieldset { width: 90%; }
  .form .form-item fieldset .date { width: 100%; }
  .form .form-item fieldset .to { display: block; margin-left: 0.5em; }
  .form .form-type-password .password-strength, .form .form-type-password div.password-confirm { float: none; position: absolute; bottom: 1em; left: 18em; }
  .form .form-type-textarea > textarea { margin-left: 0em; } }
@media screen and (max-width: 720px) { .form .form-type-password .password-strength, .form .form-type-password div.password-confirm { left: 0em; }
  .form .form-type-password .password-field, .form .form-type-password input.password-confirm { margin-bottom: 3em; } }

.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: none outside none; font-size: 14px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); background-clip: padding-box; }

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

	Comments - CSS taken from drupal.org

*******************************************/
.detail-info-display .comments { max-width: 1000px; margin: auto; width: 100%; }

.comment { margin-top: 0.692em; padding-top: 0.692em; }

.comment > h3 { margin-bottom: 0; }

.comment .submitted { font-style: italic; }

.comment .submitted a.username { font-style: normal; }

.comment .submitted time { border-bottom: 1px dotted; cursor: pointer; }

.comment .permalink-wrapper { float: right; margin: -.2708em 0 0 0.5em; }

.comment .permalink-wrapper .permalink { font-weight: normal; font-style: normal; color: #999999; }

.comment .permalink-wrapper .permalink:hover, .comment .permalink-wrapper .permalink:focus { color: #0678be; }

.comment .links { float: right; }

.comment .new { float: right; color: white; background-color: #999999; padding: 3px 6px; margin: 0 0 0 0.5em; text-transform: uppercase; font-size: 0.8333em; line-height: 1em; }

.comment .picture { float: left; width: 40px; }
.comment .picture img { max-width: 100%; height: auto; }

.comment > h3, .comment .submitted, .comment .content { margin-left: 50px; }

.comment p:last-child { margin-bottom: 0; }

#content .comment ul:last-child { margin-bottom: 0; }

.user-signature { margin: .75em 0 0 0; color: #666666; font-size: 0.92307em; }

.indented { margin-left: 50px; }

.indented .indented .indented .indented { margin-left: 0; }

[dir=rtl] .indented .indented .indented .indented { margin-right: 0; }

#content .node { margin-bottom: 1.385em; }

#content .node-sticky { background-color: #f6f6f2; padding: 10px; }

#content .node-sticky h2.node-title { margin-top: 0; }

#content-top-region, #content, #content-bottom-region, #aside-region { margin-bottom: 13px; }

#content .submitted, #content .modified, #aggregator .feed-item-meta, #content .comment .links { color: #666666; font-size: 0.923em; line-height: 1.5em; margin-bottom: 0.75em; }

.submitted time { font-style: italic; }

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

	Interactive map

*******************************************/
#map { width: 95%; height: 650px; margin-bottom: 4em; }

.map-stat-info { padding: 6px 8px; background: white; background: rgba(255, 255, 255, 0.7); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 5px; }
.map-stat-info h4 { margin: 0 0 5px; color: #777; }

.map-button-info { background: #d17619; text-shadow: 1px 1px 1px #333; padding: .54167em .75em; margin-right: 1em; margin-left: 0; border: 2px dashed #fff; }
.map-button-info a { color: #fff !important; }
.map-button-info a:hover { cursor: hand; }

.legend { line-height: 18px; color: #555; }

.legend i { width: 18px; height: 18px; float: left; margin-right: 8px; opacity: 0.8; }

.map-stats { width: 100%; max-width: 350px; margin-bottom: 0.5em; }
.map-stats td { padding: 0.25em 0.5em; text-align: center; width: 10%; }
.map-stats td:first-child { text-align: left; width: 80%; }
.map-stats thead td { font-weight: bold; }
.map-stats tr td:nth-child(3) { display: none; }

.updated { display: inline-block; width: 100%; text-align: right; font-size: .8em; }

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

	Slick carousel

*******************************************/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: white url("ajax-loader.gif") center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; margin: 0; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("/assets/fonts/slick.eot"); src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/slick.woff") format("woff"), url("/assets/fonts/slick.ttf") format("truetype"), url("/assets/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; cursor: pointer; background: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }

.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: #1c1c1c; opacity: 0.85; }

.slick-prev { left: -25px; }

.slick-prev:before { content: "\e600"; }

.slick-next { right: -25px; }

.slick-next:before { content: "\e612"; }

/* Dots */
.slick-slider { margin: 0 20px 30px 20px; }

@media screen and (min-width: 1600px) { .slick-slider { width: 97%; } }

.slick-dots { background: #fff; float: left; list-style: none; display: block; padding: 0; margin: .25em 0; }

.slick-dots li { position: relative; display: inline-block; height: 25px; width: 25px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: #d1e5f2; display: block; height: 25px; width: 25px; outline: none; line-height: 1em; font-size: 1em; color: #1c1c1c; padding: 5px; cursor: pointer; }

.slick-dots li button:focus { outline: none; }

.slick-dots li.slick-active button { background: #0865a3; color: #fff; }

.play-pause { float: left; }
.play-pause .play-btn, .play-pause .pause-btn { background: transparent; border: 0; color: #0865a3; font-weight: bold; }

/*  News highlights */
.news-carousel { zoom: 1; width: 90%; margin: 1em auto; }
.news-carousel:before, .news-carousel:after { content: ""; display: table; }
.news-carousel:after { clear: both; }
.news-carousel .button--more { margin-bottom: 1em; }

.news-carousel__container { background: #eeeff0; }

.news-carousel__title, .news-carousel__summary { float: left; width: 50%; }
@media screen and (max-width: 980px) { .news-carousel__title, .news-carousel__summary { width: 100%; } }
@media screen and (max-width: 460px) { .news-carousel__title .news-carousel__summary-text, .news-carousel__title .icon-label, .news-carousel__title h4, .news-carousel__title time, .news-carousel__summary .news-carousel__summary-text, .news-carousel__summary .icon-label, .news-carousel__summary h4, .news-carousel__summary time { font-size: 0.9em; }
  .news-carousel__title .icon, .news-carousel__summary .icon { font-size: 1.0em; } }

.news-carousel__summary { padding: 0em 1em 1em !important; }

.news-carousel__indicators span, .news-carousel__indicators time, .news__story__indicators span, .news__story__indicators time { font-size: 0.9em; }
.news-carousel__indicators .icon, .news__story__indicators .icon { font-size: 1.3em; }

.news-carousel__title { position: relative; }
.news-carousel__title .news-carousel__heading { position: absolute; bottom: 0; left: 0; right: 0; padding: 1em .5em; margin: 0; background: rgba(30, 30, 30, 0.7); }
.news-carousel__title .news-carousel__heading a { color: #fff; }
@media screen and (max-width: 720px) { .news-carousel__title .news-carousel__heading { position: static; } }
.news-carousel__title img { width: 100%; }

.news__item { zoom: 1; margin: 0 3.5em; border-bottom: 1px solid #f0f0f0; }
.news__item:before, .news__item:after { content: ""; display: table; }
.news__item:after { clear: both; }
.news__item:last-child { border-bottom: 0; }
.news__item:nth-child(even) { background: #f9f9f9; }
@media screen and (max-width: 720px) { .news__item { margin: 0 1em 1em 1em; } }
@media screen and (min-width: 981px) { .news__item { padding: 1em 0; } }
.news__item .icon { font-size: 1.2em; }

.news__image { float: left; width: 25%; max-height: 250px; overflow: hidden; }
.news__image img { max-width: 20em; width: 100%; height: auto; }
@media screen and (min-width: 981px) { .news__image img { padding-right: 1em; } }

.news__story { float: left; width: 75%; padding: 0; }
.news__story .author { display: block; }
@media screen and (max-width: 460px) { .news__story .news__story__body, .news__story .icon-label, .news__story h4, .news__story time { font-size: 0.9em; }
  .news__story .icon { font-size: 1.0em; } }
.news__story .button--more { float: right; margin-right: 1.5em; margin-bottom: 1em; }
.news__story__heading { margin-top: 0; margin-bottom: 1em; color: #428BCA; }
.news__story > a:first-child { color: #1c1c1c; }
.news__story > a:first-child:hover, .news__story > a:first-child:focus { text-decoration: none; }
.news__story > a:first-child:hover .news__story__heading, .news__story > a:first-child:focus .news__story__heading { text-decoration: underline; }
.news__story__indicators time, .news__story__indicators .icon-label { padding-left: .25em; }

@media screen and (max-width: 980px) { .news__image, .news__story { width: 100%; } }

@media screen and (max-width: 980px) { .news__story { padding: 1em; } }

.news-carousel__indicators, .news__story__indicators { float: left; }

@media screen and (max-width: 500px) { .news-information { display: block; } }

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

	Misc

*******************************************/
.img--solid-bg { background: white; min-height: 75px; float: left; }
.img--solid-bg img { vertical-align: middle; }

.results-per-page { width: 16em; padding-right: .5em; }
.results-per-page.form label { width: 60%; text-align: right; }
.results-per-page.form .select-wrap { width: 35%; }
.results-per-page .form-item { margin: 0; }
@media screen and (max-width: 980px) { .results-per-page { width: 50%; }
  .results-per-page.form label { width: 55%; text-align: left; padding-left: 0; }
  .results-per-page.form .select-wrap { width: 40%; max-width: 5em; } }
@media screen and (max-width: 720px) { .results-per-page { width: 100%; }
  .results-per-page.form label { width: 100%; } }

.table-function { zoom: 1; margin-bottom: .75em; }
.table-function:before, .table-function:after { content: ""; display: table; }
.table-function:after { clear: both; }
.table-function .table-function__heading { float: left; margin-top: 0.5em; }

.internal-external { padding: 1.25em 0; }
.internal-external .button--more { padding: .54167em .6em; margin-right: 1em; margin-left: 0; }
@media screen and (max-width: 460px) { .internal-external .button--more { font-size: 0.72em; } }
.internal-external .selected { background: #0865a3; color: #fff; }
.internal-external .selected:first-child { background: #d17619; text-shadow: 1px 1px 1px #333; }

.internal-external.internal-external--no-grantee .selected:first-child { background: #0865a3; text-shadow: none; }

.suggested-links li { font-weight: bold; font-size: .85em; padding-bottom: 1em; }
.suggested-links li > a { color: #0865a3; }

@media screen and (max-width: 1420px) { .listing-info-display--has-sb-left .page-summary p { width: 50%; } }
@media screen and (max-width: 720px) { .listing-info-display--has-sb-left .page-summary p { width: 100%; } }

.page-summary { zoom: 1; }
.page-summary:before, .page-summary:after { content: ""; display: table; }
.page-summary:after { clear: both; }
.page-summary p { float: left; width: 70%; margin-top: 0.5em; padding-right: 1em; }
@media screen and (max-width: 1100px) { .page-summary p { width: 50%; } }
@media screen and (max-width: 720px) { .page-summary p { width: 100%; } }
.page-summary ul { float: left; width: 100%; margin-top: 0; }
.listing-info-display--has-sb-left.listing-info-display--has-sb-right .page-summary p { width: 100%; }

/* Newsletter */
.display_archive { margin: 0 1em; }

.campaign { line-height: 125%; margin: 1em; }

a.external { background-color: #0865a3; speak: none; display: inline-block; font-style: normal; font-variant: normal; padding: 10px 15px; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; }
a.external:hover { background-color: #073451; }
a.external:after { color: #fff; font-family: "icomoon"; content: ""; font-weight: bold; font-size: 1.1em; }
a.external.external--pdf { vertical-align: top; }
a.external.external--pdf:after { font-family: "icomoon"; content: ""; font-size: 1.5em; display: inline-block; margin-top: -0.25em; vertical-align: middle; }

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

	! Remodal - v0.1.7 - 2014-07-14 https://github.com/VodkaBears/remodal Copyright (c) 2014 VodkaBears;

Edited by Ben

*******************************************/
/* Hide scroll bar */
html.remodal_lock, body.remodal_lock { overflow: hidden; }

/* Anti FOUC */
.remodal, [data-remodal-id] { visibility: hidden; }

/* Overlay necessary styles */
.remodal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; display: none; overflow: auto; -webkit-overflow-scrolling: touch; text-align: center; }

.remodal-overlay:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ''; }

/* Fix iPad, iPhone glitches */
.remodal-overlay > * { -webkit-transform: translateZ(0px); }

/* Modal dialog necessary styles */
.remodal { position: relative; display: inline-block; }
.remodal .new-modal-link { width: 100%; }

/* ========================================================================== Remodal default theme ========================================================================== */
/* Background for effects */
.remodal-bg { transition: filter 0.2s linear; }

body.remodal_active .remodal-bg { -webkit-filter: blur(1px); filter: blur(1px); }

/* Overlay default theme styles */
.remodal-overlay { opacity: 0; background: #1e1e1e; background: rgba(30, 30, 30, 0.5); transition: opacity 0.2s linear; }

body.remodal_active .remodal-overlay { opacity: 1; }

/* Modal dialog default theme styles */
.remodal { width: 100%; min-height: 100%; padding: 1.5em; font-size: 1em; background: #fff; background-clip: padding-box; color: #1c1c1c; box-shadow: 0px 0px 8px #171a24; transition: transform 0.2s linear; }
.remodal .remodal-close { display: none; }
@media screen and (max-width: 720px) { .remodal .button-wrap { float: none; }
  .remodal .button--more { width: 100%; margin: 0; text-align: center; margin-bottom: .5em; } }

/* Modal dialog vertical align  */
.remodal, .remodal-overlay:after { vertical-align: middle; }

/* Close button */
.remodal-close { position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; text-decoration: none; border-radius: 50%; border: 1px solid #3e5368; }

.remodal-close:after { display: block; font-size: 28px; font-family: Raleway, sans-serif !important; content: "×"; line-height: 20px; cursor: pointer; text-decoration: none; color: #1c1c1c; font-weight: 200; }

.remodal-close:hover, .remodal-close:active { text-decoration: none; }

.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after { text-decoration: none; }

/* Media queries ========================================================================== */
@media only screen and (min-width: 40.063em) { .remodal { max-width: 700px; margin: 20px auto; min-height: 0; border-radius: 6px; }
  .remodal.sign-in-modal { max-width: 500px; }
  .remodal.forgotten-pass-modal { max-width: 500px; }
  .remodal.forgotten-pass-modal .form-item:first-child { min-height: 150px; } }
/*******************************************

	FILTER FLAGS

*******************************************/
.country-flag { width: 16px; height: 11px; display: inline-block; background: url(../images/flags.png) no-repeat; vertical-align: middle; margin-right: .5em; }

.country-flag.flag-ae { background-position: -16px 0; }

.country-flag.flag-af { background-position: -32px 0; }

.country-flag.flag-am { background-position: -48px 0; }

.country-flag.flag-ao { background-position: -64px 0; }

.country-flag.flag-as { background-position: -80px 0; }

.country-flag.flag-au { background-position: -96px 0; }

.country-flag.flag-az { background-position: -112px 0; }

.country-flag.flag-bd { background-position: -128px 0; }

.country-flag.flag-bf { background-position: -144px 0; }

.country-flag.flag-bh { background-position: -160px 0; }

.country-flag.flag-bi { background-position: -176px 0; }

.country-flag.flag-bj { background-position: -192px 0; }

.country-flag.flag-bn { background-position: 0 -11px; }

.country-flag.flag-bt { background-position: -16px -11px; }

.country-flag.flag-bv { background-position: -32px -11px; }

.country-flag.flag-bw { background-position: -48px -11px; }

.country-flag.flag-catalonia { background-position: -64px -11px; }

.country-flag.flag-cd { background-position: -80px -11px; }

.country-flag.flag-cf { background-position: -96px -11px; }

.country-flag.flag-cg { background-position: -112px -11px; }

.country-flag.flag-ci { background-position: -128px -11px; }

.country-flag.flag-ck { background-position: -144px -11px; }

.country-flag.flag-cm { background-position: -160px -11px; }

.country-flag.flag-cn { background-position: -176px -11px; }

.country-flag.flag-cv { background-position: -192px -11px; }

.country-flag.flag-cy { background-position: 0 -22px; }

.country-flag.flag-dj { background-position: -16px -22px; }

.country-flag.flag-dz { background-position: -32px -22px; }

.country-flag.flag-eg { background-position: -48px -22px; }

.country-flag.flag-eh { background-position: -64px -22px; }

.country-flag.flag-england { background-position: -80px -22px; }

.country-flag.flag-er { background-position: -96px -22px; }

.country-flag.flag-et { background-position: -112px -22px; }

.country-flag.flag-eu { background-position: -128px -22px; }

.country-flag.flag-fj { background-position: -144px -22px; }

.country-flag.flag-fm { background-position: -160px -22px; }

.country-flag.flag-ga { background-position: -176px -22px; }

.country-flag.flag-ge { background-position: -192px -22px; }

.country-flag.flag-gg { background-position: 0 -33px; }

.country-flag.flag-gh { background-position: -16px -33px; }

.country-flag.flag-gm { background-position: -32px -33px; }

.country-flag.flag-gn { background-position: -48px -33px; }

.country-flag.flag-gq { background-position: -64px -33px; }

.country-flag.flag-gs { background-position: -80px -33px; }

.country-flag.flag-gu { background-position: -96px -33px; }

.country-flag.flag-gw { background-position: -112px -33px; }

.country-flag.flag-hk { background-position: -128px -33px; }

.country-flag.flag-hm { background-position: -144px -33px; }

.country-flag.flag-ic { background-position: -160px -33px; }

.country-flag.flag-id { background-position: -176px -33px; }

.country-flag.flag-il { background-position: -192px -33px; }

.country-flag.flag-im { background-position: 0 -44px; }

.country-flag.flag-in { background-position: -16px -44px; }

.country-flag.flag-io { background-position: -32px -44px; }

.country-flag.flag-iq { background-position: -48px -44px; }

.country-flag.flag-ir { background-position: -64px -44px; }

.country-flag.flag-je { background-position: -80px -44px; }

.country-flag.flag-jo { background-position: -96px -44px; }

.country-flag.flag-jp { background-position: -112px -44px; }

.country-flag.flag-ke { background-position: -128px -44px; }

.country-flag.flag-kg { background-position: -144px -44px; }

.country-flag.flag-kh { background-position: -160px -44px; }

.country-flag.flag-ki { background-position: -176px -44px; }

.country-flag.flag-km { background-position: -192px -44px; }

.country-flag.flag-kp { background-position: 0 -55px; }

.country-flag.flag-kr { background-position: -16px -55px; }

.country-flag.flag-kurdistan { background-position: -32px -55px; }

.country-flag.flag-kw { background-position: -48px -55px; }

.country-flag.flag-kz { background-position: -64px -55px; }

.country-flag.flag-la { background-position: -80px -55px; }

.country-flag.flag-lb { background-position: -96px -55px; }

.country-flag.flag-lk { background-position: -112px -55px; }

.country-flag.flag-lr { background-position: -128px -55px; }

.country-flag.flag-ls { background-position: -144px -55px; }

.country-flag.flag-ly { background-position: -160px -55px; }

.country-flag.flag-ma { background-position: -176px -55px; }

.country-flag.flag-mg { background-position: -192px -55px; }

.country-flag.flag-mh { background-position: 0 -66px; }

.country-flag.flag-ml { background-position: -16px -66px; }

.country-flag.flag-mm { background-position: -32px -66px; }

.country-flag.flag-mn { background-position: -48px -66px; }

.country-flag.flag-mo { background-position: -64px -66px; }

.country-flag.flag-mp { background-position: -80px -66px; }

.country-flag.flag-mr { background-position: -96px -66px; }

.country-flag.flag-mu { background-position: -112px -66px; }

.country-flag.flag-mv { background-position: -128px -66px; }

.country-flag.flag-mw { background-position: -144px -66px; }

.country-flag.flag-my { background-position: -160px -66px; }

.country-flag.flag-mz { background-position: -176px -66px; }

.country-flag.flag-na { background-position: -192px -66px; }

.country-flag.flag-nc { background-position: 0 -77px; }

.country-flag.flag-ne { background-position: -16px -77px; }

.country-flag.flag-nf { background-position: -32px -77px; }

.country-flag.flag-ng { background-position: -48px -77px; }

.country-flag.flag-np { background-position: -64px -77px; }

.country-flag.flag-nr { background-position: -80px -77px; }

.country-flag.flag-nu { background-position: -96px -77px; }

.country-flag.flag-nz { background-position: -112px -77px; }

.country-flag.flag-om { background-position: -128px -77px; }

.country-flag.flag-pf { background-position: -144px -77px; }

.country-flag.flag-pg { background-position: -160px -77px; }

.country-flag.flag-ph { background-position: -176px -77px; }

.country-flag.flag-pk { background-position: -192px -77px; }

.country-flag.flag-pn { background-position: 0 -88px; }

.country-flag.flag-ps { background-position: -16px -88px; }

.country-flag.flag-pw { background-position: -32px -88px; }

.country-flag.flag-qa { background-position: -48px -88px; }

.country-flag.flag-re { background-position: -64px -88px; }

.country-flag.flag-rw { background-position: -80px -88px; }

.country-flag.flag-sa { background-position: -96px -88px; }

.country-flag.flag-sb { background-position: -112px -88px; }

.country-flag.flag-sc { background-position: -128px -88px; }

.country-flag.flag-scotland { background-position: -144px -88px; }

.country-flag.flag-sd { background-position: -160px -88px; }

.country-flag.flag-sg { background-position: -176px -88px; }

.country-flag.flag-sh { background-position: -192px -88px; }

.country-flag.flag-sl { background-position: 0 -99px; }

.country-flag.flag-sn { background-position: -16px -99px; }

.country-flag.flag-so { background-position: -32px -99px; }

.country-flag.flag-somaliland { background-position: -48px -99px; }

.country-flag.flag-ss { background-position: -64px -99px; }

.country-flag.flag-st { background-position: -80px -99px; }

.country-flag.flag-sy { background-position: -96px -99px; }

.country-flag.flag-sz { background-position: -112px -99px; }

.country-flag.flag-td { background-position: -128px -99px; }

.country-flag.flag-tf { background-position: -144px -99px; }

.country-flag.flag-tg { background-position: -160px -99px; }

.country-flag.flag-th { background-position: -176px -99px; }

.country-flag.flag-tj { background-position: -192px -99px; }

.country-flag.flag-tk { background-position: 0 -110px; }

.country-flag.flag-tl { background-position: -16px -110px; }

.country-flag.flag-tm { background-position: -32px -110px; }

.country-flag.flag-tn { background-position: -48px -110px; }

.country-flag.flag-to { background-position: -64px -110px; }

.country-flag.flag-tr { background-position: -80px -110px; }

.country-flag.flag-tv { background-position: -96px -110px; }

.country-flag.flag-tw { background-position: -112px -110px; }

.country-flag.flag-tz { background-position: -128px -110px; }

.country-flag.flag-ug { background-position: -144px -110px; }

.country-flag.flag-um { background-position: -160px -110px; }

.country-flag.flag-uz { background-position: -176px -110px; }

.country-flag.flag-vn { background-position: -192px -110px; }

.country-flag.flag-vu { background-position: 0 -121px; }

.country-flag.flag-wales { background-position: -16px -121px; }

.country-flag.flag-wf { background-position: -32px -121px; }

.country-flag.flag-ws { background-position: -48px -121px; }

.country-flag.flag-ye { background-position: -64px -121px; }

.country-flag.flag-yt { background-position: -80px -121px; }

.country-flag.flag-za { background-position: -96px -121px; }

.country-flag.flag-zanzibar { background-position: -112px -121px; }

.country-flag.flag-zm { background-position: -128px -121px; }

.country-flag.flag-zw { background-position: -144px -121px; }

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

	COUNTRIES AUTO COMPLETE BOX

*******************************************/
#countries-list { display: inline; }
#countries-list .twitter-typeahead { display: inline !important; }
#countries-list .search-basic.tt-hint { display: none; }

.tt-dropdown-menu, .gist { text-align: left; }

.typeahead, .tt-query, .tt-hint { width: 396px; height: 30px; padding: 8px 12px; font-size: 24px; line-height: 30px; border: 2px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; }

.typeahead { background-color: #fff; }

.typeahead:focus { border: 2px solid #0097cf; }

.tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint { color: #999; }

.tt-dropdown-menu { width: 422px; margin-top: 12px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 24px; }

.tt-suggestion.tt-cursor { color: #fff; background-color: #0097cf; }

.tt-suggestion p { margin: 0; }

.gist { font-size: 14px; }

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

	FOOTER

*******************************************/
.footer, .primary-footer, .extended-footer { zoom: 1; }
.footer:before, .footer:after, .primary-footer:before, .primary-footer:after, .extended-footer:before, .extended-footer:after { content: ""; display: table; }
.footer:after, .primary-footer:after, .extended-footer:after { clear: both; }

.footer, .primary-footer { margin-bottom: 0px; }
.logo-description.mobile-hidden { font-size: 0.75em; margin-top: 0.5em; }
.logo-description.mobile-only { font-size: 0.6em; margin-bottom: 1em;}
@media screen and (max-width: 720px) { .primary-footer { margin: 1em 0; } }
.footer { width: 100%; float: left; }
@media screen and (max-width: 720px) { .footer { border-top: 1px solid #0865a3; border-bottom: 1px solid #0865a3; } }

.aus-aid { width: 25%; float: left; }
@media screen and (max-width: 720px) { .aus-aid > a { float: left; width: 100%; text-align: center; margin-bottom: 0.75em; }
  .aus-aid > a > img { width: 81.5%; max-width: 81.5%; } }
@media screen and (max-width: 1120px) { .aus-aid { width: 28%; } }

.footer-links { width: 30%; float: left; }
.footer-links .footer-links-list > li { display: inline-block; font-size: 0.75em; word-break: break-word; border-left: 1px solid #3984b5; padding: 0 0.2em 0 0.5em; }
.footer-links .footer-links-list > li > a { color: #0865a3; }
.footer-links .footer-links-list > li:first-child, .footer-links .footer-links-list > li:last-child { border: 0; }
@media screen and (max-width: 1120px) { .footer-links { width: 66%; padding-bottom: 3.1875em; }
  .footer-links .footer-links-list > li:first-child { border: 0; }
  .footer-links .footer-links-list > li:last-child { border-left: 1px solid #3984b5; } }
@media screen and (max-width: 720px) { .footer-links { padding-bottom: 1.08em; }
  .footer-links .footer-links-list > li { border: 0; display: block; line-height: 1.6em; }
  .footer-links .footer-links-list > li > a { font-weight: normal; }
  .footer-links .footer-links-list > li:last-child { border: 0; } }

.account-access { width: 13%; float: left; font-size: 0.75em; }
.account-access .access__register > a, .account-access .access__login > a { width: 100%; display: inline-block; padding: 0.25em 0.5em; margin-bottom: 0.2em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 200; text-align: center; }
.account-access .access__register > a { background: #fff; color: #007b69; }
.account-access .access__register > a .icon { float: right; }
.account-access .access__login > a { background: #00836f; color: #fff; }
@media screen and (max-width: 1120px) { .account-access { width: 26%; } }

.newsletter-updates { width: 38%; float: left; font-size: 0.8em; }
.newsletter-updates .sign-up { display: inline-block; width: 29%; font-size: 0.9em; color: #1c1c1c; text-align: right; line-height: 1.25em; padding: 0 1em; }
.newsletter-updates .newsletter-form-container { display: inline-block; width: 70%; vertical-align: top; position: relative; }
@media screen and (max-width: 1120px) { .newsletter-updates { width: 72%; } }
@media screen and (max-width: 720px) { .newsletter-updates .sign-up, .newsletter-updates .newsletter-form-container { width: 100%; text-align: left; }
  .newsletter-updates .sign-up { padding: 1em .9em; }
  .newsletter-updates .newsletter-form-container { font-size: 0.8675em; } }
.newsletter-updates .newsletter-label { width: 100%; }
.newsletter-updates .newsletter-label-text { display: block; font-weight: 200; color: #fff; padding: 0.25em 0.6em 0.25em 1em; background: #00836f; }
.newsletter-updates .newsletter-field { background: #f1f1f1; padding: 0.25em 1em; }
.newsletter-updates .newsletter-button { position: absolute; bottom: 0; right: 0; padding: 0.25em 0.5em 0.4em 2em; border: 0; background: transparent; }
.newsletter-updates .icon { float: right; }

.extended-footer--top-level > li { width: 12.66666%; float: left; font-size: 0.75em; padding: 0 0.4em; }
.extended-footer--top-level > li.combined-with-next { width: 13.33333%; }
.extended-footer--top-level > li.combined-with-prev { width: 16.99999%; margin-top: 1.5em; }

.extended-footer__heading > a, .extended-footer__heading > span { font-weight: bold; color: #0865a3; }

.extended-footer__links a { color: #707070; }

@media screen and (max-width: 720px) { .aus-aid { width: 50%; }
  .footer-links { margin-left: 3%; width: 43%; }
  .account-access, .newsletter-updates { width: 100%; } }
@media screen and (max-width: 320px) { .footer-links { margin-left: 0; width: 50%; } }
/* Edits by backenders */
td div.fivestar-widget-static .star { float: none; display: inline-block; }

.resources-results-table__sub-row td { display: none; }

.item-list .pager .pager-ellipsis { display: none; }

.fivestar-container { display: inline-block; }

div.fivestar-widget { display: inline-flex; }

form.fivestar-widget { display: inline; }

.main-content-form-drupal #edit-field-grantee-materials-und-1-upload { border: 0; display: block; }

#webform-component-legend--file-upload, #files-58-field-location-text-add-more-wrapper, .form-item-files-58-field-tags-und, #edit-field-grantee-materials-und-table { width: 100%; }

#edit-field-grantee-materials-und-table td { padding: 1em; }

#edit-field-specifics-end-date-und-0-value-datepicker-popup-0, #edit-field-specifics-start-date-und-0-value-datepicker-popup-0 { display: inline; }

#webform-component-legend--file-upload { position: relative; padding-top: 110px; }
#webform-component-legend--file-upload > img { position: absolute; top: 0; }

#webform-component-legend--file-upload .file img { vertical-align: middle; }

#edit-field-grantee-materials-und-table thead tr th:nth-child(3) { display: none; }
#edit-field-grantee-materials-und-table th, #edit-field-grantee-materials-und-table td { display: block; text-align: left; }

.fieldset-wrapper .sticky-header { display: none; }

#edit-field-topic-und { margin: 0.5em 0; }

div.modal-forms-modal-content .item-list { margin-top: 1.5em; }
div.modal-forms-modal-content .form-item-name.form-item { border-bottom: 0px; }
div.modal-forms-modal-content .form-item-name.form-item label { width: 40%; }

.filter-wrapper .fieldset-wrapper { display: none; }

.file-widget .file { display: block; }

#user-profile-form.form { margin-bottom: 2em; }
#user-profile-form.form .form-item { padding: 5px 0; }
#user-profile-form.form .form-type-radio.form-item-status, #user-profile-form.form .form-type-radio, #user-profile-form.form .form-type-checkbox { border: 0; }
#user-profile-form.form .form-type-radio.form-item-status label, #user-profile-form.form .form-type-radio label, #user-profile-form.form .form-type-checkbox label { font-weight: inherit; }
#user-profile-form.form .confirm-parent.form-item { border: 0; }
#user-profile-form.form .form-item-files-picture-upload label { padding-left: 0; }
#user-profile-form.form .fieldset-wrapper { margin-left: 2em; }
#user-profile-form.form .fieldset-wrapper #edit-node-notify { margin-left: 10px; }

.profile .user-picture { margin-top: 3.5em; }

.ctools-modal-content { max-width: 550px; max-height: 450px; }
.ctools-modal-content .modal-content { max-width: 550px; max-height: 450px; }

.preview-wrap .form .resource-summary__text h2 { border: solid 2px #AAAAAA; border-bottom: 0; padding: 1em 2em 0 2em; }
.preview-wrap .form .resource-summary__text .disclaimer p { margin: 0; padding: 2em; border-right: solid 2px #AAAAAA; border-left: solid 2px #AAAAAA; }
.preview-wrap .form .resource-summary__text .resource-summary { border: solid 2px #AAAAAA; border-top: 0; padding: 2em; margin-bottom: 2em; }

div.ctools-modal-content .modal-content { max-height: 420px; padding: 1em; }

@media screen and (max-width: 980px) { .fivestar-container { display: table-cell; }
  .fivestar-container.node-content { display: block; } }
@media screen and (max-width: 720px) { .fivestar-container.node-content { display: table-cell; } }
@media only screen and (max-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@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) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]:after, a[href^="javascript:"]: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; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }

/**changes by backenders **/
.inline-block { display: inline-block; }
.top-vert-align { vertical-align: top; }
.tiny-right-margin { margin-right: 4px; }
.user-picture { float:left; }

/*****BACKEND CHANGES*****/
.new-modal-link { width:100%; }
.contextual-links-region { position:inherit;outline:none; }
.checkbox-input-container .form-checkboxes { display:inline-block; }
.checkbox-input-container .form-radios { display:inline-block; }
.comment .content img { max-width:200px; }
#search-block-form #edit-submit { display:none; }
.resource-summary .resource-summary__text img { float: left; margin: 0 1em 0 0; min-width: 100px; }
.resources-results-table__row.sticky { background:#d1e5f2;border-top:solid 1px #f9f9f9; }
.exposed-filter-reset-button { float:right; font-size:0.91875em; border:0; background:#922604; color:#fff; padding:0.5em; margin:1em; }
#user-register-form > div > .url-textfield { display: none; }
#user-profile-form.form .fieldset-wrapper #edit-comment-notify { margin-left: 10px; }
#legal-login #edit-legal .legal-terms { width: 100%; }
.resource__add-to-cart { cursor: pointer; }
.resource__download { cursor: pointer; }
.submitted { font-weight: bold; }
.display_archive { font: 1em/1.5 'Raleway', Helvetica, Arial, sans-serif; }
a.tablet-wrap { cursor:pointer; }
.container-inline-date .date-padding { padding: 10px 0px; }

/* IMCE icons fixes */
#imce-content #ops-wrapper{margin-top: 22px;}
#imce-content label.option{margin-left: 20px;}
#imce-content .form .form-checkboxes div input[type="checkbox"]{top: 0px;}


/* Views Grantee Postcard Pending Review */
.view-grantee-postcard-pending-review .views-field-field-photo-1{
	margin-right: 10px;
	float: left;
}
.view-grantee-postcard-pending-review .views-field-field-photo-1 img{
	max-width: 220px;
	height: auto;
}

/* STATIC SITE ADDITIONAL STYLES */
.site-logo a:first-child{
	border: 0px none;
}

.header-row-section{
	margin-bottom: 10px;
}

.main-content .region-front-page .block{
	width: 30%;
	display: inline-block;
	margin: 0px 1%;
	vertical-align: top;
	font-size: 0.9rem;
}

.mission-statement .region-front-page-blurb{
	font-size: 0.9rem;
}
.mission-statement .region-front-page-blurb .content p{
	margin-bottom: 5px;
}

.primary-footer{
	padding-right: 2em;
	margin-top: 30px;
}

.primary-footer .aus-aid{
	width: 100%;
}

.primary-footer .aus-aid .footer-logo{
	display: inline-block;
	width: 20%;
	text-align: center;
}

.primary-footer .aus-aid .logo-description{
	display: inline-block;
	width: 55%;
	font-size: 0.9rem;
}

.primary-footer .aus-aid .footer-logo-right{
	display: inline-block;
	width: 20%;
	text-align: center;
}

.region-front-page .static-block-img img{
	width: 100%;
	margin-bottom: 10px;
}

.page-learning-events-webinars .resources-tools-column{
	display: none;
}

.page-learning-events-webinars  .resources-list{
	padding-left: 0px;
}

#block-block-11 .page-summary p{
	width: 100%;
}

.header-row-section .google-custom-search{
	margin-top: 10px;
}

.news__story .news__story__indicators .author, .news__story .news__story__indicators .news-information, .news__story .news__story__indicators .mid-mobile-hidden,
.news__story .news__story__indicators .news-information{
	display: none;
}

.node-type-news .author{
	display: none;
}

.page-our-work-news .listing-info-display h3{
	display: none;
}


@media screen and (min-width: 1600px){
	.header-row-section{
		width: 60%;
	}
	
	.header-row-section .google-custom-search{
		width: 30%;
		float: right;
	}
}

@media screen and (max-width: 991px){
	.header-row-section{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.mission-statement .region-front-page-blurb{
		font-size: 0.8em;
	}
	
	.main-content .region-front-page .block{
		font-size: 0.8em;
	}
	
	.main-content .region-front-page .block h2{
		font-size: 1.3em;
		font-weight: bold;
	}
	
	footer{
		margin-top: 30px;
	}
	
	.primary-footer .aus-aid .footer-logo, .primary-footer .aus-aid .logo-description, .primary-footer .aus-aid .footer-logo-right{
		display: block;
		width: 100%;
		font-size: 0.8em;
	}
}

@media screen and (min-width: 576px) and (max-width: 991px){
	.mission-statement .region-front-page-blurb{
		font-size: 1em;
	}
	
	.main-content .region-front-page .block{
		width: 47%;
		font-size: 1em;
	}
	
	.main-content .region-front-page .block h2{
		margin-top: 10px;
	}
	
	.primary-footer{
		padding-right: 0px;
		margin-top: 0px;
	}
	
	.primary-footer .aus-aid .footer-logo, .primary-footer .aus-aid .logo-description{
		font-size: 1em;
	}
}

@media screen and (max-width: 575px){	
	.main-content .region-front-page .block{
		width: 100%;
		font-size: 0.7em;
	}
	
	.main-content .region-front-page .block h2{
		margin-bottom: 0.5rem;
		margin-top: 20px;
	}
	
	.mission-statement .region-front-page-blurb{
		font-size: 0.7em;
	}
	
	.primary-footer{
		padding-right: 0px;
		margin-top: 0px;
	}
	
	.primary-footer .aus-aid .footer-logo, .primary-footer .aus-aid .logo-description{
		font-size: 0.7em;
	}
}

/* GLOBAL RESPONSIVE STYLING */
/* ------------------------------------ */
@media screen and (max-width: 1024px) {
	/* https://servicedesk.ibc.com.au/Ticket/16764 */
	/* Mobile display fixes for Innovation & WASH Research pages */
	.detail-info-display .image-buttons img{
		width: 100% !important;
		height: auto !important;
		max-width: 500px;
		max-height: 500px;
	}
}