/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* =============================================================================
   HTML5 element display
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e;
}
a:focus {
  outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
  margin: 0 0 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/*
 * Correct overflow displayed oddly in IE9 
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,
input {
  line-height: normal;
  *overflow: visible;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
  overflow: auto;
  vertical-align: top;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/*
// GRID SYSTEM
// -----------

// Fixed (940px)
#gridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);

// Fluid (940px)
#fluidGridSystem > .generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth);
*/
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body:before,
body:after {
  display: table;
  content: "";
}
body:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  clear: both;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.invisible {
  visibility: hidden;
}
* {
  margin: 0;
}
html,
body {
  height: 100%;
}
#sf-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -110px;
  /* the bottom margin is the negative value of the footer's height */

}
footer,
.push {
  height: 110px;
  /* .push must be the same height as .footer */

}
@font-face {
  font-family: "Creative Commons";
  src: url(../fonts/cc-icons.ttf);
}
p,
a,
h1,
h3,
.button {
  font-family: "Helvetica Neue", helvetica;
  text-decoration: none;
  color: #fbfbfb;
}
section {
  margin: 10px 0;
}
a {
  color: #d50000;
  text-decoration: none;
  border-bottom: 1px dashed;
}
a:hover {
  text-decoration: none;
  border-bottom: 1px solid;
}
header a {
  color: #fbfbfb;
  border-bottom: none;
}
header a:hover {
  color: #4ba6c2;
  text-decoration: none;
  border-bottom: none;
}
footer a {
  color: #979797;
  border-bottom: none;
}
footer a:hover {
  color: #4ba6c2;
  text-decoration: none;
  border-bottom: none;
}
h1 {
  color: #fbfbfb;
  font-size: 38px;
  line-height: 36px;
  font-weight: bold;
}
h2 {
  color: #d50000;
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
}
h3 {
  color: #2e2e2e;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
}
label {
  color: #979797;
  font-size: 15px;
  font-weight: bold;
}
p {
  font-size: 12px;
  line-height: 24px;
}
.disclaimer {
  font-size: 12px;
}
.thin {
  font-weight: 100;
}
header a {
  font-weight: 100;
}
span.creative_commons {
  font-family: "Creative Commons";
}
html {
  background: #DDD;
  font-size: 62.5%;
}
body {
  background-color: #000000 0%;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000 0%), to(transparent 100%));
  background: -webkit-linear-gradient(top, #000000 0%, transparent 100%);
  background: -moz-linear-gradient(top, #000000 0%, transparent 100%);
  background: -ms-linear-gradient(top, #000000 0%, transparent 100%);
  background: -o-linear-gradient(top, #000000 0%, transparent 100%);
  -moz-background-size: auto 300px;
  -o-background-size: auto 300px;
  background-size: auto 300px;
  background-repeat: repeat-x;
  height: 100%;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
header {
  padding: 30px 0 0 0;
  background: #2e2e2e;
  *zoom: 1;
}
header:before,
header:after {
  content: "";
  display: table;
}
header:after {
  clear: both;
}
header:before,
header:after {
  display: table;
  content: "";
}
header:after {
  clear: both;
}
nav {
  width: 100%;
  *zoom: 1;
}
nav:before,
nav:after {
  content: "";
  display: table;
}
nav:after {
  clear: both;
}
nav:before,
nav:after {
  display: table;
  content: "";
}
nav:after {
  clear: both;
}
form {
  *zoom: 1;
}
form:before,
form:after {
  content: "";
  display: table;
}
form:after {
  clear: both;
}
form:before,
form:after {
  display: table;
  content: "";
}
form:after {
  clear: both;
}
form .button {
  position: static;
  max-width: 133px;
}
form .button,
form .disclaimer {
  float: right;
  clear: both;
}
form .disclaimer {
  font-size: 9px;
}
form legend {
  color: #4ba6c2;
  display: block;
  font-size: 2.0rem;
  font-weight: bold;
}
form a {
  color: #fbfbfb;
  border: none;
}
form a:hover {
  color: #d50000;
  border-bottom: none !important;
  text-decoration: underline;
}
form a.disclaimer {
  margin-top: 5px;
}
footer {
  *zoom: 1;
  display: block;
  background: #222222;
  font-size: 15px;
  color: #979797;
  font-weight: normal;
  padding: 10px 0 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
}
footer:before,
footer:after {
  content: "";
  display: table;
}
footer:after {
  clear: both;
}
footer:before,
footer:after {
  display: table;
  content: "";
}
footer:after {
  clear: both;
}
footer a {
  color: #979797;
}
.main {
  width: 100%;
  margin-top:0;
}
.secondary {
  width: 100%;
}
.date span {
  font-size: 12px;
  font-weight: bold;
  color: #fbfbfb;
  text-align: center;
  margin-top: 15px;
  display: block;
}
.horizontal-list {
  *zoom: 1;
  margin: 10px 0;
}
.horizontal-list:before,
.horizontal-list:after {
  content: "";
  display: table;
}
.horizontal-list:after {
  clear: both;
}
.horizontal-list:before,
.horizontal-list:after {
  display: table;
  content: "";
}
.horizontal-list:after {
  clear: both;
}
.horizontal-list li {
  display: inline-block;
}
.button {
  height: 48px;
  display: block;
  border: 5px solid #4ba6c2;
  padding: 8px 5px;
  background-color: #4ba6c2;
  text-align: center;
  color: white;
  font-size: 15px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
}
.button:hover {
  color: #fbfbfb;
  border: 5px solid #4ba6c2;
}
.button.red {
  text-transform: uppercase;
}
.button.arrow {
  margin-right: 24px;
}
.button.arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -24px;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #4ba6c2;
  right: -1.5em;
}
.button.arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -19px;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 15px solid #4ba6c2;
  right: -1em;
  z-index: 666;
}
.button.arrow:hover {
  color: #4ba6c2;
}
.button.arrow:hover:after {
  border-left: 15px solid #fbfbfb;
}
.button.red {
  height: 48px;
  display: block;
  border: 5px solid #d50000;
  padding: 8px 5px;
  background-color: #d50000;
  text-align: center;
  color: white;
  font-size: 15px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button.red:hover {
  color: #fbfbfb;
  border: 5px solid #d50000;
}
.button.red.red {
  text-transform: uppercase;
}
.button.red.arrow {
  margin-right: 24px;
}
.button.red.arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -24px;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #d50000;
  right: -1.5em;
}
.button.red.arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -19px;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 15px solid #d50000;
  right: -1em;
  z-index: 666;
}
.button.red.arrow:hover {
  color: #4ba6c2;
}
.button.red.arrow:hover:after {
  border-left: 15px solid #fbfbfb;
}
.button.red:hover {
  color: #d50000;
}
.button:hover {
  color: #4ba6c2;
  text-decoration: none;
  background: #fbfbfb;
}
.field {
  margin: 10px auto;
  display: block;
}
.field label {
  display: block;
}
.field input {
  width: 100%;
  height: 32px;
  display: inline-block;
}
.rect {
  padding: 10px;
  min-height: 152px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  *zoom: 1;
}
.rect:before,
.rect:after {
  content: "";
  display: table;
}
.rect:after {
  clear: both;
}
.rect:before,
.rect:after {
  display: table;
  content: "";
}
.rect:after {
  clear: both;
}
.rect p {
  font-size: 15px;
}
.rect.black p a:hover {
  color: #fbfbfb;
  border-bottom: 1px solid;
}
.rect.black h2 {
  color: #fbfbfb;
}
.rect.black h3 {
  color: #fbfbfb;
}
.rect.transparent {
  opacity: 0.9;
}
a.rect {
  border: none;
}
.large_rect {
  *zoom: 1;
}
.large_rect:before,
.large_rect:after {
  content: "";
  display: table;
}
.large_rect:after {
  clear: both;
}
.large_rect:before,
.large_rect:after {
  display: table;
  content: "";
}
.large_rect:after {
  clear: both;
}
.large_rect p {
  font-size: 15px;
}
.large_rect.white p,
.large_rect.white h1 {
  color: #2e2e2e;
}
.large_rect.transparent {
  opacity: 0.9;
}
.social-icons {
  padding: 2% 0 0 0;
  text-align: center;
  clear: both;
}
.social-icons li.desc {
  position: relative;
  top: -40px;
  margin: 0 1em 0 0;
}
.social-icons .circle {
  vertical-align: top;
}
.social-icons .circle a {
  display: block;
  border-bottom: none;
}
.social-icons .circle a img {
  position: relative;
}
.social-icons .circle a img.twitter {
  width: 25px;
  top: 15px;
  left: 0px;
}
.social-icons .circle a img.facebook {
  width: 25%;
  top: 11px;
  left: 0px;
}
.social-icons .circle a img.mailto {
  width: 50%;
  top: 15px;
  left: 0px;
}
header .logo {
  display: block;
  margin: 0px auto;
  height: 50px;
  background-image: url(../images/logo.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}
header .logo a {
  display: block;
  text-decoration: none;
  height: 100%;
  text-indent: -9999px;
}
header nav ul {
  text-align: center;
  font-size: 17px;
  line-height: 24px;
}
header nav ul li {
  margin-bottom: 10px;
}
header nav ul li a {
  font-weight: 200;
}
header nav ul li ul {
  margin: 10px 0;
}
.post {
  width: 100%;
  position: relative;
  padding: 10px 0;
  *zoom: 1;
}
.post:before,
.post:after {
  content: "";
  display: table;
}
.post:after {
  clear: both;
}
.post:before,
.post:after {
  display: table;
  content: "";
}
.post:after {
  clear: both;
}
.post:last-child {
  border: 0;
  padding-bottom: 0;
}
.post img {
  max-width: 370px;
  margin: 0 auto;
  display: block;
}
.post .desc {
  padding: 10px;
  display: inline-block;
}
.post .desc p {
  color: #2e2e2e;
  line-height: 28px;
}
.post .button {
  display: none;
}
.post .image_wrapper {
  float: left;
}
.image_credit {
  font-size: 0.8em;
  text-align: right;
}
.feature_content {
  min-height: 380px;
  position: relative;
  background-position: center center, center center;
}
.feature_content hgroup {
  position: absolute;
  bottom: 70px;
  left: 50%;
  min-width: 300px;
  margin-left: -150px;
}
.feature_content hgroup h1,
.feature_content hgroup h3 {
  padding: 10px;
  color: #fbfbfb;
}
.feature_content hgroup h1 {
  margin-left: 25px;
  margin-top: 10px;
}
.feature_content hgroup h1:first-child {
  margin: 0;
}
.feature_content hgroup h3 {
  position: absolute;
  bottom: 0px;
}
.slider_wrapper {
  position: relative;
}
.slider_wrapper ul.pagination {
  position: absolute;
  bottom: 96px;
  right: 250px;
  list-style-type: none;
}
.slider_wrapper ul.pagination li {
  display: inline-block;
  text-indent: -9999px;
  border-radius: 99px;
  width: 10px;
  height: 10px;
  margin-right: 20px;
  background-color: #fbfbfb;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.slider_wrapper ul.pagination li.selected {
  background-color: #4ba6c2;
}
.arrow_back,
.arrow_forward {
  width: 26px;
  height: 51px;
  display: block;
  background-color: transparent;
  color: black;
  position: absolute;
  z-index: 9000;
  top: 50%;
  margin-top: -25px;
}
.arrow_back {
  left: 30px;
  background-image: url("../images/arrows.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.arrow_forward {
  right: 30px;
  background-image: url("../images/arrows.png");
  background-repeat: no-repeat;
  background-position: -26px 0;
}
.large_rect {
  padding: 10px;
}
.box {
  min-height: 132px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  *zoom: 1;
}
.box:before,
.box:after {
  content: "";
  display: table;
}
.box:after {
  clear: both;
}
.box:before,
.box:after {
  display: table;
  content: "";
}
.box:after {
  clear: both;
}
.box p {
  font-size: 15px;
}
.box h1 {
  font-size: 45px;
  line-height: 52px;
  text-align: center;
  color: #2e2e2e;
}
.box h1 .thin {
  color: #fbfbfb;
  font-weight: 200;
}
.box.blue h1 {
  color: #fbfbfb;
}
.box.blue b {
  color: #2e2e2e;
}
.box.grey {
  border-bottom: 4px solid #2e2e2e;
}
.box.white {
  color: #2e2e2e;
}
.box.white p {
  color: #2e2e2e;
}
.box.transparent {
  opacity: 0.9;
}
footer nav ul {
  text-align: center;
}
footer nav ul li {
  background: transparent;
  border: 0;
  display: inline-block;
  padding: 0;
  vertical-align: top;
  position: relative;
}
footer nav ul li:after {
  content: "|";
  margin-left: 5px;
}
footer nav ul li.last {
  display: block;
  bottom: 2px;
}
footer nav ul li.last:after {
  content: "";
}
footer nav ul li a.social_icon {
  text-indent: -9999px;
  display: inline-block;
  width: 19px;
  height: 0;
  padding: 19px 0px 0px 0px;
  overflow: hidden;
  background-image: url(https://s3.amazonaws.com/s3.colorofchange.org/ak-media/social_icons.jpg);
  background-repeat: no-repeat;
  vertical-align: middle;
}
footer nav ul li a.social_icon.twitter {
  background-position: 0 -19px;
}
footer nav ul li a.social_icon.twitter:hover {
  background-position: 0 0;
}
footer nav ul li a.social_icon.facebook {
  background-position: -19px -19px;
}
footer nav ul li a.social_icon.facebook:hover {
  background-position: -19px 0;
}
.copyright {
  display: none;
  margin-bottom: 10px;
}
.copyright.mobile {
  clear: both;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  display: block;
  background: #a1a1a1;
  color: #222222;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.copyright.mobile a {
  color: #2e2e2e;
}
.no-float {
  float: none !important;
}
.relative {
  position: relative;
}
body.red_border {
  border-top: 2px solid #d50000;
}
.black {
  background-color: #2e2e2e;
}
.white {
  background-color: #fbfbfb;
}
.white h1,
.white a:not('.button') {
  color: #4ba6c2;
}
.red {
  background-color: #d50000;
}
.grey {
  background-color: #979797;
}
.grey h1,
.grey h2 {
  color: #fbfbfb;
}
.blue {
  background-color: #4ba6c2;
}
.dh {
  background-image: url("../images/dark-hatch.png");
  background-repeat: repeat;
}
.lh {
  background-image: url("../images/light-hatch.png");
  background-repeat: repeat;
}
.circle {
  margin: 0 1.5% 0 0;
  background-color: #4ba6c2;
  display: inline-block;
  border-radius: 9999px;
  width: 50px;
  height: 50px;
}
@media only screen and (min-width: 768px) {
  header {
    padding: 47px 0 0 0;
    height: 60px;
    background: #222;
    *zoom: 1;
  }
  header:before,
  header:after {
    content: "";
    display: table;
  }
  header:after {
    clear: both;
  }
  header:before,
  header:after {
    display: table;
    content: "";
  }
  header:after {
    clear: both;
  }
  #sf-wrapper {
    margin: 0 auto -110px;
    /* the bottom margin is the negative value of the footer's height */
  
  }
  footer,
  .push {
    height: 110px;
  }
  .main,
  .secondary {
    position: relative;
  }
  .main {
    /* display: inline; */
  
    float: left;
    width: 73.4375%;
    margin: 0 0.78125%;
  }
  .main.wide {
    /* display: inline; */
  
    float: left;
    width: 98.4375%;
    margin: 0 0.78125%;
  }
  .main.pull-up {
    margin-top: -30px;
  }
  .secondary {
    /* display: inline; */
  
    float: left;
    width: 23.4375%;
    margin: 0 0.78125%;
  }
  .secondary.pull-up {
    margin-top: -30px;
  }
  .circle {
    width: 100px;
    height: 100px;
  }
  .social-icons li.desc {
    top: 40px;
  }
  .social-icons .circle a {
    display: block;
    border-bottom: none;
  }
  .social-icons .circle a img {
    position: relative;
  }
  .social-icons .circle a img.twitter {
    width: 50px;
    top: 30px;
    left: 25px;
  }
  .social-icons .circle a img.facebook {
    width: 25%;
    top: 22px;
    left: 35px;
  }
  .social-icons .circle a img.mailto {
    width: 50%;
    top: 30px;
    left: 25px;
  }
  .post {
    min-height: 164px;
    width: 100%;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px dashed #4ba6c2;
    *zoom: 1;
  }
  .post:before,
  .post:after {
    content: "";
    display: table;
  }
  .post:after {
    clear: both;
  }
  .post:before,
  .post:after {
    display: table;
    content: "";
  }
  .post:after {
    clear: both;
  }
  .post:first-child {
    padding-top: 0;
  }
  .post:last-child {
    border: 0;
    padding-bottom: 0;
  }
  .post img {
    max-width: 100%;
    float: left;
  }
  .post .desc {
    display: inline-block;
    float: left;
    max-width: 65.5%;
    margin-left: 2.5%;
    padding: 0;
    *zoom: 1;
  }
  .post .desc:before,
  .post .desc:after {
    content: "";
    display: table;
  }
  .post .desc:after {
    clear: both;
  }
  .post .desc:before,
  .post .desc:after {
    display: table;
    content: "";
  }
  .post .desc:after {
    clear: both;
  }
  .post .button {
    display: inline-block;
    float: right;
    clear: left;
  }
  .feature_content hgroup {
    position: absolute;
    top: 120px;
    right: 125px;
    margin-left: 0;
  }
  .feature_content hgroup h1 {
    position: absolute;
    right: 0px;
  }
  .feature_content hgroup h3 {
    position: absolute;
    bottom: -70px;
  }
  .feature_content .button {
    position: absolute;
    top: 250px;
    right: 125px;
    height: 50px;
  }
  .date {
    float: left;
  }
  .date span {
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #fbfbfb;
    text-align: center;
    margin-top: 15px;
    display: block;
  }
  .large_rect {
    padding: 15px 13px;
    *zoom: 1;
  }
  .large_rect:before,
  .large_rect:after {
    content: "";
    display: table;
  }
  .large_rect:after {
    clear: both;
  }
  .large_rect:before,
  .large_rect:after {
    display: table;
    content: "";
  }
  .large_rect:after {
    clear: both;
  }
  .button {
    line-height: 20px;
    position: relative;
  }
  .button.red {
    max-width: 120px;
    line-height: 20px;
  }
  header nav ul li ul {
    display: none;
    position: absolute;
    min-width: 95px;
    width: auto;
    margin: 0;
    padding: 0;
    z-index: 1337;
  }
  header nav ul li:hover ul {
    display: block;
  }
  header nav ul li:hover ul li a:before {
    content: "-";
    display: inline-block;
    margin-right: 4px;
  }
  header nav ul li {
    border: 0;
    display: inline-block;
    min-width: 10%;
    margin: 0 2%;
    width: auto;
  }
  header nav ul,
  header nav li {
    border: 0;
    background: none;
  }
  header nav ul {
    width: 60%;
    display: inline-block;
    position: static;
    text-align: right;
    clear: none;
  }
  header nav ul li a {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
  }
  header .logo {
    width: 40%;
    height: 60px;
    margin: -20px 0 0 0;
    float: left;
  }
  .copyright,
  footer nav ul {
    display: inline-block;
    font-size: 12px;
    /* display: inline; */
  
    float: left;
    width: 48.4375%;
    margin: 0 0.78125%;
    padding-top: 20px;
  }
  footer nav ul {
    text-align: right;
  }
  footer nav ul li.last {
    display: inline-block;
  }
  .copyright {
    text-align: left;
  }
  .box,
  .rect {
    margin-bottom: 10px;
    padding: 23px 25px;
  }
  .box.black,
  .rect.black,
  .box.grey,
  .rect.grey {
    border: 0;
  }
  .box h1,
  .rect h1 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    text-align: left;
  }
  form.actionkit-widget {
    /* display: inline; */
  
    float: left;
    width: 73.4375%;
    margin: 0 0.78125%;
    float: right;
  }
  form.actionkit-widget .button {
    float: left;
    clear: none;
    margin: 10px 0 0 10px;
  }
  .field {
    float: left;
  }
  .field label {
    color: #979797;
    font-size: 15px;
    font-weight: bold;
    margin-right: 4px;
    display: inline-block;
  }
  .field input {
    width: 180px;
    margin-left: 1px;
    height: 32px;
    display: inline-block;
  }
  .mobile,
  footer .first,
  footer nav ul li.first {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .wrapper {
    max-width: 1024px;
    display: block;
    margin: 0 auto;
    position: relative;
  }
}
form.actionkit-widget {
  float: right;
}
form.actionkit-widget .field {
  text-align: right;
  width: 74%;
}
form.actionkit-widget .field input#id_email {
  position: relative;
  right: 5px;
}
form.actionkit-widget .button {
  float: right;
}
form.actionkit-widget .disclaimer {
  text-align: right;
}
#signup-replacement {
  text-align: right;
  color: #fbfbfb;
}
aside h3 {
  border-top: 2px solid #2e2e2e;
  margin-top: 0.6em;
}
aside h3 span {
  margin: -0.7em auto 0 auto;
  display: block;
  background: #4ba6c2;
  width: 70%;
}
div.comment.header {
  text-align: center;
  padding: 10px;
}
ul#latest_comments {
  margin-bottom: 20px;
}
ul#latest_comments li.box.comment {
  margin: 0;
}
.box.twitter {
  padding: 0;
  text-align: center;
}
.box.twitter img {
  margin: 10px auto;
}
.box.twitter h3 {
  width: 90%;
  margin: 1em auto 0 auto;
}
.box.twitter h3 span {
  width: 25%;
  margin-top: -1em;
}
a#impact {
  width: 240px;
  height: 186px;
}
@media only screen and (max-width: 1000px) {
  form.actionkit-widget .field {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  form.actionkit-widget .field input#id_email {
    width: 50%;
    right: 0px;
  }
}
.ourwork section.feature .rect {
  width: 40%;
  margin-right: 5%;
  margin-top: 300px;
  float: right;
  opacity: 0.9;
}
.ourwork section.feature form.actionkit-widget {
  width: 100%;
}
.ourwork section.feature form.actionkit-widget .field {
  width: 100%;
}
.ourwork section.feature form.actionkit-widget .field label {
  display: none;
}
.ourwork section.feature form.actionkit-widget .field input#id_email {
  width: 50%;
}
.ourwork section.feature form.actionkit-widget .button {
  float: none;
  display: inline-block;
}
.ourwork section {
  margin-bottom: 20px;
}
.ourwork section h2 {
  margin-bottom: 10px;
}
.ourwork #impact h4 a {
  border-bottom: none;
}
.ourwork #impact h4 a:hover {
  border-bottom: 1px dashed #d50000;
}
.ourwork #impact li.post {
  padding: 0;
  border: 0;
}
.ourwork #impact li.post:first-child {
  padding: 0;
}
.ourwork #impact li.post .desc {
  padding: 10px 0;
  max-width: 100%;
}
.ourwork #impact li img {
  width: 100%;
}
.ourwork #links li {
  /* display: inline; */

  float: left;
  width: 23.4375%;
  margin: 0 0.78125%;
  *zoom: 1;
}
.ourwork #links li:before,
.ourwork #links li:after {
  content: "";
  display: table;
}
.ourwork #links li:after {
  clear: both;
}
.ourwork #links li:before,
.ourwork #links li:after {
  display: table;
  content: "";
}
.ourwork #links li:after {
  clear: both;
}
.ourwork #links li a {
  min-height: 0;
}
.ourwork #links li a h1 {
  text-align: center;
  color: white;
  font-size: 18px;
}
.ourwork #links li a.rect.black {
  border: none;
}
.ourwork #partners ul li {
  min-height: 100px;
  width: 100%;
}
.ourwork #partners ul li .text_wrapper {
  overflow: hidden;
}
.ourwork #partners ul li a {
  text-align: center;
}
.ourwork #partners ul li a img {
  vertical-align: middle;
  width: 200px;
  margin: 0 auto;
  display: block;
}
.ourwork .large_rect {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .ourwork .rect.black form {
    /* display: inline; */
  
    float: left;
    width: 48.4375%;
    margin: 0 0.78125%;
    float: right;
  }
  .ourwork .rect.black form input {
    width: 204px;
  }
  .ourwork #impact {
    border-bottom: 1px dashed #4ba6c2;
    padding-bottom: 10px;
  }
  .ourwork #impact li {
    /* display: inline; */
  
    float: left;
    width: 23.4375%;
    margin: 0 0.78125%;
    *zoom: 1;
  }
  .ourwork #impact li:before,
  .ourwork #impact li:after {
    content: "";
    display: table;
  }
  .ourwork #impact li:after {
    clear: both;
  }
  .ourwork #impact li:before,
  .ourwork #impact li:after {
    display: table;
    content: "";
  }
  .ourwork #impact li:after {
    clear: both;
  }
  .ourwork #impact li.post {
    padding: 0;
    border: 0;
  }
  .ourwork #impact li.post:first-child {
    padding: 0;
  }
  .ourwork #impact li.post .desc {
    padding: 10px 0;
    margin: 0;
  }
  .ourwork #links li a h1 {
    font-size: 35px;
  }
  .ourwork #partners {
    *zoom: 1;
  }
  .ourwork #partners ul li {
    float: left;
    width: 100%;
    min-height: 100px;
    margin-right: 10px;
  }
  .ourwork #partners ul li a {
    text-align: center;
  }
  .ourwork #partners ul li a img {
    vertical-align: middle;
    width: 200px;
    margin-right: 20px;
    float: left;
  }
  .ourwork #partners:before,
  .ourwork #partners:after {
    content: "";
    display: table;
  }
  .ourwork #partners:after {
    clear: both;
  }
  .ourwork #partners:before,
  .ourwork #partners:after {
    display: table;
    content: "";
  }
  .ourwork #partners:after {
    clear: both;
  }
  .ourwork .large_rect {
    clear: both;
  }
}
@media only screen and (min-width: 992px) {
  
}
.report .feature_content h3.headline_two {
  font-size: 16px;
  line-height: 20px;
  bottom: -70px;
}
.report hgroup {
  right: 10px;
  left: 55%;
}
.report section.main p b {
  font-size: 18px;
}
.report form#report {
  padding: 10px;
}
.report form#report fieldset {
  margin-top: 20px;
  margin-bottom: 10px;
}
.report form#report legend {
  font-size: 20px;
  margin-bottom: 5px;
}
.report form#report legend small {
  font-size: 0.7em;
  font-style: italic;
  font-weight: 100;
}
.report form#report input#id_link {
  width: 230px;
}
.report form#report label:not(.filebutton) {
  margin-right: 5px;
  font-size: 15px;
  font-weight: 400;
}
.report form#report .field.blue-text label {
  color: #4ba6c2;
}
.report form#report .field.media {
  margin-left: 18px;
}
.report form#report .field.media input {
  height: 20px;
}
.report form#report textarea {
  width: 99%;
  height: 60px;
}
.report form#report .disclaimer {
  margin-top: 5px;
}
.report form#report .error {
  color: #d50000;
}
.report .field span#or {
  color: #979797;
  display: inline-block;
  vertical-align: top;
  margin: 12px 5px 0px 43px;
}
.report .filebutton {
  height: 48px;
  display: block;
  border: 5px solid #4ba6c2;
  padding: 8px 5px;
  background-color: #4ba6c2;
  text-align: center;
  color: white;
  font-size: 15px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 2.0rem;
  max-width: 150px;
  clear: both;
  height: 36px;
  min-height: 36px;
  line-height: 12px;
}
.report .filebutton:hover {
  color: #fbfbfb;
  border: 5px solid #4ba6c2;
}
.report .filebutton.red {
  text-transform: uppercase;
}
.report .filebutton.arrow {
  margin-right: 24px;
}
.report .filebutton.arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -24px;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 18px solid #4ba6c2;
  right: -1.5em;
}
.report .filebutton.arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -19px;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 15px solid #4ba6c2;
  right: -1em;
  z-index: 666;
}
.report .filebutton.arrow:hover {
  color: #4ba6c2;
}
.report .filebutton.arrow:hover:after {
  border-left: 15px solid #fbfbfb;
}
.report .filebutton.upload-progress:after {
  background: url('../images/ajax-loader.gif') no-repeat;
  width: 178px;
  height: 40px;
  content: "Uploading, please wait.";
  font-size: 12px;
  color: #979797;
  background-size: 20px 20px;
  background-position: 0px 0px;
  position: absolute;
  left: 202px;
  line-height: 24px;
  margin-top: -6px;
}
.report .filebutton.upload-success:after {
  background: url('../images/valid.png') no-repeat;
  width: 100px;
  height: 40px;
  content: "Upload Success!";
  font-size: 12px;
  color: green;
  background-position: 0px 1px;
  position: absolute;
  left: 202px;
  padding-left: 20px;
  line-height: 24px;
  margin-top: -6px;
}
.report .filebutton:hover {
  background-color: #fbfbfb;
}
.report .filebutton.upload-error:after {
  content: "Upload failed.  Please try again.";
  color: #d50000;
  font-size: 12px;
  width: 180px;
  position: absolute;
  left: 202px;
}
.report .filebutton .upload-success,
.report .filebutton .upload-error {
  display: none;
}
.report .filebutton .ajax-upload-preview-area,
.report .filebutton .btn-change,
.report .filebutton .btn-remove {
  display: none !important;
}
.report .filebutton span input {
  z-index: 999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: relative;
  bottom: 23px;
  right: 10px;
}
.report div.field.media {
  float: none;
}
.report .row {
  *zoom: 1;
}
.report .row:before,
.report .row:after {
  content: "";
  display: table;
}
.report .row:after {
  clear: both;
}
.report .row:before,
.report .row:after {
  display: table;
  content: "";
}
.report .row:after {
  clear: both;
}
.report .row .field {
  width: 100%;
}
.report #ui-datepicker-div a.ui-corner-all {
  border-bottom: none;
}
.report #ui-datepicker-div .ui-state-active {
  border: #d50000;
  background-color: #d50000;
  background-image: url();
}
.thanks h1.black {
  padding: 7px;
  font-size: 1.7em;
  top: -70px;
  position: relative;
}
.thanks h3.headline_two {
  color: white;
  font-size: 1.3em;
  bottom: 0px;
}
@media only screen and (min-width: 768px) {
  .report .main {
    width: 100%;
  }
  .report .feature_content h3.headline_two {
    bottom: 40px;
  }
  .report form#report label:not(.filebutton) {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 400;
  }
  .report form#report .field.media {
    margin-left: 18px;
  }
  .report form#report .field.media input {
    height: 20px;
  }
  .report .row .field {
    width: 250px;
  }
  .report .row .field.left input#id_first_name {
    width: 140px;
  }
  .report .row .field.left input#id_email {
    width: 175px;
  }
  .report .row .field.left input#id_zip {
    width: 152px;
  }
  .report .row .field.right {
    width: 287px;
  }
  .report .row .field.right input#id_last_name {
    width: 200px;
  }
  .report .row .field.right input#id_phone {
    width: 173px;
  }
  .thanks hgroup {
    position: absolute;
    top: 70%;
  }
  .thanks hgroup h1.black {
    bottom: 7.5em;
    font-size: 1.8em;
  }
  .thanks hgroup h3.headline_two {
    bottom: 2em;
    font-size: 1.2em;
    padding: 4px 6px;
  }
  .thanks .social-icons .circle a img.twitter,
  .thanks .social-icons .circle a img.facebook,
  .thanks .social-icons .circle a img.mailto {
    left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .report .main {
    /* display: inline; */
  
    float: left;
    width: 73.4375%;
    margin: 0 0.78125%;
  }
  .thanks hgroup {
    position: absolute;
    top: 50%;
  }
  .thanks hgroup h1.black {
    bottom: 2em;
    font-size: 2.2em;
  }
  .thanks hgroup h3.headline_two {
    bottom: 1em;
    font-size: 1.2em;
    padding: 4px 6px;
  }
}
.press #press_top {
  background-image: url("../images/light-hatch.png"), url("../images/Press_Top.jpg");
  background-position: 0,50%;
  background-repeat: repeat,repeat;
  background-size: 5px 5px,cover;
  width: 100%;
  min-height: 342px;
}
.press #press_top ul.buttons {
  position: absolute;
  top: 275px;
  right: 10px;
}
.press #press_top ul.buttons li {
  display: inline-block;
}
.press .date {
  float: left;
}
.press h1 {
  margin-bottom: 20px;
}
.press section.main section {
  padding-bottom: 20px;
}
.press section.border {
  margin-bottom: 25px;
  border-bottom: 1px dashed #4ba6c2;
}
.press div.more {
  text-align: right;
  margin: 5px 0;
}
.press li.hide {
  display: none;
}
.press h2 {
  margin-bottom: 10px;
}
.press ul.press-list li {
  padding: 10px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 0 #FFF;
  *zoom: 1;
}
.press ul.press-list li span.date-inline {
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  font-size: 12px;
}
.press ul.press-list li .image {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #979797;
  background-color: #ffffff;
  padding: 10px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.press ul.press-list li .image img {
  margin: 0 auto;
}
.press ul.press-list li h4 {
  margin: 5px 0;
}
.press ul.press-list li:last-child,
.press ul.press-list li.last {
  border-bottom: none;
  box-shadow: none;
  margin-bottom: 0;
}
.press ul.press-list li:before,
.press ul.press-list li:after {
  content: "";
  display: table;
}
.press ul.press-list li:after {
  clear: both;
}
.press ul.press-list li:before,
.press ul.press-list li:after {
  display: table;
  content: "";
}
.press ul.press-list li:after {
  clear: both;
}
.press ul#clips > h3 a {
  color: #2e2e2e;
  font-weight: bold;
  border-bottom: none;
}
.press ul#clips ul {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 0 #FFF;
}
.press ul#clips ul:last-child {
  border-bottom: none;
  box-shadow: none;
  margin-bottom: 0;
}
.press ul#clips ul li {
  border: none;
}
.release h3.media-inquiries {
  text-align: right;
  margin-bottom: 20px;
}
.release .text {
  float: left;
  padding: 20px;
  margin: 10px 0;
  clear: both;
}
.release .text p {
  margin: 10px 0;
}
.release .social-icons {
  clear: both;
  text-align: center;
}
.release .social-icons li {
  vertical-align: top;
}
.release .social-icons li a img.twitter,
.release .social-icons li a img.mailto,
.release .social-icons li a img.facebook {
  left: 0;
}
.ui-accordion .ui-accordion-header {
  background: none;
  border: 1px solid #ddd;
}
.ui-accordion ul.ui-accordion-content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.ui-accordion .ui-widget-content a {
  color: #d50000;
}
.blog .date {
  float: left;
}
.blog .content {
  background: #fbfbfb;
  padding: 0 1%;
}
.blog .content .post {
  padding: 4% 2%;
  width: 96%;
}
.blog .content .post .image_wrapper {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.blog .content .post .image_wrapper .image_credit {
  font-size: 0.8em;
  clear: left;
  text-align: left;
}
.blog .content .post .override_wrapper {
  margin-bottom: 10px;
}
.blog .content .post .override_wrapper .image_override {
  clear: both;
}
.blog .content .post .override_wrapper .image_override.video_container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}
.blog .content .post .override_wrapper .image_override.video_container iframe,
.blog .content .post .override_wrapper .image_override.video_container object,
.blog .content .post .override_wrapper .image_override.video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog .content .post .override_wrapper .image_override img {
  text-align: center;
}
.blog .content .post .override_wrapper .image_credit {
  clear: left;
  font-size: 0.8em;
  text-align: right;
  margin-bottom: 10px;
}
.blog .content .post .button {
  float: right;
  clear: left;
  margin-top: 20px;
}
.blog .content .post h2 {
  padding: 0 0 .5em 0;
}
.blog .content .post .tease {
  text-align: left;
  padding: 0;
}
.blog .content .post .tease p {
  color: #2e2e2e;
  padding: 0 0 1em 0;
  font-size: 13px;
}
.blog .social-icons {
  clear: left;
}
.blog .social-icons li {
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .blog .content {
    margin: 20px;
  }
  .blog .content .post {
    padding: 2% 0;
  }
  .blog .content .post .post-content {
    float: left;
    width: 80%;
  }
  .blog .content .post img {
    padding: 0 2% 2% 0;
  }
  .blog .content .post .spread {
    clear: both;
  }
}
@media only screen and (min-width: 992px) {
  
}
.campaigns .post .image_wrapper {
  float: left;
}
.campaigns .post .image_wrapper img {
  width: auto;
}
.campaigns .post .image_wrapper .image_credit {
  clear: left;
  text-align: right;
}
.original_email {
  word-wrap: break-word;
}
.original_email table a {
  border-bottom: none;
}
/* For fluid grid */
/* For Sticky Footer */


