/* ==========================================================================
   ak-modern.css

   Starts with recent version of normalize.css -- make no changes here --
   then ActionKit styles follow.
   ========================================================================== */

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
.action-kit-form-wrapper article,
.action-kit-form-wrapper aside,
.action-kit-form-wrapper details, /* 1 */
.action-kit-form-wrapper figcaption,
.action-kit-form-wrapper figure,
.action-kit-form-wrapper footer,
.action-kit-form-wrapper header,
.action-kit-form-wrapper main, /* 2 */
.action-kit-form-wrapper menu,
.action-kit-form-wrapper nav,
.action-kit-form-wrapper section,
.action-kit-form-wrapper summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

.action-kit-form-wrapper audio,
.action-kit-form-wrapper canvas,
.action-kit-form-wrapper progress,
.action-kit-form-wrapper video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

.action-kit-form-wrapper audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

.action-kit-form-wrapper progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

.action-kit-form-wrapper template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

.action-kit-form-wrapper a {
  color: #268ecd;
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

.action-kit-form-wrapper a:active,
.action-kit-form-wrapper a:hover {
  outline-width: 0;
  color: #31a8f0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

.action-kit-form-wrapper abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

.action-kit-form-wrapper b,
.action-kit-form-wrapper strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

.action-kit-form-wrapper b,
.action-kit-form-wrapper strong {
  font-weight: 600;
}

/**
 * Add the correct font style in Android 4.3-.
 */

.action-kit-form-wrapper dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

.action-kit-form-wrapper h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: 600;
}

/**
 * Add the correct background and color in IE 9-.
 */

.action-kit-form-wrapper mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

.action-kit-form-wrapper small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

.action-kit-form-wrapper sub {
  bottom: -0.25em;
}

.action-kit-form-wrapper sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

.action-kit-form-wrapper img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

.action-kit-form-wrapper svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

.action-kit-form-wrapper code,
.action-kit-form-wrapper kbd,
.action-kit-form-wrapper pre,
.action-kit-form-wrapper samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

.action-kit-form-wrapper figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

.action-kit-form-wrapper hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

.action-kit-form-wrapper button,
.action-kit-form-wrapper input,
.action-kit-form-wrapper optgroup,
.action-kit-form-wrapper select,
.action-kit-form-wrapper textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

.action-kit-form-wrapper optgroup {
  font-weight: 600;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

.action-kit-form-wrapper button,
.action-kit-form-wrapper input {
  /* 1 */
  overflow: visible;
}

.action-kit-form-wrapper address {
  font-style: normal;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

.action-kit-form-wrapper button,
.action-kit-form-wrapper select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

.action-kit-form-wrapper button,
[type="reset"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

.action-kit-form-wrapper button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

.action-kit-form-wrapper button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

.action-kit-form-wrapper fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

.action-kit-form-wrapper legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

.action-kit-form-wrapper textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.action-kit-form-wrapper ul {
  list-style: none;
  padding: 0;
}

/* ==========================================================================
   ActionKit specific styles start here
   ========================================================================== */

/* Box sizing: use border-box throughout
   ========================================================================== */

* {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

/* RTL: Set for RTL languages
   ========================================================================== */

.ak-rtl {
  direction: rtl;
}

/* Page Structure
   ========================================================================== */

.ak-page-container,
.ak-page-header-contents {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.ak-page-header {
  background: #668d24;
  color: #fff;
  padding: 0;
  height: 60px;
  line-height: 1;
}
.ak-page-header h1 {
  font-size: 32px;
  margin-left: 0;
  height: 60px;
  vertical-align: center;
  padding-top: 12px;
  margin-top: 0;
}

div.ak-page-container {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 30px;
}

.ak-page-footer {
  text-align: right;
  border-top: 1px solid #efefef;
  margin-top: 10px;
  width: 100%;
  clear: both;
}

.ak-page-footer-contents {
  font-size: 12px;
  margin-top: 20px;
}

.ak-page-footer-contents a {
  text-decoration: none;
}
.ak-page-footer-contents a:hover {
  text-decoration: underline;
}

@media (min-width: 750px) {
  .ak-page-container,
  .ak-page-header-contents {
    padding-left: 60px;
    padding-right: 60px;
    width: 1000px;
    max-width: 100%;
  }
}

img.ak-featured-img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

/* Grid system based on http://www.responsivegridsystem.com/calculator/
   ========================================================================== */

.ak-grid-row:before,
.ak-grid-row:after {
  content: "";
  display: table;
}
.ak-grid-row:after {
  clear: both;
}
.ak-grid-row {
  zoom: 1; /* For IE 6/7 */
  clear: both;
  padding: 0;
  margin: 0;
}

.ak-grid-col {
  display: block;
  float: left;
  margin: 0;
  min-height: 1px;
}

.ak-grid-col-12-of-12 {
  width: 100%;
}
.ak-grid-col-11-of-12 {
  width: 91.5%;
}
.ak-grid-col-10-of-12 {
  width: 83%;
}
.ak-grid-col-9-of-12 {
  width: 74.5%;
}
.ak-grid-col-8-of-12 {
  width: 66%;
}
.ak-grid-col-7-of-12 {
  width: 57.5%;
}
.ak-grid-col-6-of-12 {
  width: 49%;
}
.ak-grid-col-5-of-12 {
  width: 40.5%;
}
.ak-grid-col-4-of-12 {
  width: 32%;
}
.ak-grid-col-3-of-12 {
  width: 23.5%;
}
.ak-grid-col-2-of-12 {
  width: 15%;
}
.ak-grid-col-1-of-12 {
  width: 6.5%;
}

.ak-grid-col:first-child {
  margin-left: 0;
}
.ak-grid-col:not(:first-child) {
  margin-left: 2%;
}

.ak-grid-col.ak-grid-centered {
  margin: 0 auto;
  float: none;
}

/* Inverted grid rows have their cells in reverse order */
.ak-grid-row-inverted .ak-grid-col {
  float: right;
}
.ak-grid-row-inverted .ak-grid-col:last-child {
  margin-left: 0;
}
.ak-grid-row-inverted .ak-grid-col:not(:last-child) {
  margin-left: 2%;
}

/* On RTL pages, all of the above column order logic is switched */
.ak-rtl .ak-grid-row .ak-grid-col {
  float: right;
}
.ak-rtl .ak-grid-row .ak-grid-col:last-child {
  margin-left: 0;
}
.ak-rtl .ak-grid-row .ak-grid-col:not(:last-child) {
  margin-left: 2%;
}

.ak-rtl .ak-grid-row-inverted .ak-grid-col {
  float: left;
}
.ak-rtl .ak-grid-row-inverted .ak-grid-col:first-child {
  margin-left: 0;
}
.ak-rtl .ak-grid-row-inverted .ak-grid-col:not(:first-child) {
  margin-left: 2%;
}

/* Switch to single-column full-width layout on screens narrower than 750 px */
@media only screen and (max-width: 749px) {
  .ak-grid-col {
    width: 100%;
    margin: 0;
  }

  .ak-grid-col:not(:first-child),
  .ak-grid-row-inverted .ak-grid-col:not(:last-child),
  .ak-rtl .ak-grid-row .ak-grid-col:not(:last-child),
  .ak-rtl .ak-grid-row-inverted .ak-grid-col:not(:first-child) {
    margin: 0;
  }
}

/* Display Breakpoints
   ========================================================================== */

.ak-mobile {
  display: block;
}

@media screen and (min-width: 480px) {
  .ak-mobile {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .ak-hide-under-480 {
    display: none !important;
  }
}
@media screen and (min-width: 480px) {
  .ak-hide-over-480 {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .ak-hide-under-750 {
    display: none !important;
  }
}
@media screen and (min-width: 750px) {
  .ak-hide-over-750 {
    display: none !important;
  }
}

.ak-hide {
  display: none;
}

/* Typography
   ========================================================================== */

.action-kit-form-wrapper p {
  margin: 10px 0;
  line-height: 1.5;
}

.ak-normal {
  font-weight: 400;
}

.ak-p-before-textarea {
  font-weight: 600;
}
.ak-p-before-textarea p {
  margin-bottom: 2px;
}

.action-kit-form-wrapper b,
.action-kit-form-wrapper strong {
  font-weight: 600;
}

.ak-faded-text {
  color: #909090;
}

.ak-small-header {
  font-size: 0.84em;
  font-size: 0.84rem;
  font-weight: 200;
  text-transform: uppercase;
}
.ak-small {
  font-size: 0.84em;
  font-size: 0.84rem;
  font-weight: 400;
}

.ak-instructions {
  font-size: 0.84em;
  font-size: 0.84rem;
  line-height: 1.3;
  margin-top: 4px;
}

p.ak-large-text {
  font-size: 1.29em;
  font-size: 1.29rem;
  font-weight: 200;
}

.ak-full-address {
  white-space: pre-line;
}

/* Links
   ========================================================================== */

/* Links that are only underlined on hover */
a.ak-underline-on-hover {
  text-decoration: none;
}

a.ak-underline-on-hover:hover {
  text-decoration: underline;
}

/* Links that look like plain text until hover */
a.ak-highlight-on-hover {
  text-decoration: none;
  color: #4b4b4b;
}

a.ak-highlight-on-hover:hover {
  text-decoration: underline;
  color: #31a8f0;
}

/* Headings
   ========================================================================== */

/* Used for page title */
.action-kit-form-wrapper h2 {
  font-size: 1.55em;
  font-size: 1.55rem;
  font-weight: 600;
  color: #6e8d30;
  margin: 6px 0 2px;
}
.event-search #ak-map-img {
  width: 100%;
  float: none;
}
@media screen and (min-width: 600px) {
  .action-kit-form-wrapper h2 {
    margin: 24px 0 10px;
  }
  .event-search #ak-map-img {
    width: 48%;
    float: right;
  }
}

/* Used for page section headings */
.action-kit-form-wrapper h3 {
  font-size: 1.42em;
  font-size: 1.42rem;
  font-weight: 200;
  /* margin: 10px 0 10px; */
  margin: 18px 0 4px;
  /* new margins for event create. double check it's ok elsewhere.
       if not, add body.ak-pagetype-event_create to the 2nd margin line &
       uncomment the 1st.... */
}

/* Used for subheadings on groups of related fields, eg donation form */
.action-kit-form-wrapper h4 {
  font-size: 1em;
  font-size: 1rem;
  font-weight: 600;
  margin: 10px 0 4px;
}

/* Used for small headings */
.action-kit-form-wrapper h5 {
  font-weight: 200;
  text-transform: uppercase;
  margin: 10px 0;
}

/* Alignment
   ========================================================================== */

.ak-pull-right {
  float: right;
}
.ak-pull-left {
  float: left;
}

.ak-align-right {
  text-align: right;
}
.ak-align-left {
  text-align: left;
}

.ak-grid-col img {
  max-width: 100%;
}

/* Spacing
   ========================================================================== */

.ak-full-width {
  width: 100%;
}

.ak-margin-1 {
  margin: 10px 0;
}
.ak-margin-2 {
  margin: 20px 0;
}
.ak-margin-top-1 {
  margin-top: 10px;
}
.ak-margin-top-2 {
  margin-top: 20px;
}
.ak-margin-top-3 {
  margin-top: 30px;
}
.ak-margin-bottom-5 {
  margin-bottom: 5px;
}
.ak-margin-bottom-1 {
  margin-bottom: 10px;
}
.ak-margin-bottom-2 {
  margin-bottom: 20px;
}
.ak-margin-bottom-3 {
  margin-bottom: 30px;
}
.ak-margin-none {
  margin: 0;
}

.ak-display-inline-block {
  display: inline-block;
}
.ak-nodisplay {
  display: none;
}
.ak-overflow {
  overflow: auto;
}
.ak-inline {
  display: inline;
}

.ak-unstyled {
  list-style: none;
}

/* Clearfix
   ========================================================================== */

.ak-clearfix:before,
.ak-clearfix:after {
  content: "";
  display: table;
}
.ak-clearfix:after {
  clear: both;
}
.ak-clearfix {
  zoom: 1; /* For IE 6/7 */
  clear: both;
}

/* ==========================================================================
   Form Styles
   ========================================================================== */

/* Forms
   ========================================================================== */

.ak-styled-fields input[type="text"],
.ak-styled-fields input[type="email"],
.ak-styled-fields input[type="password"],
.ak-styled-fields input[type="number"],
.ak-styled-fields input[type="tel"],
.ak-styled-fields input[type="date"],
.ak-styled-fields input[type="url"],
.ak-styled-fields input[type="search"],
.ak-styled-fields textarea,
.ak-styled-fields select {
  padding: 7px 7px;
  border: 1px solid #ccc;
  /* font-size: 1.0em; */
  /* font-size: 1.0rem; */
  background: #f7f7f7;
  color: #4b4b4b;
  font-weight: normal;
  margin-bottom: 6px;
  margin-top: 0;
  font-weight: 400;
  width: 100%;
}

.ak-styled-fields select {
  min-height: 38px;
}

.ak-styled-fields select:not([multiple]) {
  height: 38px;
}

.ak-styled-fields textarea {
  display: block;
  min-height: 7.5em;
  resize: vertical;
}

.ak-styled-fields textarea.ak-large-message {
  min-height: 10.5em;
}

.ak-styled-fields select[multiple] {
  height: 100%;
}

.ak-styled-fields input[type="checkbox"],
.ak-styled-fields input[type="radio"],
.ak-styled-fields textarea,
div.checkbox-item,
div.radio-item {
  /* font-size: 1.0em; */
  /* font-size: 1.0rem; */
  line-height: 1.5;
}

.ak-styled-fields label {
  font-weight: 600;
}

.ak-styled-fields label p {
  margin-top: 0;
}

.ak-radio-set .ak-radio-choice,
.ak-checkbox-set .ak-checkbox-choice,
.ak-survey-radio-choice,
.ak-survey-checkbox-choice,
.ak-userfield-radio-set .ak-userfield-radio-choice,
.ak-userfield-checkbox-set .ak-userfield-checkbox-choice {
  font-weight: 400;
}

.ak-styled-fields input[name="zip"],
.ak-styled-fields input[name="event_zip"] {
  width: 50%;
}

/* Labels above */

.ak-labels-above {
  position: relative;
}

.ak-labels-above input,
.ak-labels-above select,
.ak-labels-above textarea,
.ak-no-js .ak-labels-overlaid input,
.ak-no-js .ak-labels-overlaid select,
.ak-no-js .ak-labels-overlaid textarea {
  margin-top: 0px;
}

.ak-labels-above label,
.ak-labels-above .ak-checkbox-field,
.ak-label-above,
.ak-no-js .ak-labels-overlaid label {
  display: block;
  margin: 0.5em 0 2px;
}

.ak-labels-above .ak-radio-set .ak-radio-choice,
.ak-labels-above .ak-checkbox-set .ak-checkbox-choice,
.ak-labels-above .ak-userfield-radio-set .ak-userfield-radio-choice,
.ak-labels-above .ak-userfield-checkbox-set .ak-userfield-checkbox-choice {
  display: inline-block;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

/* Labels before */

.ak-labels-before {
  overflow: auto;
}

.ak-labels-before label {
  text-align: left;
}

.ak-styled-fields.ak-labels-before input[name="zip"],
.ak-styled-fields.ak-labels-before input[name="event_zip"],
.ak-styled-fields.ak-labels-before input[name="plus4"] {
  width: 33%;
}

/* labels to left (right if RTL) */
.ak-labels-before label {
  width: 35%;
  float: left;
  display: inline-block;
  text-align: right;
  position: relative;
  top: 11px;
  padding-right: 12px;
  font-size: 0.9em;
  font-size: 0.9rem;
  white-space: normal;
  line-height: 1.3;
}

@media screen and (min-width: 480px) {
  .ak-labels-before label {
    font-size: 1em;
    font-size: 1rem;
    top: 9px;
  }
  .ak-labels-before label span {
    white-space: normal;
  }
}

.ak-labels-before input[type="text"],
.ak-labels-before input[type="email"],
.ak-labels-before input[type="password"],
.ak-labels-before input[type="number"],
.ak-labels-before input[type="tel"],
.ak-labels-before input[type="date"],
.ak-labels-before input[type="url"],
.ak-labels-before input[type="search"],
.ak-labels-before select,
.ak-labels-before textarea,
.ak-labels-before .ak-readonly-value,
.ak-labels-before .ak-radio-set,
.ak-labels-before .ak-checkbox-set,
.ak-labels-before .ak-userfield-radio-set,
.ak-labels-before .ak-userfield-checkbox-set,
.ak-labels-before .ak-datetime,
.ak-labels-before .ak-err {
  width: 65%;
  /* float: left; */
}
.ak-labels-before .ak-readonly-value {
  padding: 8px 5px;
  margin-bottom: 3px;
  word-wrap: break-word;
  display: inline-block;
}

.ak-labels-before .ak-radio-set,
.ak-labels-before .ak-checkbox-set,
.ak-labels-before .ak-userfield-radio-set,
.ak-labels-before .ak-userfield-checkbox-set {
  clear: none;
  display: inline-block;
  padding-top: 9px;
}

.ak-labels-before .ak-radio-set .ak-radio-choice,
.ak-labels-before .ak-checkbox-set .ak-checkbox-choice,
.ak-labels-before .ak-userfield-radio-set .ak-userfield-radio-choice,
.ak-labels-before .ak-userfield-checkbox-set .ak-userfield-checkbox-choice {
  display: inline-block;
  position: static;
  float: none;
  text-align: left;
  width: auto;
  padding-left: 1.3em;
  text-indent: -1.3em;
  padding-bottom: 9px;
}

/* Ensure that long labels which wrap don't overflow onto other fields/labels */
.ak-labels-before > * {
  clear: both;
}
/* .ak-labels-before .ak-err-below { clear: both; } */
.ak-labels-before div {
  clear: left;
}
/* .ak-labels-before div { overflow: auto; overflow-y: hidden; } */

/* Make this more selective to not match custom field checkboxes/radios */
.ak-labels-before-colon label:after {
  content: ":";
}

.ak-rtl .ak-labels-before label {
  /* mirror the styles if RTL */
  float: right;
  text-align: left;
  padding-right: 0;
  padding-left: 12px;
}

.ak-rtl .ak-labels-before .ak-radio-set .ak-radio-choice,
.ak-rtl .ak-labels-before .ak-checkbox-set .ak-checkbox-choice,
.ak-rtl .ak-labels-before .ak-userfield-radio-set .ak-userfield-radio-choice,
.ak-rtl
  .ak-labels-before
  .ak-userfield-checkbox-set
  .ak-userfield-checkbox-choice {
  text-align: right;
}

/* Labels overlaid */

.ak-labels-overlaid,
.ak-labels-overlaid > div {
  position: relative;
}

.ak-labels-overlaid input[type="radio"],
.ak-labels-overlaid input[type="checkbox"] {
  width: auto;
}

.ak-labels-overlaid textarea {
  vertical-align: top;
}

.ak-labels-overlaid label.ak-is-overlaid {
  color: #4b4b4b;
}

.ak-labels-overlaid
  label.ak-is-overlaid:not(.has-content)
  + select.ak-has-overlay {
  font-weight: 600;
}

.ak-labels-overlaid label.ak-is-overlaid,
.js .ak-labels-overlaid select {
  margin-top: 0;
  margin-bottom: 6px;
}

.js .ak-labels-overlaid label.ak-is-overlaid {
  position: absolute;
  z-index: 1;
  padding: 8px 8px;
  line-height: 1.4;
}

.ak-labels-overlaid label.ak-is-overlaid.active {
  color: #909090;
}

.js .ak-labels-overlaid label.has-content {
  display: none;
}

/* Other common form elements
   ========================================================================== */

#known_user,
.known_user {
  display: none;
}

.ak-inline-taf-preview {
  border: 1px solid #808080;
  padding: 5px;
}

/* Used in labels for required fields */
.ak-required-flag {
}

/* Custom user form field */
.ak-userfield-radio-set,
.ak-userfield-checkbox-set {
  display: inline-block;
}

.ak-styled-fields label.ak-radio-choice,
.ak-styled-fields label.ak-checkbox-choice,
.js .ak-labels-overlaid label.ak-radio-choice,
.js
  .ak-labels-overlaid
  label.ak-checkbox-choice
  .ak-styled-fields
  label.ak-userfield-radio-choice,
.ak-styled-fields label.ak-userfield-checkbox-choice,
.js .ak-labels-overlaid label.ak-userfield-radio-choice,
.js .ak-labels-overlaid label.ak-userfield-checkbox-choice {
  display: inline-block;
  position: relative;
  width: auto;
  text-align: left;
  padding: 0;
  margin: 0 0.5em 0.2em 0;
}

/* Checkboxes */
label.has-content.ak-checkbox-label {
  margin-left: 10px;
  padding-top: 2px;
}

/* Custom action fields */
div[id^="ak-fieldbox"] label[for^="id_action_"] {
  position: relative;
  font-weight: 600;
  display: block;
  padding-bottom: 0px;
}

/* Subscription Consent -- Used in Canada
   ========================================================================== */

/* Explicit opt-in checkbox styles */
#id_subscription_consent_box,
#ak-fieldbox-subscription_consent {
  display: none;
}
#id_subscription_consent {
  display: inline;
  width: auto;
}
#id_subscription_consent_box label {
  display: inline;
  position: static;
  color: inherit;
}
#id_subscription_consent_more {
  display: none;
}
#ak-fieldbox-subscription_consent label[for="id_subscription_consent"] {
  padding: 1px 0px 0px 20px;
}
span#id_subscription_consent_more_lnk {
  display: block;
}

/* Errors
   ========================================================================== */

/* Error and confirmation blocks */
#ak-errors,
#ak-confirmation,
#ak-error-info,
.ak-errors,
.ak-confirmation,
.ak-error-info {
  display: none;
}

form.contains-errors #ak-errors,
form.contains-errors #ak-error-info,
form.contains-errors .ak-errors,
form.contains-errors .ak-error-info {
  display: block;
}

#ak-errors,
#ak-confirmation,
.ak-errors,
.ak-confirmation {
  list-style-type: none;
  font-weight: 200;
  padding: 7px 12px;
  margin: 7px 0;
}

ul#ak-errors li,
ul.ak-errors li {
  padding: 0;
  margin: 0;
}

.ak-color-error {
  color: #d00;
}

#ak-errors,
.ak-errors {
  background-color: #d00;
  color: #fff;
  font-weight: 200;
}
#ak-confirmation,
.ak-confirmation {
  background-color: #668d24;
  color: #fff;
  font-weight: 400;
}

/* Fields with error conditions */
.ak-styled-fields input[type="text"].ak-error,
.ak-styled-fields input[type="password"].ak-error,
.ak-styled-fields input[type="number"].ak-error,
.ak-styled-fields input[type="email"].ak-error,
.ak-styled-fields textarea.ak-error,
.ak-styled-fields select.ak-error,
input.ak-error,
select.ak-error,
textarea.ak-error {
  background-color: #ffc8c8;
  border-color: #d00;
}

span.ak-error,
label.ak-error,
.ak-labels-overlaid input.ak-error,
.ak-labels-overlaid label.ak-error,
.ak-labels-before label.ak-error,
.ak-styled-fields select.ak-error {
  color: #d00;
  font-weight: 600;
}

/* Inline errors */
.ak-err {
  color: #d00;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ak-err li {
  line-height: 1.4;
}

.ak-err-above .ak-err {
  margin-top: 0.25em;
}
.ak-err-below .ak-err {
  margin-top: -4px;
  margin-bottom: 12px;
}

/* Old-style Django server-generated errors */
ul.errorlist.ak-errors,
ul.errorlist li {
  background: transparent;
  color: #d00;
  padding: 0;
}
.ak-labels-before ul.errorlist.ak-errors,
.ak-labels-before ul.ak-err,
.ak-skip-label-before {
  margin-left: 35%;
}

/* ==========================================================================
   Layout Components
   ========================================================================== */

/* Buttons
   ========================================================================== */

button,
input[type="submit"],
a.ak-button,
.ak-button {
  background: #007bc5;
  color: #fff;
  height: 38px;
  font-size: 1.35em;
  font-size: 1.35rem;
  font-weight: 200;
  margin: 10px auto;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 20px;
  cursor: pointer;
  text-align: center;
}
button:hover,
input[type="submit"]:hover,
a.ak-button:hover,
.ak-button:hover {
  background-color: #31a8f0;
}
button,
input[type="submit"] {
  display: block;
}
a.ak-button,
.ak-button {
  display: inline-block;
  text-decoration: none;
  padding-top: 4px;
}
a.ak-button:hover,
.ak-button:hover {
  color: #fff;
  /* text-decoration: none; -- Unnecessary? */
}

a.ak-button.ak-full-width {
  display: block;
  width: 100%;
}

button.ak-normal {
  width: 280px;
}

.ak-submit-button {
  display: block;
  height: 42px;
  width: 100%;
  margin: 10px auto;
  padding: 0;
  font-size: 1.48em;
  font-size: 1.48rem;
  line-height: 1.3;
}

@media screen and (min-width: 480px) {
  button.ak-submit-button,
  a.ak-submit-button {
    max-width: 280px;
  }
}

.ak-btn-short,
input[type="submit"].ak-btn-short {
  height: 27px;
  border-radius: 5px;
  margin: 10px 10px 10px 0;
  padding: 0 20px;
  font-size: 1em;
  font-size: 1rem;
  font-weight: 400;
  border: none;
  width: auto;
  display: inline-block;
}

.ak-btn-search,
input[type="submit"].ak-btn-search {
  display: inline-block;
  position: relative;
  top: 2px;
}

/* Used when previewing a page from within the admin */
#actionkit-preview-toolbar input[type="submit"] {
  display: inline-block;
}

