/*
	DWN theme styles
*/

/* ---------- Formatting ---------- */

body
{ color:#000; font:normal 1em/1.8em "Open Sans",arial,sans-serif; word-wrap:break-word }

p, address
{ line-height:1.8 }
ul, ol, li, dt, dd, td, th
{ line-height:1.6 }
b, strong
{ font-weight:600 }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE table font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#0086a8 }
a:visited
{ color:#1096b8 }
a:hover
{ color:#006586; text-decoration:underline }
a:active, a:focus
{ color:#006586; text-decoration:none }


a.action /* Action button */
{ display:inline-block; padding:11px 24px; border:1px solid #ff6319; text-align:center; color:#ff6319; 
  font:normal 100%/1.3 "Oswald",arial,sans-serif; text-transform:uppercase }
	a.action:hover
	{ border-color:#e54a01; color:#e54a01; background-color:#fffcfc; text-decoration:none }

	.big a.action
	{ font-size:120%; border-width:2px }

a.action-donate /* Donate button */
{ display:inline-block; padding:12px 25px; background-color:#ff6319; text-align:center; color:#fff; 
  font:normal 100%/1.3 "Oswald",arial,sans-serif; text-transform:uppercase }
	a.action-donate:hover
	{ background-color:#e54a01; text-decoration:none }

a.more:after /* More link */
{ content:" »" }

/* Full width */
a.action.stretch, a.action-donate.stretch
{ display:block }

/* YouTube play button */
a.youtube-play
{ position:relative }

a.youtube-play:after
{ content:""; position:absolute; top:50%; left:50%; display:block; 
  width:64px; height:45px; margin:-22px 0 0 -32px; opacity:.75;
  background:url("../images/icon-youtube-play.png") no-repeat 50% 50%; background-size:64px auto;
  pointer-events:none }
	a.youtube-play:hover:after
	{ opacity:1 }


/* Paragraphs */
p
{ margin:0 0 1.7em }
address
{ font-style:normal; margin:0 0 1.7em }

blockquote
{ margin:0 0 1.7em 1em; padding:0 }
blockquote p
{ margin-bottom:.4em; font:300 168.75%/1.6 "Oswald",arial,aans-serif }
	blockquote p:first-child:before /* Inject quotes */
	{ content:'"'; display:inline-block; text-indent:-9999px; overflow:hidden; vertical-align:top; width:33px; height:35px; margin-right:.3em; background:url("../images/blockquote-open.png") no-repeat }
	blockquote p:first-child:after
	{ content:'"'; display:inline-block; text-indent:-9999px; overflow:hidden; vertical-align:bottom; width:33px; height:35px; margin-left:.3em; background:url("../images/blockquote-close.png") no-repeat }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		blockquote p:first-child:before
		{ background-image:url("../images/blockquote-open@2x.png"); background-size:33px auto }
		blockquote p:first-child:after
		{ background-image:url("../images/blockquote-close@2x.png"); background-size:33px auto }
	}

blockquote p.cite
{ font:normal normal 100%/1.8 "Open Sans",arial,sans-serif }
blockquote p cite
{ display:block; font:normal normal 59.26%/1.8 "Open Sans",arial,sans-serif }

/* Highlighted text */
.highlight, a.highlight
{ color:#ff6319 }

/* Page introduction text */
p.intro
{ margin-bottom:1.6em; border-bottom:1px solid #e2e1da; padding-bottom:1.6em; font-size:112.5%; font-weight:600; line-height:1.6 }
	p.intro strong
	{ font-weight:bold }

p.big-intro
{ margin-bottom:1.5em; border-bottom:1px solid #e2e1da; padding-bottom:1.5em; text-align:center; font-size:137.5%; font-weight:bold; line-height:1.5; color:#ff6319 }
	p.big-intro.alignleft
	{ text-align:left }

p.intro.clean, p.big-intro.clean /* No bottom rule */
{ border-bottom:none; padding-bottom:0 }


p.required, span.required, strong.required, label.required, .form-required, .marker
{ color:#ff6319 }
.error, .error li, .error p
{ color:#c52020 }

.small, small
{ font-size:81.25% }
.big, big
{ font-size:112.5% }

.alignleft
{ text-align:left }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.alignjustify
{ text-align:justify }

/* CKEditor indentation */
.rteindent1, .indented
{ margin-left:25px }
.rteindent2
{ margin-left:50px }
.rteindent3
{ margin-left:75px }
.rteindent4
{ margin-left:100px }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ clear:left; float:left; margin:0 10px 10px 0 }
.floatright
{ clear:right; float:right; margin:0 0 10px 10px }

/* Photos with captions */
figure
{ margin:0 0 1.7em }
figure img
{ display:block }
figure figcaption
{ display:block; margin-top:.6em; text-align:right; color:#999; font-size:81.25%; line-height:1.3 }

/* Image alignment */
.aligncenter figure img {
  margin-left: auto;
  margin-right: auto;
}
.aligncenter figcaption {
  text-align: center;
}
.alignright figure img {
  margin-left: auto;
  margin-right: 0;
}


/* Separators */
hr
{ color:#fff; background-color:transparent; height:1px; border-width:0; border-top:1px solid #e2e1da; 
  margin:1.7em 0; padding:0; overflow:hidden }


/* Headings */
h1
{ margin:0 0 .6em; padding:0; color:#ff6319; font:300 293.75%/1.1 "Oswald",arial,sans-serif }

h2
{ margin:0 0 .3em; padding:0; color:#2c3a3e; font:normal 137.5%/1.2 "Oswald",arial,sans-serif }
.region-content h2, .cke_editable_themed h2, .cke_panel_list h2 /* Within content area */
{ margin-bottom:.9em; color:#000; font:600 125%/1.3 "Open Sans",arial,sans-serif }

h3, h4, h5, h6
{ margin:0; padding:0; color:#000; font:600 100%/1.3 "Open Sans",arial,sans-serif }
h3
{ margin-bottom:.9em; font-size:112.5% } /* 18px */
h4
{ margin-bottom:.7em; font-size:106.25% } /* 17px */
h5
{ margin-bottom:.7em; font-size:100% }
h6
{ margin-bottom:.2em; font-size:100% }

.tag /* Above heading tag */
{ margin:0 0 .1em !important; text-transform:uppercase; font-size:12px; letter-spacing:.2em }


/* Lists */
ul, .block ul, ul.menu, .item-list ul
{ margin:0 0 1.7em; padding:0; list-style:none }
	ul > li, ul.menu > li, ul > li.leaf, .item-list ul > li
	{ margin:0 0 .6em; padding:0 0 0 38px; background:url("../images/list-arrow.png") no-repeat 2px .3em; list-style:none }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		ul > li, ul.menu > li, ul > li.leaf, .item-list ul > li
		{ background-image:url("../images/list-arrow@2x.png"); background-size:21px auto }
	}

ul ul
{ margin-left:38px }

ul.links.inline > li
{ background:none }


ol
{ margin:0 0 1.7em 2.5em; padding-left:0 }
	ol > li
	{ margin-bottom:.5em }

ol > li
{ list-style-type:decimal; background-image:none }
ol > li ol > li
{ list-style-type:upper-alpha }
ol > li ol > li ol > li
{ list-style-type:upper-roman }
ol > li ol > li ol > li ol > li
{ list-style-type:lower-alpha }
ol > li ol > li ol > li ol > li ol > li
{ list-style-type:lower-roman }

dl
{ margin:0 0 1.7em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:600 }
	dd
	{ margin:.1em 0 0; padding:0 }


/* Tables */
table
{ width:100%; max-width:100% !important; margin:0 0 1.7em; border:none; border-spacing:0; border-collapse:collapse }

table > caption
{ margin-bottom:.3em; font-size:106.25%; font-weight:bold; text-align:left }

table thead, table tbody, table tr
{ border:none }
table tr th
{ background:#f3f3f0 none; padding:.6em .7em; border:1px solid #e2e1da; color:#22294b; font-weight:bold; text-align:left }

table tbody tr th, table tr td
{ vertical-align:top }
table tr td
{ padding:.5em .7em; border:1px solid #e2e1da; text-align:left }

table tr td > *:last-child, table tr th > *:last-child /* Reduce bottom margins */
{ margin-bottom:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font:100%/1.3 "Open Sans",arial,sans-serif; vertical-align:middle }
textarea
{ width:99%; font:normal 100%/1.3 "Open Sans",arial,sans-serif }
label
{ vertical-align:middle }

input.form-text, textarea.form-textarea
{ margin:0; padding:4px 8px; border:1px solid #d4d7d7; border-radius:3px }
	form.one-line input.form-text
	{ border-radius:3px 0 0 3px }
	input.form-text.default
	{ font-style:italic; color:#777 }

.form-item input.form-text.error, .form-item textarea.form-textarea.error
{ border:1px solid red }

/* Buttons */
input.form-submit
{ display:inline-block; margin-bottom:1em; margin-right:0.6em; padding:10px 20px; border:none; 
  background-color:#ff6319; text-align:center; color:#fff; cursor:pointer;
  font:normal 100%/1.3 "Oswald",arial,sans-serif; text-transform:uppercase }
	input.form-submit:hover
	{ background-color:#e54a01; text-decoration:none }

.webform-client-form .form-actions
{ margin-top:1.5em; padding-top:1.3em; border-top:1px solid #e2e1da }



/* ---------------- Layout ---------------- */

.hide, .hide *
{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden }
.clear
{ clear:both }

body
{ margin:0; padding:0; background-color:#fff }

/* Body wrapper */
.container
{ width:950px; margin:0 auto }



/* ----- Header ----- */
#header
{ padding:33px 0 23px; background-color:#fff }

#logo, h1#logo
{ position:relative; z-index:5; float:left; margin:0; padding:0 }
#logo img
{ display:block; width:200px !important; height:60px !important }

.region-header
{ float:right; margin-top:4px }

/* Auxiliary menu */
.region-header #block-menu-menu-auxiliary
{ display:inline-block; vertical-align:middle }

.region-header #block-menu-menu-auxiliary .content ul.menu
{ margin:0 22px 0 0; padding:0; list-style:none }
.region-header #block-menu-menu-auxiliary .content ul.menu li
{ display:inline-block; margin:0 11px 0 0; padding:0; list-style:none; background:none; white-space:nowrap }
	.region-header #block-menu-menu-auxiliary .content ul.menu li.last
	{ margin:0 }

.region-header #block-menu-menu-auxiliary .content ul.menu li:after
{ content:"•"; display:inline-block; margin-left:11px; color:#9b9a91 }
	.region-header #block-menu-menu-auxiliary .content ul.menu li.last:after
	{ content:none; margin-left:0 }

.region-header #block-menu-menu-auxiliary .content ul.menu li a:hover
{ color:#006586; text-decoration:none }
.region-header #block-menu-menu-auxiliary .content ul.menu li a.active
{ color:#006586 }


/* Search form */
.region-header #block-search-form
{ display:inline-block; vertical-align:middle; border:2px solid #e2e1da }
	.region-header #block-search-form:hover
	{ border-color:#9b9a91 }

.region-header #block-search-form .content form .form-text
{ display:inline-block; width:171px; min-height:22px; margin:0; padding:10px 12px; border:none; color:#7d8a8f }

	/* Placeholder text color */
	.region-header #block-search-form .content form .form-text::-webkit-input-placeholder
	{ color:#9b9a91; opacity:1 }
	.region-header #block-search-form .content form .form-text::-moz-placeholder
	{ color:#9b9a91; opacity:1 }
	.region-header #block-search-form .content form .form-text::-ms-input-placeholder
	{ color:#9b9a91; opacity:1 }
	.region-header #block-search-form .content form .form-text:placeholder-shown
	{ color:#9b9a91; opacity:1 }

.region-header #block-search-form .content form .form-submit
{ width:22px; height:22px; margin:0 8px; padding:0; border:none; border-radius:0; text-indent:-9999px; overflow:hidden;
  box-shadow:none; background:transparent url("../images/icon-search.png") no-repeat center top }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		.region-header #block-search-form .content form .form-submit
		{ background-image:url("../images/icon-search@2x.png"); background-size:22px auto }
	}


/* ----- Main menu ----- */

#main-menu
{ clear:both; width:100%; position:sticky; top:0; z-index:80; background-color:#22294b; color:#fff }

#main-menu > .container
{ display:table; border:none; border-collapse:collapse }

#main-menu ul.menu
{ display:table-row; margin:0; padding:0; list-style:none }
	#main-menu ul.menu:after /* Remove clear fix */
	{ content:none; display:none }

#main-menu ul.menu > li
{ position:relative; display:table-cell; vertical-align:middle; margin:0; padding:0; border:none;
  background:#22294b none; list-style:none; list-style-image:none; line-height:1.2 }

	#main-menu ul.menu > li.active-trail, #main-menu ul.menu > li.active
	{ background-color:#0086a8 }

#main-menu ul.menu > li > a
{ position:relative; display:block; padding:18px 0; border-left:1px solid rgba(255,255,255,.19); 
  text-align:center; font:normal 125%/1.2 "Oswald",arial,sans-serif; color:#fff; white-space:nowrap; text-transform:uppercase }

	#main-menu ul.menu > li:hover > a
	{ z-index:4; margin-right:-1px; border-right:1px solid rgba(255,255,255,.19); background-color:#0a6a8c; color:#fff; text-decoration:none }
	#main-menu ul.menu > li > a.active-trail, #main-menu ul.menu > li > a.active
	{ z-index:2; margin-right:-1px; border-right:1px solid rgba(255,255,255,.19); background-color:#0086a8; color:#fff }

/* About link spacing */
#main-menu ul.menu > li.first > a
{ padding-left:4px; padding-right:4px }

/* Donate link color */
#main-menu ul.menu > li.last
{ background-color:#ff6319 }
	#main-menu ul.menu > li.last > a
	{ border-left:none }
	#main-menu ul.menu > li.last > a:hover
	{ background-color:#dd4700; margin-right:0; border-right:none }

/* Nested flyout menu */
#main-menu ul.menu > li > ul.menu
{ display:none; position:absolute; left:0; z-index:50; min-width:12em; margin:0; padding:0; border:none; border:1px solid #2e9fbb; background-color:#0a6a8c }
	#main-menu ul.menu > li:hover > ul.menu
	{ display:block }

#main-menu ul.menu > li > ul.menu > li
{ display:block; border:none; background-color:#0a6a8c; line-height:1.1 }
#main-menu ul.menu > li > ul.menu > li > a
{ position:static; padding:12px 40px 12px 25px; border:none; font:normal 100%/1.2 "Open Sans",arial,sans-serif; text-align:left; text-transform:none }

	#main-menu ul.menu > li > ul.menu > li > a:hover, #main-menu ul.menu > li > ul.menu > li > a.active-trail, #main-menu ul.menu > li > ul.menu > li > a.active
	{ margin-right:0; border:none; background-color:#0086a8 }

/* Hide third-level menu */
#main-menu ul.menu > li > ul.menu > li > ul.menu
{ display:none }


/* ----------------- Content area ------------------ */

#content-wrapper
{ margin:2.5em 0 3em }

/* With left sidebar */
body.one-sidebar.sidebar-first #content-innerwrapper 
{ margin-left:236px }
body.one-sidebar.sidebar-first #content
{ float:right; width:100% }
body.one-sidebar.sidebar-first #sidebar-first
{ float:left; width:200px; margin-left:-236px }


/* Landing page banner title */
#section-title
{ margin:0 0 -.5em; background:#0086a8 url("../images/title-banner-logo.png") no-repeat bottom right }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#section-title
		{ background-image:url("../images/title-banner-logo@2x.png"); background-size:147px auto }
	}

#section-title .container /* Contain contextual links */
{ position:relative; z-index:1 }
#section-title h1
{ margin:0; padding:44px 0; color:#fff }


/* ------- System tabs ------- */

.tabs
{ margin:0 0 2em }

.tabs > ul
{ margin:0 0 1.3em; padding:0 1em; border:none; border-bottom:2px solid #e7e6e1 }
	.tabs > ul:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.tabs > ul > li
{ float:left; vertical-align:bottom; margin:0 .5em 0 0; padding:0; border:none; background:none; list-style:none }

.tabs > ul > li > a
{ float:left; margin:0; padding:0 10px; background-color:#e7e6e1; border:2px solid #e7e6e1; border-bottom:none; 
  border-radius:3px 3px 0 0; line-height:1.7; color:#22294b }

	.tabs > ul > li > a:hover
	{ background-color:#f3f3f0; border-color:#e7e6e1 }
	.tabs > ul > li.active a
	{ position:relative; top:2px; z-index:50; background-color:#fff; border:2px solid #e7e6e1; border-bottom:none; font-weight:600 }

.tabs > ul.secondary
{ padding:0 1em 0 2em; font-size:87.5% }


/* ----- Messages ----- */

#messages
{ margin:0 auto; padding:20px 0 5px }
div.messages
{ margin:1em 0 1.3em; border-radius:3px; background-position:13px .7em }

div.messages.error *
{ color:#8c2e0b }

div.messages ul
{ margin:0 }
div.messages ul > li
{ margin:0 0 .4em; padding-left:0; background-image:none; list-style:none }
div.messages ul > li:last-child
{ margin-bottom:0 }


/* Help */
.region-help
{ margin-bottom:1.5em; padding:1.5em; border:1px solid #d3d7d9 }

/* Nodes */
.node-unpublished
{ margin:-20px -15px 0; padding:20px 15px 0 }


/* Responsive video iframes */
.fluid-width-video-wrapper {
	width: 100%;
	position: relative;
	padding: 0;
}
.fluid-width-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* YouTube video modal/overlays */
a.modal-video-player
{ position:relative }
figure a.modal-video-player img
{ display:inline-block }

a.modal-video-player:after /* Play icon */
{ content:""; position:absolute; top:0; left:50%; display:block; 
  width:64px; height:45px; margin:-40% 0 0 -32px; opacity:.75;
  background:url("../images/icon-youtube-play.png") no-repeat 50% 50%; background-size:64px auto;
  pointer-events:none }
	a.modal-video-player:hover:after
	{ opacity:1 }

/* Homepage */
#home-about
{ margin-bottom:2em; padding-bottom:1em; border-bottom:1px solid #e2e1da }
#home-about a.modal-video-player:after
{ margin:13% 0 0 -124px; left:0 }

/* Override Modal Video library default scripts */
div.modal-video
{ background-color:rgba(0,0,0,0.7) }
div.modal-video-movie-wrap
{ box-shadow:0 0 2rem rgba(0,0,0,.5) }
button.modal-video-close-btn
{ cursor:pointer }


/* ----- Content layout options ----- */

/* --- Column lists --- */
ul.columns
{ -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:52px; -webkit-column-gap:52px; column-gap:52px }
ul.columns li
{ overflow:hidden; -moz-column-break-inside:avoid; -webkit-column-break-inside:avoid; break-inside:avoid }


/* --- Thumbnail columns (small left thumbnail image) --- */
ul.thumbnails
{ margin:0 0 1.7em; padding:0; list-style:none }
ul.thumbnails > li
{ clear:both; margin:0 0 1.7em; padding:0 0 1.7em 168px; list-style:none;
  background:url("../images/hr-dotted.png") repeat-x 0 100%; background-size:auto 1px }

	ul.thumbnails > li:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	ul.thumbnails > li:last-child
	{ margin-bottom:0; padding-bottom:0; background:none }

ul.thumbnails > li > *:last-child
{ margin-bottom:0 }

/* Photos */
ul.thumbnails > li img
{ float:left; max-width:144px !important; height:auto !important; margin:.3em 0 0 -168px }

/* Photos with captions */
ul.thumbnails > li figure
{ float:left; width:144px; margin:.3em 0 0 -168px }
ul.thumbnails > li figure img
{ display:block; float:none; margin:0 }
ul.thumbnails > li figure figcaption
{ display:block; background-color:#f3f3f1; margin:0; padding:14px 10px; text-align:left;
  font:normal 12px/1.5 "Open Sans",arial,sans-serif; color:#666 }


/* --- Featured columns (large thumbnail; 50/50 split) --- */
ul.featured-thumbnails
{ margin:0 0 1.8em; padding:0; list-style:none }
ul.featured-thumbnails > li
{ clear:both; margin:0 0 1.8em; padding:0 0 1.7em 53%; list-style:none;
  background:url("../images/hr-dotted.png") repeat-x 0 100%; background-size:auto 1px }

	ul.featured-thumbnails > li:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	ul.featured-thumbnails > li:last-child
	{ margin-bottom:0; padding-bottom:0; background:none }

ul.featured-thumbnails > li p
{ margin-bottom:1.2em; font-size:112.5%; font-weight:600; line-height:1.6 }

ul.featured-thumbnails > li > *:last-child
{ margin-bottom:0 }

/* Photos */
ul.featured-thumbnails > li img
{ float:left; width:100%; height:auto !important; margin:.3em 0 0 -112% }

/* Photos with captions */
ul.featured-thumbnails > li figure
{ float:left; width:100%; margin:.3em 0 0 -112% }
ul.featured-thumbnails > li figure img
{ display:block; float:none; margin:0 }
ul.featured-thumbnails > li figure figcaption
{ display:block; background-color:#f3f3f1; margin:0; padding:14px 10px; text-align:left;
  font:normal 12px/1.5 "Open Sans",arial,sans-serif; color:#666 }

/* CKEditor fix */
ul.thumbnails .cke_widget_wrapper img.cke_widget_drag_handler,
ul.featured-thumbnails .cke_widget_wrapper img.cke_widget_drag_handler
{ float:none; margin:0; width:15px !important; height:15px !important; max-width:none; display:inline-block }

ul.thumbnails .cke_widget_image.cke_widget_wrapper > a,
ul.featured-thumbnails .cke_widget_image.cke_widget_wrapper,
ul.featured-thumbnails .cke_widget_image.cke_widget_wrapper > a
{ display:inline }


/* --- Boxes --- */
.box
{ margin:0 0 1.7em; padding:36px; background-color:#f3f3f0; border-radius:3px }
	.box > *:last-child /* Remove bottom margin */
	{ margin-bottom:0 }

.box.small
{ font-size:87.5% }
.box.small h3, .box.small h4
{ margin-bottom:.4em }
.box.small p
{ margin-bottom:.6em; line-height:1.6 }


/* --- Icons list box --- */
ul.icons
{ margin:0 0 1.7em; padding:42px 36px; background-color:#f3f3f0; border-radius:3px }
	.box ul.icons /* Within box */
	{ background-color:#fff }

ul.icons > li
{ min-height:44px; margin:0 0 2em; padding:0 0 0 50px; background:url("../images/list-doc.png") no-repeat 0 3px; line-height:1.6 }
	ul.icons > li:last-child /* Remove bottom margin */
	{ margin-bottom:0 }

	ul.icons > li.pdf
	{ background-image:url("../images/list-doc-pdf.png") }
	ul.icons > li.excel
	{ background-image:url("../images/list-doc-excel.png") }
	ul.icons > li.powerpoint
	{ background-image:url("../images/list-doc-powerpoint.png") }
	ul.icons > li.word
	{ background-image:url("../images/list-doc-word.png") }
	ul.icons > li.video
	{ background-image:url("../images/list-doc-video.png") }
	ul.icons > li.image
	{ background-image:url("../images/list-doc-image.png") }
	ul.icons > li.text
	{ background-image:url("../images/list-doc-text.png") }
	ul.icons > li.email
	{ background-image:url("../images/list-email.png") }
	ul.icons > li.telephone
	{ background-image:url("../images/list-telephone.png") }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		ul.icons > li
		{ background-image:url("../images/list-doc@2x.png"); background-size:36px auto }
		ul.icons > li.pdf
		{ background-image:url("../images/list-doc-pdf@2x.png") }
		ul.icons > li.excel
		{ background-image:url("../images/list-doc-excel@2x.png") }
		ul.icons > li.powerpoint
		{ background-image:url("../images/list-doc-powerpoint@2x.png") }
		ul.icons > li.word
		{ background-image:url("../images/list-doc-word@2x.png") }
		ul.icons > li.video
		{ background-image:url("../images/list-doc-video@2x.png") }
		ul.icons > li.image
		{ background-image:url("../images/list-doc-image@2x.png") }
		ul.icons > li.text
		{ background-image:url("../images/list-doc-text@2x.png") }
		ul.icons > li.email
		{ background-image:url("../images/list-email@2x.png"); background-size:34px auto }
		ul.icons > li.telephone
		{ background-image:url("../images/list-telephone@2x.png"); background-size:33px auto }
	}


/* --- Aligned column lists --- */
ul.data-column > li
{ clear:both }
	ul.data-column > li:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

ul.data-column > li .col:nth-child(odd)
{ clear:both; float:left; width:47% }
ul.data-column > li .col:nth-child(even)
{ float:right; width:47% }


/* --- Thumbnail gallery lists --- */
ul.gallery
{ clear:both; margin:0 0 1.7em; padding:0; list-style:none }
	ul.gallery:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

ul.gallery > li
{ min-height:120px; margin:0 0 2em; padding:0; background:none; list-style:none }
ul.gallery > li:nth-child(odd)
{ clear:both; float:left; width:47% }
ul.gallery > li:nth-child(even)
{ clear:right; float:right; width:47% }

ul.gallery > li a
{ display:block }
ul.gallery > li a:hover
{ box-shadow:0 0 2px 1px #006586 }
	ul.gallery.nohover > li a:hover /* Option to remove hover stroke */
	{ box-shadow:none }

ul.gallery > li img
{ display:block; max-width:100%; height:auto }

/* Twitter embedded video */
ul.gallery > li .twitter-video-rendered
{ min-width:0 !important; max-width:calc(100%+16px) !important; margin:-8px !important }

/* Three across */
ul.gallery.three > li:nth-child(3n+1)
{ clear:both; float:left; width:29.33%; margin-right:3% }
ul.gallery.three > li:nth-child(3n+2)
{ clear:none; float:left; width:29.33%; margin-left:3% }
ul.gallery.three > li:nth-child(3n+0)
{ clear:right; float:right; width:29.33% }


/* Image grid */
ul.grid
{ width:100%; list-style:none;
  display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;
  -webkit-box-lines:multiple; /* Old Android < 4.2 fix */
  -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }

	ul.grid:before /* Safari wrap bug fix */
	{ display:block }

ul.grid > li /* Four-across by default */
{ width:20%; align-items:center; text-align:center; list-style:none; background:none; margin:0 6.66% 2em 0; padding:0;
  display:block; display:-webkit-box; display:-webkit-flex; display:flex }

	ul.grid > li:nth-child(4n+0)
	{ margin-right:0 }

/* IE10 height support */
/*
ul.grid > li a
{ min-height:100% }
*/
ul.grid > li img
{ max-width:100%; height:auto }


/* --- Content columns --- */
div.columns
{ clear:both }
	div.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

div.columns > .col:nth-child(odd)
{ float:left; width:47% }
div.columns > .col:nth-child(even)
{ float:right; width:47% }

div.columns > .col img
{ max-width:100%; height:auto }

/* Condense nested elements */
div.columns .box
{ padding:24px }
div.columns ul.icons
{ padding:30px 24px }
div.columns ul.icons
{ padding:30px 24px }



/* --- Content hortizontal tabs --- */
ul.tabbox
{ margin:0 0 2em; padding:0 }
ul.tabbox > li
{ margin:0; padding:0; background-image:none; list-style:none }

/* Tab bar */
ul.tabbar
{ display:flex; flex-direction:row; flex-wrap:wrap;
  margin:0 0 .25em; padding:0 .4em; border-bottom:2px solid #e7e6e1; list-style:none }
ul.tabbar > li
{ margin:0; padding:0 .3em; background-image:none; list-style:none }
ul.tabbar > li > a
{ display:inline-block; margin-top:.2em; padding:.35em .75em; background-color:#e7e6e1; font-weight:600;
  border:2px solid #e7e6e1; border-bottom:none; border-radius:3px 3px 0 0;
  line-height:1.7; color:#42496b }
ul.tabbar > li > a:hover
{ background-color:#f3f3f0; border-color:#e7e6e1; text-decoration:none }

/* Active tab */
ul.tabbar > li.active > a
{ background-color:#fff; border:2px solid #e7e6e1; color:#22294b; border-bottom:none }


/* --- Related sections --- */
.field-name-field-related-sections
{ clear:both; margin-top:2.6em; border-top:1px solid #e2e1da }

.field-name-field-related-sections > .field-items > .field-item
{ padding-top:2.6em }

	.field-name-field-related-sections > .field-items > .field-item.even
	{ float:left; width:44% }
	.field-name-field-related-sections > .field-items > .field-item.odd
	{ float:right; width:44%; padding-left:6%; border-left:1px solid #e2e1da }

#content .field-name-field-related-sections h2
{ margin-bottom:.5em; font:normal 137.5%/1.3 "Oswald",arial,sans-serif; color:#22294b; text-transform:uppercase }
	#content .field-name-field-related-sections h2 a
	{ color:#22294b }

#content .field-name-field-related-sections h2 i
{ display:inline-block; margin-top:-10px; margin-right:.35em; font-size:159%; color:#ff6319; vertical-align:top }

#content .field-name-field-related-sections p
{ line-height:1.4 }



/* ------------------ Sidebars ------------------ */

/* ----- Left sidebar ----- */

#sidebar-first
{ margin-top:.375em }

#sidebar-first .block
{ margin:0 0 2.2em; padding:24px 16px 26px 22px; border:1px solid #e2e1da; border-radius:3px }

#sidebar-first .block > h2
{ margin:0 0 .6em; color:#22294b; text-transform:uppercase }
#sidebar-first .block .content p
{ line-height:1.3 }

#sidebar-first .block .content a.action, #sidebar-first .block .content a.action-donate /* Make action buttons stretch */
{ display:block; margin-right:6px }

#sidebar-first .block .content > *:last-child, #sidebar-first .block .content > ul:last-child > li:last-child /* Remove bottom padding */
{ margin-bottom:0 }


/* --- Subnavigation --- */

#sidebar-first .block-menu-block
{ background-color:#f3f3f0; padding:9px 0 14px; border:none }

#sidebar-first .block-menu-block > h2
{ margin:0; padding:12px 21px 15px }
	#sidebar-first .block-menu-block > h2 a:hover,
	#sidebar-first .block-menu-block > h2 a.active
	{ color:#22294b; text-decoration:none }

#sidebar-first .block-menu-block .content ul
{ margin:0; padding:0; list-style:none }
#sidebar-first .block-menu-block .content ul > li
{ margin:0; padding:0; list-style:none; background:none; line-height:1.2 }

#sidebar-first .block-menu-block .content ul > li > a
{ display:block; padding:8px 21px }

	#sidebar-first .block-menu-block .content ul > li > a:hover
	{ color:#22294b; text-decoration:none }
	#sidebar-first .block-menu-block .content ul > li > a.active, #sidebar-first .block-menu-block .content ul > li > a.active-trail
	{ background-color:#e7e6e1; color:#22294b }


/* --- Other blocks --- */

#block-block-6  /* Stay informed */
{ background:url("../images/block-stayinformed-back.png") no-repeat 0 14px }
#block-block-7  /* Donate */
{ background:url("../images/block-donate-back.png") no-repeat 0 0 }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#block-block-6
		{ background-image:url("../images/block-stayinformed-back@2x.png"); background-size:86px auto }
		#block-block-7
		{ background-image:url("../images/block-donate-back@2x.png"); background-size:64px auto }
	}



/* ------------------ Footer ------------------ */

#footer
{ clear:both; margin:2em 0 0; padding:3.9em 0 1em; background-color:#22294b }

/* Block columns */
#footer .region-footer > .block
{ float:left; width:22%; margin:0 4% 2.4em 0 }
	#footer .region-footer > .block:last-child
	{ margin-right:0 }

#footer .region-footer > .block .content > *:last-child /* Remove bottom padding */
{ margin-bottom:0 }

#footer .region-footer > .block .content
{ color:#fff }

#footer .region-footer > .block h2
{ margin:0 0 .5em; color:#ff6319; text-transform:uppercase }
#footer .region-footer > .block h2 a
{ color:#ff6319 }

#footer .region-footer > .block .content p
{ line-height:1.7 }
#footer .region-footer > .block .content a
{ display:inline-block; color:#fff; line-height:1.2 }


/* Social icons */
#footer #block-block-5 .content a
{ margin:0 .5em; line-height:1 }
	#footer #block-block-5 .content a:hover
	{ color:#88dcee; text-decoration:none }

#footer #block-block-5 .content a > i
{ font-size:281% }


/* IDC block */
#footer-bottom
{ margin:1.1em 0 .3em }

#footer-bottom .block .content
{ text-align:center; font-size:87.5% }
#footer-bottom .block .content p
{ margin:0 }

#footer-bottom .block .content img
{ margin-right:6px; vertical-align:middle }



/* -------------- Unique pages ------------- */

/* --- Take action social icons --- */
p.social-icons
{ margin-bottom:.1em; font-size:500%; line-height:1.5 }
	p.social-icons a:hover
	{ text-decoration:none }


/* --- Staff/committee lists --- */
#node-2 .content p, #node-4 .content p
{ line-height:1.5 }
#node-2 .content p.intro, #node-4 .content p.intro /* Reset intro paragraphs */
{ line-height:1.6 }


/* --- Staff page mail icons --- */
ul.thumbnails figure figcaption i
{ margin-right:.4em; font-size:115% }


/* -------- Homepage -------- */

body.front #content > .tabs /* Hide tabs */
{ display:none }


/* --- Carousel --- */

#block-views-homepage-carousel-block
{ position:relative; width:100%; height:425px; overflow:hidden; background-color:#22294b }

/* Hide Block contextual links (Node contextual links will still appear) */
#block-views-homepage-carousel-block > .contextual-links-wrapper
{ display:none }

/* Hide all slides except first */
#block-views-homepage-carousel-block .view-content .views-row
{ display:none; position:absolute; z-index:1; top:0; left:0; width:100%; height:425px }
	#block-views-homepage-carousel-block .view-content .views-row.views-row-1
	{ display:block }

#block-views-homepage-carousel-block .view-content .views-row .node /* Background image set in template */
{ width:100%; height:100%; background:none no-repeat 50% 50%; background-size:cover }
#block-views-homepage-carousel-block .view-content .views-row .node .content
{ width:28em; min-width:400px; max-width:100%; margin-left:48px }

/* Heading */
#block-views-homepage-carousel-block .view-content .views-row .node .content > h2
{ margin:0 0 1.3em; padding:63px 0 .4em; border-bottom:1px solid #88dcee; 
  color:#88dcee; font:normal 93.75%/1.3 "Oswald",arial,sans-serif; letter-spacing:.16em; text-transform:uppercase }

	/* 20th anniversary slide */
	#block-views-homepage-carousel-block .view-content .views-row #node-120.node .content > h2
	{ padding-top:30px }


/* Body */
#block-views-homepage-carousel-block .view-content .views-row .node .field-name-body
{ margin-bottom:1em; color:#fff; font:300 168.75%/1.4 "Oswald",arial,sans-serif }
#block-views-homepage-carousel-block .view-content .views-row .node .field-name-body p
{ margin:0; line-height:1.4 }

/* Action button */
#block-views-homepage-carousel-block .view-content .views-row .node .field-name-field-homepage-lead-link a.action
{ padding:11px 19px; border:none; background-color:#fff }

/* Carousel navigation/arrows */
#block-views-homepage-carousel-block .carousel-previous
{ display:block; position:absolute; z-index:20; left:5px; top:172px; width:50px; height:81px; text-indent:-9999px; overflow:hidden;
  background:url("../images/carousel-left.png") no-repeat -100px 0 }
#block-views-homepage-carousel-block .carousel-next
{ display:block; position:absolute; z-index:20; right:5px; top:172px; width:50px; height:81px; text-indent:-9999px; overflow:hidden;
  background:url("../images/carousel-right.png") no-repeat -100px 0 }

	#block-views-homepage-carousel-block:hover .carousel-previous, #block-views-homepage-carousel-block:hover .carousel-next
	{ background-position:0 0 }
	#block-views-homepage-carousel-block .carousel-previous:hover, #block-views-homepage-carousel-block .carousel-next:hover
	{ background-position:-50px 0 }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#block-views-homepage-carousel-block .carousel-previous
		{ background-image:url("../images/carousel-left@2x.png"); background-size:150px auto }
		#block-views-homepage-carousel-block .carousel-next
		{ background-image:url("../images/carousel-right@2x.png"); background-size:150px auto }
	}

#block-views-homepage-carousel-block .carousel-nav
{ position:absolute; z-index:18; right:15%; bottom:88px; margin:0; padding:0; list-style:none; line-height:1 }
#block-views-homepage-carousel-block .carousel-nav > li
{ display:inline-block; margin:0; padding:0 2px; list-style:none; background:none; line-height:1 }
#block-views-homepage-carousel-block .carousel-nav > li a
{ display:inline-block; width:32px; height:7px; background-color:#88dcee; text-indent:-9999px; overflow:hidden }
	#block-views-homepage-carousel-block .carousel-nav > li a.active
	{ background-color:#fff }


/* Format standalone carousel nodes */
.node-homepage-lead.node-full
{ background-image:none !important }
.node-homepage-lead.node-full > .container
{ width:auto; margin:0 }


/* --- Homepage columns --- */

#home-content h2
{ margin:0 0 .6em; padding:0; color:#2c3a3e; font:normal 137.5%/1.2 "Oswald",arial,sans-serif; text-transform:uppercase }
#home-content h2 i
{ display:inline-block; margin-top:-10px; margin-right:.3em; font-size:159%; color:#ff6319; vertical-align:top }
#home-content p, #home-content li
{ line-height:1.4 }

/* DWN In Action column */
#home-action
{ float:left; width:440px }
#home-action h2
{ min-height:26px; margin-bottom:1.6em; padding-left:33px; background:url("../images/icon-circles.png") no-repeat 0 50% }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#home-action h2
		{ background-image:url("../images/icon-circles@2x.png"); background-size:26px auto }
	}

#home-action ul.thumbnails
{ margin-bottom:0 }
#home-action ul.thumbnails > li
{ margin-bottom:1.2em; padding-bottom:1.2em }
	#home-action ul.thumbnails > li:last-child
	{ margin-bottom:0; padding-bottom:0 }

#home-action ul.thumbnails > li > *:last-child /* Remove bottom margin */
{ margin-bottom:0 }
#home-action h3
{ margin-bottom:.5em; font-size:112.5% }
	#home-action h3 a
	{ display:block; color:#000; word-break:break-word }

#home-action p
{ margin-bottom:.5em }

/* Modal video thumbnail */
#home-action a.modal-video-player::after {
  top: 79px;
  left: 0;
  margin-top: 0;
  margin-left: -128px;
}

@media only screen and (max-width:1000px) {
  #home-action a.modal-video-player::after {
   top: 70px;
    margin-left: -118px;
  }
}

@media only screen and (max-width:667px) {
  #home-action a.modal-video-player::after {
    display: none;
  }
}



/* Stay Informed column */
#home-networking
{ float:right; width:440px; border-left:1px solid #e2e1da; padding-left:36px }
#home-networking hr
{ margin:2.2em 0 1.8em -36px }

/* Tweets */
#home-tweets h2
{ float:left; margin:0 .4em .9em 0 }
#home-tweets h2 + a.more
{ float:right; margin-bottom:.4em }

#home-tweets ul
{ clear:both; margin:0; padding:0; list-style:none; font-size:87.5% }
#home-tweets ul > li
{ min-height:39px; margin:0 0 2px; padding:21px 23px 21px 78px; background:#f3f3f0 url("../images/icon-tweet.png") no-repeat 24px 25px; border-radius:3px; line-height:1.5 }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#home-tweets ul > li
		{ background-image:url("../images/icon-tweet@2x.png"); background-size:39px auto }
	}

#home-tweets ul > li span.time
{ color:#777 }



/* --------------- Press room --------------- */

/* View */
.view-pressroom .view-content .views-row
{ margin:0 0 1.7em; padding:1.7em 0 0; border-top:1px solid #e2e1da }
	.view-pressroom .view-content .views-row-first
	{ padding-top:0; border-top:none }

.view-pressroom .view-content h2
{ margin-bottom:.1em }
.view-pressroom .view-content .field-name-field-release-date
{ margin-bottom:1.4em }
.view-pressroom .view-content ul.inline, .view-pressroom .view-content ul.inline > li
{ margin:0; padding:0 }

/* Full nodes */
.node .field-name-field-release-date div
{ display:inline }

.node .field-name-field-release-subtitle
{ margin:0 0 1.7em; text-align:center; font-style:italic }



/* --------------- Reports --------------- */

/* View */
.view-reports .view-content .views-row
{ margin:0 0 1.7em; padding:1.7em 0 0; border-top:1px solid #e2e1da }
	.view-reports .view-content .views-row-first
	{ padding-top:0; border-top:none }

.view-reports .view-content h2
{ margin-bottom:.1em }

.node-report .field-name-field-report-date
{ font-weight:600; margin-bottom:1.4em }

.node-report .field-name-field-report-coauthors
{ margin-bottom:1.4em }
	.node-report .field-name-field-report-coauthors .field-label
	{ font-weight:normal }
	.node-report .field-name-field-report-coauthors div
	{ display:inline }

.node-report .field-name-field-report-date + .field-name-field-report-coauthors
{ margin-top:-1.4em }


.view-reports .view-content .views-row .field-name-body p:last-child /* Remove bottom padding */
{ margin-bottom:0 }

/* Thumbnail image and text */
.view-reports .field-name-field-report-thumbnail
{ float:left; width:142px; margin:0 0 1em }
.view-reports .field-name-field-report-thumbnail img
{ display:block; max-width:100%; height:auto; border:1px solid #e2e1da; border-radius:3px }

.view-reports .field-name-field-report-thumbnail + .field-name-body
{ margin-left:168px }

/* Nodes */
.node-report.node-full .field-name-field-report-thumbnail
{ float:right; width:142px; margin:0 0 1.2em 1.2em }
.node-report.node-full .field-name-field-report-thumbnail img
{ display:block; max-width:100%; height:auto; border:1px solid #e2e1da; border-radius:3px }
.node-report.node-full ul.icons
{ clear:both }



/* --------------- Voices from Detention --------------- */

/* View */
.view-voices .view-content .views-row
{ margin:0 0 1.7em; padding:1.7em 0 0; border-top:1px solid #e2e1da }



/* --------------- Search Results ---------------- */

#search-form
{ max-width:100% }
#search-form #edit-basic .form-text
{ max-width:40% }
#search-form #edit-basic .form-submit
{ width:22px; height:22px; margin:0 0 0 4px; padding:0; border:none; border-radius:0; text-indent:-9999px; overflow:hidden;
  box-shadow:none; background:transparent url("../images/icon-search.png") no-repeat center top }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#search-form #edit-basic .form-submit
		{ background-image:url("../images/icon-search@2x.png"); background-size:22px auto }
	}

#search-form fieldset
{ clear:both; margin:1.5em 0 2em }

#search-form + h2
{ margin-bottom:1.3em }

ol.search-results
{ margin:0; padding:0; border:none; list-style:none }
.search-results > li
{ clear:both; margin:0 0 1.4em; border-bottom:1px solid #e2e1da; padding:0 0 1.4em; list-style:none }
	.search-results > li:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.search-results h3.title
{ margin-bottom:.5em; font-size:112.5% }

.search-results .search-snippet-info
{ padding-left:0 }
	.search-results .search-snippet-info > *:last-child /* Reduce extra bottom spacing */
	{ margin-bottom:0 }

.search-results img.thumbnail
{ float:right; margin:0 0 0 1em; width:144px; height:auto }


/* -------------- Emma email signup form -------------- */

/* Hide logo */
.e2ma_signup_form .e2ma_signup_image_container
{ display:none }

/* Labels */
.e2ma_signup_form_label, .e2ma_signup_form_group_label
{ display:block; font-weight:bold }
.e2ma_signup_form_required_asterix
{ color:#ff6319 }

/* Fields */
.e2ma_signup_form input[type=text], .e2ma_signup_form textarea
{ width:25em; max-width:92%; margin:0; padding:4px 8px; border:1px solid #d4d7d7; border-radius:3px }

.e2ma_signup_form_row
{ margin-bottom:1em; margin-top:2px }

/* Radio buttons */
.e2ma_signup_form_element ul
{ margin:0; padding:0; list-style:none }
.e2ma_signup_form_element ul li
{ display:inline-block; margin:0 1em 0 0; padding:0; list-style:none; background:none }
.e2ma_signup_form_element ul li label
{ text-transform:capitalize; font-weight:normal }

/* Required note */
.e2ma_signup_form_required_footnote
{ margin:1.5em 0 1.1em; font-size:87.5% }

/* Action buttons */
.e2ma_signup_form_button_row #e2ma_signup_submit_button
{ display:inline-block; margin-bottom:1em; margin-right:0.6em; padding:10px 20px; border:none; 
  background-color:#ff6319; text-align:center; color:#fff; cursor:pointer;
  font:normal 100%/1.3 "Oswald",arial,sans-serif; text-transform:uppercase }
	.e2ma_signup_form_button_row #e2ma_signup_submit_button:hover
	{ background-color:#e54a01; text-decoration:none }

.e2ma_signup_form_button_row #e2ma_signup_reset_button
{ display:none }



/* -------------- Mobile slide-out menu (from Sidr plugin) -------------- */

/* Toggle */
#mobile-menu-toggle
{ display:none; float:right; text-align:center; cursor:pointer }
	#mobile-menu-toggle:hover
	{ text-decoration:none }

#mobile-menu-toggle i
{ display:block; font-size:280%; line-height:.9 }
#mobile-menu-toggle span
{ display:block; font:400 81.25%/1.1 "Oswald",arial,sans-serif; text-transform:uppercase }

/* Slide out wrapper */
#mobile-menu
{ display:none; position:fixed; top:0; left:auto; right:-300px; height:100%; z-index:999999; width:240px; max-width:56%;
  overflow-x:hidden; overflow-y:auto; padding:42px 30px 20px 30px; -webkit-overflow-scrolling:touch;
  background:#22294b url("../images/mobile-menu-back.png") repeat-y; color:#fff }

/* Hidden elements */
#mobile-menu .sidr-class-element-invisible
{ position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); overflow:hidden; height:1px }
#mobile-menu .sidr-class-contextual-links-wrapper
{ display:none }

/* Main menu */
#mobile-menu #sidr-id-main-menu-wrapper ul.sidr-class-menu
{ margin:0; padding:0; list-style:none }
#mobile-menu #sidr-id-main-menu-wrapper ul.sidr-class-menu > li
{ display:block; margin:0 0 1.1em; padding:0; list-style:none; background:none }
#mobile-menu #sidr-id-main-menu-wrapper ul.sidr-class-menu > li > a
{ display:block; font:normal 125%/1.1 "Oswald",arial,sans-serif; color:#fff; text-transform:uppercase; cursor:pointer }

/* Donate button */
#mobile-menu #sidr-id-main-menu-wrapper ul.sidr-class-menu > li.sidr-class-last.sidr-class-leaf > a
{ padding:14px; background-color:#fc642b }
	#mobile-menu #sidr-id-main-menu-wrapper ul.sidr-class-menu > li.sidr-class-last.sidr-class-leaf > a:hover
	{ background-color:#dd4700; text-decoration:none }

/* Hide nested menu */
#mobile-menu #sidr-id-main-menu-wrapper ul.sidr-class-menu > li > ul.sidr-class-menu
{ display:none }


/* Aux nav */
#mobile-menu #sidr-id-block-menu-menu-auxiliary ul
{ margin:2.1em 0 1.9em; padding:0; list-style:none }
#mobile-menu #sidr-id-block-menu-menu-auxiliary ul > li
{ margin:0 0 .7em; padding:0; background:none }
#mobile-menu #sidr-id-block-menu-menu-auxiliary ul > li > a
{ color:#fff }


/* Search form */
#mobile-menu #sidr-id-search-block-form
{ position:relative; margin-bottom:5em; display:block; vertical-align:middle; border:2px solid rgba(255,255,255,.4) }
	#mobile-menu #sidr-id-search-block-form:hover
	{ border-color:#fff }
	#mobile-menu #sidr-id-search-block-form:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#mobile-menu #sidr-id-search-block-form .sidr-class-container-inline div
{ margin:0; display:inline }

#mobile-menu #sidr-id-search-block-form .sidr-class-form-text
{ float:left; width:80%; max-width:172px; min-height:22px; margin:0; padding:10px 12px; 
  border:none; background:transparent; color:#fff }

	/* Placeholder text color */
	#mobile-menu #sidr-id-search-block-form .sidr-class-form-text::-webkit-input-placeholder
	{ color:#fff; opacity:1 }
	#mobile-menu #sidr-id-search-block-form .sidr-class-form-text::-moz-placeholder
	{ color:#fff; opacity:1 }
	#mobile-menu #sidr-id-search-block-form .sidr-class-form-text::-ms-input-placeholder
	{ color:#fff; opacity:1 }
	#mobile-menu #sidr-id-search-block-form .sidr-class-form-text:placeholder-shown
	{ color:#fff; opacity:1 }

#mobile-menu #sidr-id-search-block-form .sidr-class-form-submit
{ position:absolute; top:0; right:0; float:right; width:22px; height:22px; margin:10px 8px; padding:0; border:none; border-radius:0; text-indent:-9999px; overflow:hidden;
  box-shadow:none; background:transparent url("../images/icon-search-white.png") no-repeat center top; cursor:pointer }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#mobile-menu #sidr-id-search-block-form .sidr-class-form-submit
		{ background-image:url("../images/icon-search-white@2x.png"); background-size:22px auto }
	}


/* -------------- Form Elements ------------- */

fieldset /* Offset the negative margin of legends */
{ position:relative; top:12px; margin-top:.8em; margin-bottom:2.4em; padding:0 0 10px;
  border:1px solid #e5eaea; border-radius:4px; background:#fff }
.fieldset-wrapper
{ margin-top:25px }
.node-form .vertical-tabs .fieldset-wrapper
{ margin-top:0 }

fieldset.collapsed
{ background:transparent; border-radius:0 }
fieldset legend
{ display:block; position:absolute; top:-12px; left:-1px; width:100%; height:2em; padding:0;
  border:1px solid #e7e6e1; border-top-left-radius:4px; border-top-right-radius:4px;
  background:#f3f3f0; color:#000; font-weight:600; line-height:2; text-indent:10px }
fieldset.collapsed legend
{ border-radius:4px }
fieldset legend a, fieldset legend a:link, fieldset legend a:visited
{ color:#0086a8 }
	fieldset legend a:hover, fieldset legend a:focus, fieldset legend a:active
	{ color:#006586 }

fieldset .fieldset-wrapper
{ padding:.8em 10px 0 }
fieldset .fieldset-description
{ margin-top:5px; margin-bottom:1em; line-height:1.4; color:#3c3c3c; font-style:italic }

.password-suggestions ul li
{ margin-left:1.2em }
.form-item
{ margin-bottom:1em; margin-top:2px }

.form-type-radio .description, .form-type-checkbox .description
{ margin-left:2px }
.form-actions
{ padding-top:10px }


/* Disabled form elements */
input.form-button-disabled,
input.form-button-disabled:hover,
input.form-button-disabled:focus,
input.form-button-disabled:active,
.form-disabled input,
.form-disabled select,
.form-disabled textarea,
.form-select[disabled]
{ background:#ededed; border-color:#bbb; color:#717171 }
.form-disabled .grippie
{ background-color:#ededed; border-color:#bbb }
.form-disabled label
{ color:#717171 }

/* Animated throbber */
html.js input.form-autocomplete
{ background-position:100% 4px }
html.js input.throbbing
{ background-position:100% -16px }

.pager
{ font-size:125% }

fieldset.webform-submission-info
{ padding-top:30px }


/* -------------- Shortcut Links -------------- */

.shortcut-wrapper /* Same as usual h1#page-title margin */
{ margin:2.2em 0 1.1em 0 }
.shortcut-wrapper h1#page-title
{ float:left; margin:0 }
div.add-or-remove-shortcuts
{ padding-top:0.9em }
.overlay div.add-or-remove-shortcuts
{ padding-top:0.8em }


/* ---------- Admin-specific Theming ---------- */

#toolbar ul li
{ background-image:none }
.ui-widget-overlay
{ background:#222; opacity:0.7 }

/* Hide navigation bars on admin pages */
body.page-node-edit #header,
body.page-node-add #header,
body.page-node-clone #header,
body.page-node-delete #header
{ border-bottom:15px solid #23294b }

body.page-node-edit #header .region-header #block-menu-menu-auxiliary, body.page-node-edit #main-menu,
body.page-node-add #header .region-header #block-menu-menu-auxiliary, body.page-node-add #main-menu,
body.page-node-clone #header .region-header #block-menu-menu-auxiliary, body.page-node-clone #main-menu,
body.page-node-delete #header .region-header #block-menu-menu-auxiliary, body.page-node-delete #main-menu
{ display:none }


/* ----- CKEditor support ----- */
ul.cke_panel_list li
{ margin:3px; padding:0; background:none !important; font-size:13px }
ul.cke_panel_list li div.box
{ padding:4px }
ul.cke_panel_list li a *
{ margin:0; padding:0; border:none }

.cke_panel_block h1.cke_panel_grouptitle
{ font:bold 11px/1.1 "Open Sans",arial,sans-serif }

/* Enhanced image captions */
.cke_editable ul.thumbnails span.cke_image_resizer_wrapper,
.cke_editable ul.thumbnails span.cke_widget_wrapper.cke_widget_inline
{ display:block }


/* ------------------ Contextual links ------------------ */

.contextual-links-wrapper
{ font-size:small !important }
ul.contextual-links
{ font-size:12px }
ul.contextual-links li
{ background:none }
.contextual-links-wrapper a
{ text-shadow:0 0 0 !important }


/* ---------- Overlay layout styles ----------- */

.overlay #main, .overlay #content
{ width:auto; float:none }
.overlay #page
{ padding:0 2em }
.overlay .region-page-top,
.overlay #header,
.overlay #page-title,
.overlay #main-menu,
.overlay #sidebar-first,
.overlay #sidebar-second,
.overlay #footer
{ display:none }
.overlay-processed .field-type-image
{ display:block; float:none }
.overlay #messages
{ width:auto }


/* ---------- Development site left-rail marker ---------- */
#dev-marker
{ position:fixed; z-index:90; top:0; left:0; width:18px; height:100%; background:url("../images/banner-development.png") repeat-y }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#dev-marker
		{ background-image:url("../images/banner-development@2x.png"); background-size:18px auto }
	}