/* AK Specific CSS */


header .logo {
  background-image: url(../ak-media/represent_logo.png);
}

header .logo.coc {
  background-image: url(https://s3.amazonaws.com/s3.colorofchange.org/ak-media/logo_blue.png);
}


.dh {
  background-image: url("https://s3.amazonaws.com/s3.colorofchange.org/ak-media/dark-hatch.png");
  background-repeat: repeat;
}


.petition-form h3 {
  border:0;
  color:white;
  margin:0;
}

h3 {
  margin:10px 0;
  color: #4ba6c2;
}

#user_form li, #taf_preview li, #id_taf_emails {
  margin-bottom:10px;
}

#latest_recruits {
  text-align:left;
}

#latest_recruits li {
  margin-bottom:10px;
}

label {
  color: #222;
}

/* thermometer */

.progress-bg, .progress-meter, .progress-number {
  margin-top:10px;
}

.progress-bg {
  position: relative; 
  width: 100%; 
  height: 23px; 
  background: #b2e7ef;
}

.progress-bg.grey {
  background-color: #d2d2d2;
}

.progress-meter {
  position: absolute; 
  left:0; 
  bottom:0;
  height: 23px; 
  background: #FFF;
  z-index:2;
}

.progress-meter.red {
  background-color:#CC0000;
}