/* Share Buttons -- Used on thanks page
   ========================================================================== */

a.ak-share-button {
  width: 100%;
  height: 60px;
  display: block;
  font-size: 1.42em;
  font-size: 1.42rem;
  font-weight: 200;
  margin: 0 0 20px;
  padding: 16px;
  padding-left: 60px;
  text-align: left;
}
.ak-share-button.ak-facebook {
  background-color: #3b5998;
  background-image: url("/media/modern/fb.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-x: 20px;
  background-position-y: 15px;
}
.ak-share-button.ak-facebook:hover {
  background-color: #0e3996;
}
.ak-share-button.ak-twitter {
  background-color: #4299ff;
  background-image: url("/media/modern/twitter.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-x: 20px;
  background-position-y: 15px;
}
.ak-share-button.ak-twitter:hover {
  background-color: #2589ff;
}
.ak-share-button.ak-email {
  background-color: #007bc5;
  background-image: url("/media/modern/envelope.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position-x: 20px;
  background-position-y: 22px;
}
.ak-share-button.ak-email:hover {
  background-color: #0067bc;
}
a.ak-small-share-button {
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400;
  padding: 0 20px 0 33px;
  height: 27px;
  border-radius: 5px;
}
a.ak-small-share-button.ak-share-button.ak-facebook {
  background-size: 18px;
  background-position-x: 8px;
  background-position-y: 5px;
}
a.ak-small-share-button.ak-share-button.ak-twitter {
  background-size: 18px;
  background-position-x: 8px;
  background-position-y: 5px;
}

/* Accent box around a group of fields
   ========================================================================== */

.ak-field-box {
  background: #f3f6f7;
  border: 1px solid #bdd5da;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

.ak-field-box.ak-event-disabled {
  background: rgba(119, 119, 119, 0.07);
}

.ak-event-completed,
.ak-event-full {
  color: #dd0000;
}

@media only screen and (max-width: 749px) {
  .ak-field-box {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.ak-field-box h3 {
  font-size: 1.42em;
  font-size: 1.42rem;
  font-weight: 200;
  margin: 0;
}
.ak-field-box ul {
  list-style: none;
  padding: 0;
}
.ak-field-box.ak-labels-overlaid label,
.ak-labels-overlaid .ak-field-box {
  padding: 8px 10px;
}
.ak-field-box input[type="text"],
.ak-field-box input[type="password"],
.ak-field-box input[type="number"],
.ak-field-box textarea,
.ak-field-box textarea,
.ak-field-box select {
  background: #fff;
}

/* Field box gets extra padding on survey pages */
.ak-field-box-padded {
  padding: 20px;
}

/* Some field boxes are square and borderless, eg petition, call/whip script */
.ak-field-box-borderless {
  border-radius: 0;
  border: none;
}

/* If field box holds paragraphs, don't add their margin to its padding */
.ak-field-box p:first-child {
  margin-top: 0;
}
.ak-field-box p:last-child {
  margin-bottom: 0;
}

#event-search-results .ak-field-box {
  overflow: auto;
}

/* Text expander provides "read more" link for long text
   ========================================================================== */

a.ak-read-more {
  text-align: center;
  border-top: 1px solid #ccc;
  background: #e3e3e3;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 3px;
  margin-bottom: 10px;
  text-decoration: none;
}

div.ak-text-expander {
  max-height: none;
  overflow: hidden;
  margin-bottom: 0px;
}

div.ak-text-expander a.ak-read-more {
  display: none;
}

div.ak-text-expander.ak-truncated {
  overflow: hidden;
  max-height: 4.5em;
}

div.ak-text-expander.ak-truncated a.ak-read-more {
  display: block;
}

div.ak-text-expander p:first-child {
  margin-top: 0px;
}

@media screen and (min-width: 480px) {
  div.ak-text-expander.ak-truncated {
    overflow: visible;
    max-height: none;
  }
  div.ak-text-expander {
    max-height: 100%;
    overflow: visible;
    margin-bottom: 10px;
  }
  div.ak-text-expander p:first-child {
    margin-top: 10px;
  }
}

/* Miscelaneous
   ========================================================================== */

.ak-unstyled {
  list-style: none;
}

div.ak-text-expander p:first-child {
  margin-top: 0px;
}

div.ak-text-expander + a.ak-read-more {
  display: none;
}

div.ak-text-expander.ak-truncated + .ak-read-more {
  display: block;
}

@media screen and (min-width: 480px) {
  div.ak-text-expander {
    max-height: 100%;
    overflow: visible;
    margin-bottom: 10px;
  }
  div.ak-text-expander p:first-child {
    margin-top: 10px;
  }
  div.ak-text-expander + a.ak-read-more {
    display: none;
  }
}

/* Progress Thermometer
   ========================================================================== */

.ak-progress-meter {
  width: 100%;
  margin: 10px 0 10px;
}

.ak-progress-meter .ak-progress-holder {
  margin: 0;
  width: 100%;
  background: #e7e7e7;
  padding: 3px;
}

.ak-progress-meter .ak-progress-meter-border {
  border: 3px solid #fff;
  padding: 0;
}

.ak-progress-meter .ak-progress-bar {
  background: #884974;
  height: 30px;
}

.ak-progress-meter .ak-progress-percent {
  display: inline-block;
  font-size: 1.93em;
  font-size: 1.93rem;
  line-height: 1;
  font-weight: 600;
  margin: 3px 10px 0 6px;
  color: #884974;
}
.ak-progress-meter .ak-progress-goals {
  display: inline-block;
  font-size: 0.84em;
  font-size: 0.84rem;
  line-height: 1.1;
  font-weight: 200;
  margin-top: 4px;
}

.ak-progress-meter .ak-progress-actions {
  font-weight: 600;
}

/* Message form table used for TAF, LTE, Invite and similar "email-like" forms
   ========================================================================== */

table.ak-message-form {
  width: 100%;
}

table.ak-message-form th,
table.ak-message-form td {
  vertical-align: top;
}

table.ak-message-form th {
  white-space: nowrap;
  text-align: right;
  padding-right: 0.5em;
  padding-top: 8px;
}

table.ak-message-form textarea {
  margin: 0;
}

table.ak-message-form .ak-readonly-value {
  padding: 8px 2px;
}

.ak-rtl table.ak-message-form th {
  /* mirror the styles if RTL */
  text-align: left;
  padding-right: 0;
  padding-left: 0.5em;
}

/* Spinner
   ========================================================================== */

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    opacity: 0;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

#ak-search-spinner {
  padding-top: 10px;
}
.ak-spinner {
  margin: 0 auto 0;
  width: 100px;
  height: 14px;
  text-align: center;
}

.ak-spinner > div {
  width: 14%;
  height: 100%;
  background: #777777;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.7s infinite ease-in-out both;
  margin-right: 5px;
}

.ak-spinner .ak-spinner__item1 {
  animation-delay: -0.6s;
}

.ak-spinner .ak-spinner__item2 {
  animation-delay: -0.4s;
}

.ak-spinner .ak-spinner__item3 {
  animation-delay: -0.2s;
}

/* ==========================================================================
   Non-Action-Page Screens
   ========================================================================== */

/* Password Reset Screen
   ========================================================================== */

body.ak-pagetype-reset ul.errorlist {
  margin-top: 0;
}

/* Share / Thanks Screen
   ========================================================================== */

.ak-checkmark-icon {
  position: relative;
  top: 7px;
}

/* TAF */
.ak-share-message {
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 8px;
  width: 100%;
  margin-top: 10px;
  min-height: 200px;
}

#id_taf_emails {
  min-height: 70px;
}
.ak-sharebox-tafsubject {
  font-weight: 400;
  padding: 0;
}
.ak-sendemail-opened {
  color: #4b4b4b;
  font-size: 1.42em;
  font-size: 1.42rem;
  position: relative;
  top: -4px;
  cursor: pointer;
}

.ak-sendemail-cancel {
  float: right;
}

#ak-taf-form {
  width: 100%;
  margin: 0;
  display: none;
}

#taf-preview {
  width: 100%;
}

.taf-mailto {
  clear: both;
}

#id_taf_body {
  white-space: pre-wrap;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.taf_body {
  border: solid rgb(128, 128, 128) 1px;
  padding: 5px;
}

/* Share URL */
.ak-share-url {
  width: 100%;
  border: 1px solid #ccc;
  margin-top: 43px;
  background: #f7f7f7;
}
.ak-share-url input {
  border: none;
  margin: 0;
  width: 70%;
  padding: 10px;
  background: #f7f7f7;
}
span.ak-share-url-text {
  background: #808080;
  color: #fff;
  padding: 10px;
}

/* ==========================================================================
   Page-type Specific Styles
   ========================================================================== */

/* Survey Page
   ========================================================================== */

label.ak-survey-question-label {
  font-size: 1.29em;
  font-size: 1.29rem;
  font-weight: 200;
  margin: 17px 0 3px;
  line-height: 1.3;
  display: block;
}

.ak-field-box div:first-child label.ak-survey-question-label {
  margin-top: 0;
}

/* Accordion -- Used on LTE Page
   ========================================================================== */
.ak-accordion ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.ak-accordion ul li {
  background: #f3f6f7;
  padding: 13px 16px;
  margin-bottom: 2px;
}
.ak-accordion ul li .ak-accordion-head {
  cursor: pointer;
}
.ak-accordion .ak-accordion-head {
  font-weight: 600;
  text-decoration: none;
  font-size: 1.16em;
  font-size: 1.16rem;
}
.ak-accordion .ak-arrow {
  position: relative;
  top: 4px;
}

.ak-arrow,
.ak-arrow-inline {
  float: right;
  font-size: 0.58em;
  font-size: 0.58rem;
  transition: 0.4s;
}
.ak-arrow-inline {
  top: 6px;
}

.ak-pagetype-thanks .ak-arrow-inline {
  padding-top: 5px;
}

.ak-pagetype-thanks p.active .ak-arrow-inline {
  padding-top: 7px;
  padding-left: 3px;
  top: 6px;
  left: 5px;
}

li.active .ak-arrow,
p.active .ak-arrow-inline,
h3.active .ak-arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 12px;
  left: 5px;
}
.ak-arrow:after,
.ak-arrow-inline:after {
  content: "\25B6 \FE0E";
  color: #268ecd;
}