.progress-number {
  position: absolute; 
  top: 2px; 
  left: 0px; 
  font-size: 12pt; 
  height: 23px; 
  margin-top: auto; 
  margin-bottom: auto; 
  font-weight: bold; 
  width: 100%; 
  color: #4ba6c2;
  z-index:3;
}

.progress-bg.grey .progress-number {
  color:white;
}

/* Copied from COC Actionkit styles */

#verify_msg {
  left: 0;
  position: absolute;
  bottom: 50%;
  visibility: hidden;
  z-index: 1;
}

/* Full Width Thermometer */

#progress.full-width .progress-bg, #progress.full-width .progress-meter {
  height: 50px; 
}

#progress.full-width .progress-number {
  top: 15px;
}

/* AK Petition Specific CSS */

.petition .box {
  margin-bottom:0;
}

.petition .statement_text p {
  margin:1em 0;
}

.petition .mobile .box.red  {
  min-height:62px;
}

.petition .mobile .campaign_list li {
  margin: 10px auto;
  width: 50%;
  display: block;
}

.petition .campaign_list li {
  margin-bottom:10px;
}

.petition .campaign_list li img {
  max-width:100%;
  display:block;
}

.petition .campaign_list li a.campaign-link {
  color:#222;
  font-size:20px;
}