.ak-rtl .ak-arrow,
.ak-rtl .ak-arrow-inline {
  /* mirror the styles if RTL */
  float: left;
}

/* LTE Page
   ========================================================================== */

.ak-newspaper-row {
  background: #eeeeee;
  margin-bottom: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 8px;
  font-weight: 200;
  font-size: 0.9em;
  font-size: 0.9rem;
}

.ak-newspaper-row a {
  font-weight: 600;
  font-size: 1.16em;
  font-size: 1.16rem;
  padding-bottom: 5px;
}
.ak-newspaper-row .ak-newspaper-choice {
  float: right;
  margin: 0;
  font-size: 1.16em;
  font-size: 1.16rem;
  padding-top: 6px;
}

.ak-newspaper-row .ak-newspaper-choice input {
  display: none;
}

#ak-newspaper-change {
  font-size: smaller;
  margin-left: 1em;
}

.ak-rtl .ak-newspaper-row .ak-newspaper-choice {
  /* mirror the styles if RTL */
  float: left;
}

/* Petition Page
   ========================================================================== */

p.ak-petition-leadin,
div.ak-petition-leadin,
p.ak-petition-leadin + p {
  font-weight: 600;
}

body.ak-pagetype-petition button.ak-submit-button {
  width: 100%;
  max-width: 360px;
}
@media (min-width: 750px) {
  body.ak-pagetype-petition button.ak-submit-button {
    max-width: initial;
  }
}
div[id^="id_action_"] {
  margin-bottom: 10px;
}

/* Letter Page
   ========================================================================== */

.ak-letter-text {
  width: 100%;
  padding: 10px;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  height: 300px;
  line-height: 1.5;
  border: 1px solid #d5d5d5;
}

/* Update, Cancel Recurring
   ========================================================================== */

body.ak-pagetype-recurring_cancel p,
body.ak-pagetype-recurring_update p {
  font-weight: 400;
}

body.ak-pagetype-recurring_update input#amount {
  width: 8em;
}

#ak-change-amount p {
  margin: 0px;
}

/* Targets -- Used on call and whipcount pages
   ========================================================================== */

.ak-target-area label,
.target label {
  line-height: 1.5;
}

.ak-target-contact {
  display: block;
  font-weight: 200;
  font-size: 1.35em;
  font-size: 1.35rem;
  line-height: 1.2;
}

.ak-target-toggle label,
span.local_toggle_label {
  font-size: 0.9em;
  font-size: 0.9rem;
  font-weight: 400;
}

.ak-target-office,
div.office {
  display: none;
  font-weight: 400;
}

.ak-target-phone,
span.office_phone {
  font-size: 0.9em;
  font-size: 0.9rem;
  font-weight: 400;
}

/* Hide "tel:" and fax number */
.ak-target-phone .ak-target-label,
span.office_phone_label,
span.ak-target-fax,
span.ak-target-separator {
  display: none;
}