.secondary .box.blue.pull-up {
  margin-top:-60px;
}






.petition .box.blue.petition-form, .petition .box.white {
  padding: 13px 15px;
}

.ak-form input[type="text"], .ak-form input[type="email"], .ak-form textarea,
#taf input[type="text"], #taf textarea  {
  height: 33px;
  width: 100%;
  display:block;
  max-width: 400px;
}

.ak-form textarea {
  height:90px;
}

#taf textarea#id_taf_subject {
  height:80px;
}

#taf textarea {
  height:150px;
}



.petition .grey,
.signup .grey {
  background: #737373;
}

.petition .comment.header.grey h3,
.signup .comment.header.grey {
    border-color: #FFF;
    width:90%;
    margin:0.6em auto;
}

.petition .comment.header.grey h3 span,
.signup .comment.header.grey h3 span {
  color: #FFF;
  font-size:16px;
  font-weight:bold;
  width: 100px;
}

.petition .box.blue h3,
.signup .box.blue h3 {
  color:white;
}

.petition #latest_comments li h3,
.signup #latest_comments li h3 {
  color: white;
}

.petition #latest_comments li .white-text
.signup #latest_comments li .white-text {
  color:white;
}

.ak-form p.disclaimer,
{
  float:left;
  color: #222;
  margin-top:5px;
  font-size:12px;
}