/* Steps -- Used on call and whipcount pages
   ========================================================================== */

.ak-steps-area h3 {
  padding: 3px 0 1px;
  font-size: 1.29em;
  font-size: 1.29rem;
  color: #000;
}
.ak-steps-area label.ak-step-label {
  font-weight: 200;
}
.ak-steps-area h3 div.ak-step-number {
  border-radius: 50%;
  behavior: url(PIE.htc); /* remove if you don't care about IE8 */
  display: inline-block;
  font-size: 1.1em;
  font-size: 1.1rem;
  line-height: 1.52;
  width: 1.52em;
  height: 1.52em;
  text-align: center;
  background: #fff;
  color: #4b4b4b;
  position: relative;
  top: -1px;
  margin: 2px;
}

.ak-steps-area h3.clickable {
  margin: 5px -15px 0;
  padding-left: 13px;
}
.ak-steps-area h3.clickable,
.ak-steps-area h3.clickable label,
.ak-steps-area h3.clickable span,
.ak-steps-area h3.clickable span span,
.ak-steps-area h3.clickable div.ak-step-number,
.ak-steps-area h3.clickable label div {
  cursor: pointer;
}
.ak-steps-area h3 .ak-arrow-holder {
  display: block;
  color: #fff;
  float: right;
  padding-right: 10px;
  position: relative;
  top: 9px;
}
.ak-steps-area h3 .ak-arrow:after {
  color: #fff;
}

@media (max-width: 479px) {
  .ak-steps-area h3 {
    background: #4b4b4b;
    color: #fff;
    padding: 8px 5px 6px;
  }
  .ak-steps-area h3 ~ div {
    display: none;
  }
}
@media (min-width: 480px) {
  .ak-steps-area h3 label.ak-step-label {
    color: #4b4b4b;
  }
  .ak-steps-area h3 div.ak-step-number {
    /* border: 2px solid #fff; */
    background: #4b4b4b;
    color: #fff;
  }
  .ak-steps-area h3 .ak-arrow-holder {
    display: none;
  }
  .ak-steps-area .ak-fieldbox {
    margin-left: 0;
    margin-right: 0;
  }
}

.ak-steps-area .ak-fieldbox {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
  padding: 0 15px;
}
.ak-steps-area .ak-fieldbox p {
  margin: 0;
  padding: 10px 0;
}

h3#report-call label p {
  margin: 10px 0 10px;
}

/* Call Page
   ========================================================================== */

#ak-need-contact-info {
  margin-bottom: 10px;
}

#target_checkboxes .target {
  margin-left: 1.25em;
  text-indent: -1.25em;
  line-height: 1.8;
}

.target input {
  margin: 0;
}

body.ak-pagetype-call .ak-target-contact {
  margin-left: 1.25em;
}

/* Whipcount Page
   ========================================================================== */

/* Whipcount result listing table  */
#ak-whipcount-targets h3 {
  /* border-bottom: 1px solid black; */
  /* padding: 0 15px 10px 30px; */
}

#ak-whipcount-targets table {
  width: 100%;
  border-spacing: 0 5px;
  overflow-x: auto;
}
#ak-whipcount-targets table th {
  text-align: left;
  font-weight: 200;
  font-size: 1em;
  font-size: 1rem;
}
#ak-whipcount-targets table th,
#ak-whipcount-targets table td {
  padding: 0 0 0 20px;
}
#ak-whipcount-targets table td:last-child {
  padding-right: 20px;
  text-align: right;
}

@media screen and (min-width: 750px) {
  #ak-whipcount-targets table th {
    width: 20%;
  }
}

@media screen and (max-width: 749px) {
  .ak-whipcount-listing {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* mirror the styles if RTL */
.ak-rtl #ak-whipcount-targets table th {
  text-align: right;
}

.ak-rtl #ak-whipcount-targets table th,
.ak-rtl #ak-whipcount-targets table td {
  padding: 0 20px 0 0;
}
.ak-rtl #ak-whipcount-targets table td:last-child {
  padding-left: 20px;
  text-align: left;
}