.petition .button.red.dh.mobile,
.signup .button.red.dh.mobile {
  position:static;
}

.petition .slider_wrapper ul.pagination,
.signup .slider_wrapper ul.pagination {
  position: absolute;
  bottom: 22px;
  left:50%;
  width: 150px;
  margin-left: -75px;
  list-style-type: none;
  padding-top:10px
}

.petition ul.press-list li,
.signup ul.press-list li {
  border-bottom: 1px dashed #4ba6c2;
}

.petition .current, .petition .finished {
  display:none;
}

.petition ul.press-list li span.date-inline,
.signup ul.press-list li span.date-inline, {
  margin: 0 10px 10px 0;
  text-transform: uppercase;
  font-size: 15px;
  color: #4ba6c2;
}

/* thanks template */

.thanks .social-icons {
  text-align:center;
}

.thanks .social-icons .circle {
  width:40px;
  height:40px;
  background-color: #666666;
  display:inline-block;
  vertical-align: top;
}

.thanks .social-icons .circle .facebook_link img,
.thanks .social-icons .circle .twitter_link img,
.thanks .social-icons .circle .mailto_link img {
  position:relative;
  cursor:pointer;
}

.thanks .social-icons .circle .facebook_link img.facebook { 
  top: 9px;
  left:0;
 width: 11px;
}