/* Contents of the table */
#ak-whipcount-targets tbody tr {
  background: #eeeeee;
  height: 40px;
}
#ak-whipcount-targets tbody tr:nth-of-type(2n) {
  /* background: #f0f0f0; */
}
#ak-whipcount-targets tbody tr .ak-target-name {
  font-weight: 600;
  font-size: 1.16em;
  font-size: 1.16rem;
}
#ak-whipcount-targets tbody tr.ak-target-opposed {
  background: #e3e3e3;
}
#ak-whipcount-targets tbody tr.ak-target-supportive {
  background: #f7f7f7;
}
#ak-whipcount-targets tbody tr.ak-target-opposed span.ak-target-stance {
  color: #cd2027;
}
#ak-whipcount-targets tbody tr.ak-target-supportive span.ak-target-stance {
  color: #658f3d;
}

.ak-whipcount-icon {
  display: inline-block;
  top: 4px;
  position: relative;
}

#ak-whipcount-targets tbody a.ak-button {
  line-height: 1.3;
  font-size: 1.16em;
  font-size: 1.16rem;
  padding: 5px 40px;
  margin: 0;
  height: auto;
}

@media screen and (max-width: 749px) {
  #ak-whipcount-targets tbody a.ak-button {
    padding: 5px 15px;
  }
  .ak-whipcount-icon {
    display: none;
  }
}

/* Call form */
.ak-whipcount-callbox {
  margin-top: 10px;
}

@media screen and (min-width: 480px) {
  .ak-whipcount-callbox {
    margin-top: 0px;
  }
}

#who_to_call {
  margin-left: 0;
}

.ak-whipcount-callbox {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.ak-whipcount-callbox .ak-whipcount-boxhead {
  background: #4b4b4b;
  color: #fff;
  padding: 10px;
  height: auto;
  font-weight: 600;
}
.ak-whipcount-callbox .ak-whipcount-boxhead .ak-target-phone {
  font-size: 1.42em;
  font-size: 1.42rem;
  font-weight: 600;
  margin: 0;
}
.ak-whipcount-callbox .ak-whipcount-boxbody {
  padding: 10px;
}

/* Donation Page
   ========================================================================== */

/* Donation amount buttons */
div#ak-amount-list {
  overflow: auto;
}
div#ak-amount-list .ak-currency,
div#ak-amount-list .ak-multi-currency,
div#ak-amount-list .ak-amount-wrapper {
  margin-top: 10px;
}

.ak-amount-wrapper {
  text-align: center;
  margin: 10px 0;
}

div#ak-amount-list .ak-amount-wrapper ul {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

#ak-amount-list li {
  cursor: pointer;
}

div#ak-amount-list .ak-amount-wrapper li {
  display: block;
  font-size: 1em;
  font-weight: 200;
  text-align: center;
  width: 20%;
  margin-right: 1%;
  margin-bottom: 8px;
  padding: 0;
}

div#ak-amount-list .ak-amount-wrapper ul li:last-of-type {
  margin-right: 0;
}

#ak-amount-list li label {
  cursor: pointer;
  display: block;
  padding: 15.5px 0;
  width: 80px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 1;
}

div#ak-amount-list ul.ak-unstyled li label.ak-btn input[type="radio"] {
  display: none;
}

@media screen and (min-width: 800px) {
  div#ak-amount-list .ak-amount-wrapper li {
    display: block;
    font-size: 1.29em;
    font-size: 1.29rem;
    font-weight: 200;
    text-align: center;
    width: 23%;
    margin-right: 1.5%;
    margin-bottom: 8px;
    padding: 0;
  }
}

div#ak-amount-list #ak-other-amount-container {
  height: 50px;
}
#ak-other-amount-container label {
  height: 46px;
}
div#ak-amount-list #ak-other-amount-field {
  height: 32px;
  width: 62%;
  position: relative;
  top: -9px;
  vertical-align: top;
}

@media screen and (min-width: 800px) {
  #ak-other-amount-container label {
    height: 47px;
  }
  div#ak-amount-list #ak-other-amount-field {
    height: 38px;
    width: 62%;
  }
}

#ak-amount-list li label {
  background: #d7d7d7;
}

#ak-amount-list li label:hover,
#ak-amount-list li label.ak-radio-checked,
div#ak-amount-list label[for="amount_other_field"].ak-radio-checked {
  background: #ffc700;
}

div#ak-amount-list span.ak-currency {
  display: inline-block;
  margin-right: 15px;
}

@media screen and (min-width: 800px) {
  #ak-amount-list li label {
    width: 100px;
  }
  #ak-amount-list .ak-amount-wrapper li {
    font-size: 1.42em;
    font-size: 1.42rem;
    margin-left: 0.1%;
  }
  #ak-amount-list .ak-amount-wrapper li label {
    padding: 14px 0;
  }
}

@media (min-width: 800px) {
  #ak-amount-list li {
    margin-left: 0.2%;
  }
}

#ak-amount-list .ak-err li {
  width: auto;
  background: none;
}

/* One-Time Or Recurring */
div#ak-recurring-type {
  text-align: center;
}
div#ak-recurring-type span {
  display: inline-block;
  margin: 15px 0 0 15px;
}

/* PayPal button */
.ak-paypal-button {
  background: none;
  position: relative;
  top: 6px;
  display: inline-block;
  padding: 8px;
  border: 1px solid #f3f6f7;
}
.ak-paypal-button:hover {
  background: none;
  border: 1px solid #007bc5;
}

/* Payment fields */
.ak-payment-options {
  text-align: center;
}
#ak-exp_date_box,
#ak-card_code_box {
  display: inline-block;
  vertical-align: top;
  max-width: 49%;
}
#ak-exp_date_box {
  padding-right: 1em;
}
#ak-exp_date_month,
#ak-exp_date_year {
  display: inline;
  width: auto;
}

/* Products and Campaigns */
.ak-product-subtotal {
  font-weight: 600;
}
.ak-product-subtotal,
#ak-product-quantity-header {
  text-align: right;
}
td.ak-product-quantity {
  text-align: center;
}
.ak-product-quantity input[type="number"] {
  text-align: right;
}
.ak-product-quantity input[type="number"],
.ak-candidate-amount input[type="text"] {
  width: 49px;
}
.ak-candidate-amount span.ak-currency-sym {
  font-weight: 600;
  display: inline-block;
  margin-right: 5px;
}
.ak-product-description {
  font-size: 0.9em;
  font-size: 0.9rem;
  font-weight: 400;
}
td.ak-product-amount {
  font-weight: 600;
}
#ak-donation-total-div label {
  font-weight: 600;
  font-size: 0.84em;
  font-size: 0.84rem;
}
#ak-donation-total-amount {
  margin-right: 5px;
  font-size: 1.16em;
  font-size: 1.16rem;
}

#ak-donation-details {
  overflow: auto;
}
#ak-donation-details table {
  width: 100%;
}
#ak-donation-details table tr th,
#ak-donation-details table tr td {
  text-align: left;
  vertical-align: top;
}
#ak-donation-details table img {
  max-width: 85px;
}
#ak-donation-details table .ak-candidate-name {
  font-weight: 600;
  vertical-align: top;
}
#ak-donation-details table .ak-candidate-name p {
  font-weight: 400;
}
.ak-candidate-amount {
  vertical-align: top;
}

#ak-candidate-amount-header,
#ak-candidate-details-header {
  font-weight: 200;
  text-transform: uppercase;
}
#ak-candidate-amount-header {
  text-align: right;
}

.ak-product-name,
#ak-donation-subtotal-amount {
  font-weight: 600;
}
.ak-donation-subtotal label {
  margin-right: 22px;
}

/* mirror the styles if RTL */
.ak-rtl #ak-donation-details table tr th,
.ak-rtl #ak-donation-details table tr td {
  text-align: right;
}

.ak-rtl .ak-candidate-amount span.ak-currency-sym {
  margin-right: 0;
  margin-left: 5px;
}

/* Donation Totals */
.ak-donation-total {
  text-align: right;
  text-transform: uppercase;
}
.ak-donation-total span.ak-currency-sym {
  font-size: 1.16em;
  font-size: 1.16rem;
  font-weight: 600;
}
.currency_sym,
#ak-donation-total-amount {
  font-weight: 600;
}
.product-name {
  font-weight: 600;
}

/* Three Step navigation menu */
.ak-donate-menu {
  text-align: center;
  margin-bottom: 10px;
}

.ak-donate-menu label {
  display: inline-block;
  cursor: pointer;
  width: 5.2em;
}

.ak-donate-step span {
  /* Step name */
  display: block;
  font-weight: 400;
  margin-bottom: 1px;
}

.ak-donate-menu input {
  /* Radio button */
  display: none;
}

.ak-donate-menu div.ak-step-number {
  border-radius: 50%;
  behavior: url(PIE.htc); /* remove if you don't care about IE8 */
  display: inline-block;
  font-size: 0.75em;
  font-size: 0.75rem;
  line-height: 1.725;
  width: 1.725em;
  height: 1.725em;
  background: #909090;
  color: #fff;
  text-align: center;
  font-weight: 500;
  margin: 0;
}

.ak-donate-menu input:checked + div.ak-step-number {
  background: #4b4b4b;
}

label.ak-donate-step:hover {
  color: #31a8f0;
}
.ak-donate-menu input:checked + div.ak-step-number:hover,
label.ak-donate-step:hover div.ak-step-number {
  background: #31a8f0;
}

/* Currency selection */
#ak-multi-currency {
  text-align: center;
  margin-bottom: 20px;
}
#ak-multi-currency label {
  font-weight: 600;
}

/* donate: adding braintree ACH */

.ak-pagetype-donate .ak-styled-fields input[type="radio"] {
  margin-left: 1px;
}

.ak-pagetype-donate h4 {
  font-size: 1.34em;
  font-size: 1.34rem;
  font-weight: 200;
}

.ak-pagetype-donate label[for="ak_payment_method_cc"],
.ak-pagetype-donate label[for="ak_payment_method_ach"],
.ak-pagetype-donate label[for="ak_ach_method_account_number"],
.ak-pagetype-donate label[for="ak_ach_method_bank_login"] {
  display: inline;
  margin-left: 2px;
}

.ak-pagetype-donate .ach_payment_options {
  display: none;
}

.ak-pagetype-donate #ak-fieldbox-business_name {
  display: none;
}

/* donate: quickdonate */

.ak-pagetype-donate .ak-qd-recaptcha-warning {
  text-align: left;
  padding: 0 29px 26px;
}

.ak-pagetype-donate .ak-qd-recaptcha-warning p {
  line-height: 1;
}

/* Events Pages
   ========================================================================== */

button.ak-event-search {
  display: inline;
  position: relative;
  top: 2px;
}

.ak-event-search select#id_country {
  height: 38px;
}

p.ak-event-title a {
  font-size: 1.42em;
  font-size: 1.42rem;
  font-weight: 200;
  text-decoration: none;
}
.ak-event-title a:hover {
  text-decoration: underline;
}

.ak-signoff-box {
  background: #eeeeee;
  padding: 19px;
  margin-bottom: 20px;
}
.ak-signoff-box blockquote {
  padding-bottom: 19px;
  border-bottom: 1px solid #fff;
  margin: 0;
  margin-bottom: 19px;
}
.ak-signoff-box blockquote p {
  font-weight: 600;
}
.ak-signoff-box blockquote p:first-child {
  margin-top: 0;
}
.ak-signoff-box blockquote p:last-child {
  margin-bottom: 0;
}

ul.ak-links-menu {
  list-style: none;
  padding: 0;
  margin-top: 0;
}
.ak-links-menu li {
  display: inline-block;
}
.ak-links-menu li a {
  text-decoration: none;
}
.ak-links-menu li a:hover {
  text-decoration: underline;
}

/* Used to display list of attendees */
table.ak-data-table {
  border-collapse: collapse;
}
table.ak-data-table td,
table.ak-data-table th {
  padding: 5px 15px 5px 0;
  border-bottom: 1px solid #ccc;
}
table.ak-data-table th {
  text-align: left;
}

.ak-rtl table.ak-data-table th {
  /* mirror the styles if RTL */
  text-align: right;
}

/* Used to present event data like date and location */
table.ak-event-table th {
  text-align: right;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: top;
  padding-right: 0.5em;
}
table.ak-event-table td {
  vertical-align: top;
}

.ak-rtl table.ak-event-table th {
  /* mirror the styles if RTL */
  text-align: left;
  padding-right: 0;
  padding-left: 0.5em;
}

/* Map used to show events */
#ak-map {
  width: 100%;
  padding: 0;
}
#ak-map img {
  width: 100%;
  height: auto;
  padding: 0;
}
#ak-map iframe {
  min-height: 300px;
}
#ak-map .caption {
  color: #4b4b4b;
}

.ak-rtl #ak-map {
  /* mirror the styles if RTL */
  float: left;
}

div.event-signup {
  zoom: 1; /* work around IE 8 content-hiding bug */
}
label[for="id_event_is_private"] {
  top: -5px;
}
body.ak-pagetype-event_host_tools input[value="Send invitations"] {
  margin: 0;
}
label.ak-checkbox-label.has-content[for="id_event_signup_ground_rules"] {
  display: inline-block;
  pointer-events: auto;
}

.ak-search-area select {
  top: -1px;
}

.ak-search-area select,
.ak-search-area input[type="text"] {
  width: 200px;
}

.ak-event-distance {
  color: #a3a3a3;
}

/* Date/time picker */
.ak-datetime {
  display: inline;
}

.ak-datetime input,
.ak-datetime select {
  display: inline;
  position: static;
  float: none;
}
span.ak-datetime input[type="text"] {
  width: 8em;
}
.ak-datetime select {
  width: auto;
}

#id_event_starts_at_ampm {
  font-weight: 400;
}
#id_event_starts_at_ampm + ul.ak-err {
  float: none;
}

.ak-bar-holder {
  width: 100%;
}

/* from event_create.html */

.ak-checkbox-label {
  float: none;
}

a.next-link {
  text-decoration: none;
  display: inline-block;
  background: url("/media/images/next_icon.svg") right top;
  background-size: 18px 38px;
  background-position: right 2px;
  background-repeat: no-repeat;
  padding-right: 16px;
}

/* File attachments
   ========================================================================== */

.ak-attachment-frontend {
  border-style: dashed !important;
}
.ak-attachment-frontend.ak-has-overlay::placeholder {
  text-align: right;
}

.ak-attachment-frontend:placeholder-shown {
  cursor: pointer;
}
.ak-attachment-frontend::placeholder {
  color: #007bc5;
  text-decoration: underline;
  opacity: 1;
}
.ak-attachment-frontend:hover::placeholder {
  color: #31a8f0;
}