.thanks .social-icons .circle .twitter_link img.twitter {
  width:25px;
  top: 11px;
  left:0;
}

.thanks .social-icons .circle .mailto_link img.mailto {
  width:25px;
  top: 10px;
  left:0;
}

#thanks_email {
  display:none;
}

.thanks .progress-text {
  position: relative;
  top: 10px;
}

/* ==================================================================
  Donation Specific
================================================================== */

#type input[type=radio] {
  display:inline-block !important;
}

.donation .main {
  margin-top:20px;
}

.donation form a {
  color: #d50000;
}

.donation .other_amount input[type=text] {
  max-width:150px;
}

.donation input[type=text], .donation input[type=email], select#state, .card_number img, .card_exp_date {
  margin-bottom:10px;
}

.donation #amount_list span {
  margin-bottom: 5px;
  display: inline-block;
}

.donation #amount_list {
  display:inline-block;
}

.donation #amount_list label {
  float:none;
  display:inline-block;
  min-width:65px;
}

.donation #amount_list input[type=radio] {
  display:none;
}

.donation .card_information img {
  display:block;
}

.donation .large_rect.feature {
  background-image: url('https://s3.amazonaws.com/s3.colorofchange.org/images/Cops_Cropped_FULL.jpg');
  background-position: 22% 29%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 306px;
}

#make_donation {
  margin-top:20px;
  position:relative;
}

label[for="state"] {
  margin-right:10px;
}

.donation select#state {
  display:block;
  max-width:156px;
  display:inline-block;
  margin-right:10px;
  margin-top:10px;
}

.donation .card_information #card_code, .donation #zip {
  max-width:60px;
  display:inline-block;
  margin-top:10px;
}

.donation input[type="radio"]:checked+label{ 
  text-decoration: none;
  background: #fbfbfb;
  color: #d50000 !important;
} 

#verification_code .disclaimer { display: inline-block; }

.donation .desktop {
  display:none;
}

@media only screen and (min-width: 768px) {
.box h1, .rect h1 {
  font-size: 2.7rem;
  line-height: 2rem;
  text-align:left;
}

.column {
  width: 50%;
}

.donation .form-wrap {
  padding:0 42px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
}

@font-face {
  font-family: "Creative Commons";
  src: url(../ak-media/cc-icons.ttf);
}

.donation .column {
  width: 50%;
  display: inline-block;
  padding:10px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.donation .column.left {
  float:left;
}

.donation .column.right {
  float:right;
}

.donation #zip, .donation .card_information #card_code {
    max-width:60px;
}

#verify_msg {
  bottom:0;
}


}

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

  .donation .main {
    margin-top:0;
  }
}

@media only screen and (min-width: 992px) {


.donation #amount_list {
  margin-bottom: 46px;
}

.donation .form-wrap {
  padding:0 20px;
}

.petition .box.red h1, .signup .box.red h1 {
  font-size:3.2rem;
  line-height: 3.6rem;
  text-align:left;
}

.donation .card_information img {
  margin-bottom:10px;
  display:block;
}

.donation .other_amount, .donation .card_exp_date, .donation .card_number img, #verification_code {
  margin-top:10px;
}

#verification_code { clear:both; }

.donation #verification_code .disclaimer {
  cursor: pointer;
}

.donation .other_amount input[type=text] { 
    width: 150px;
    display: inline-block;
  }


}

.italic {
  font-style:italic;
}

/*

inline styles taken from AK, might want to apply later when we use extra fields...
phone style="width:115px;float:left;" 
phone_type = style="float:left;margin:0px 0 0 5px;"

*/