/* ==========================================================================
   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.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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+.
 */

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).
 */

a:active,
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.
 */

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.
 */

b,
strong {
  font-weight: inherit;
}

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

b,
strong {
  font-weight: 600;
}

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

dfn {
  font-style: italic;
}

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

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

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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.
 */

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

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

figure {
  margin: 1em 40px;
}

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

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.
 */

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

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

optgroup {
  font-weight: 600;
}

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

button,
input { /* 1 */
  overflow: visible;
}

address {
    font-style: normal;
}

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

button,
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.
 */

button,
html [type="button"], /* 1 */
[type="reset"] {
  -webkit-appearance: button; /* 2 */
}

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

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.
 */

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).
 */

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.
 */

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.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

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

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

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

body {
    background: #efefef;
    color: #4b4b4b;
}

.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;
}

/* Base Font
   ========================================================================== */

html {
    font-family: "Open Sans", sans-serif;
    font-size: 15.5px;
    font-weight: 200;
}

/*
    With HTML base font of 15.5px
    font-size: 0.58rem  =   9px
    font-size: 0.84rem  =  13px
    font-size: 0.90rem  =  14px
    font-size: 1.00rem  =  15.5px
    font-size: 1.10rem  =  17px
    font-size: 1.16rem  =  18px
    font-size: 1.29rem  =  20px
    font-size: 1.35rem  =  21px
    font-size: 1.42rem  =  22px
    font-size: 1.48rem  =  23px
    font-size: 1.55rem  =  24px
    font-size: 1.93rem  =  30px
*/


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

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;
}

b,
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 site title */
h1 {}

/* Used for page title */
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) {
    h2 {
        margin: 24px 0 10px;
    }
    .event-search #ak-map-img {
		width: 48%;
		float: right;
	}
}



/* Used for page section headings */
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 */
h4 {
    font-size: 1.00em;
    font-size: 1.00rem;
    font-weight: 600;
    margin: 10px 0 4px;
}

/* Used for small headings */
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;
}


/* JavaScript CSS hooks for actionkit.js
   ========================================================================== */

body.js form.ak-form {
    display: none
}

body.js .ak-nodisplay-if-js { display: none; }
body.js .nojs { display: none; }
.ifjs { display: none; }
.if-js { display: none; }
body.js .if-js { display: block; }
body.js a.if-js,
body.js span.if-js,
body.js input.if-js { display: inline; }
body.js .iblock-if-js { display: inline-block; }
body.js li.if-js { display: list-item; }


/* ==========================================================================
   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.90em;
    font-size: 0.90rem;
    white-space: normal;
    line-height: 1.3;
}

@media screen and (min-width: 480px ){
    .ak-labels-before label {
        font-size: 1.00em;
        font-size: 1.00rem;
        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: 1.00em;
    font-size: 1.00rem;
    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-bluesky {
    background-color: rgb(10,122,255);
    background-image: url("/media/modern/bluesky.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-x: 20px;
    background-position-y: 15px;
}
.ak-share-button.ak-bluesky:hover {
    background-color: rgb(8, 93, 198);
}.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: 1.00rem;
    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-bluesky {
    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;
}

body.ak-pagetype-event_search .ak-info-column {
	float: left;
	margin-right: 20px;
	width: 400px;
} 

body.ak-pagetype-event_search .ak-description-column { 
	display: inline-block;
	margin-top: 10px;
	width: 100%;
}

@media only screen and (min-width: 400px) {
   body.ak-pagetype-event_search .ak-description-column { 
   	width: 100%;
   	margin-top: 10px;
   }
}

@media only screen and (min-width: 660px) {
   body.ak-pagetype-event_search .ak-description-column { 
   	width: 30%;
   }
}

@media only screen and (min-width: 787px) {
   body.ak-pagetype-event_search .ak-description-column { 
   	width: 35%;
   }
}

@media only screen and (min-width: 1000px) {
   body.ak-pagetype-event_search .ak-description-column { 
   	width: 48%;
   }
}

@media only screen and (max-width: 400px) {
	body.ak-pagetype-event_search .ak-info-column { 
    	float: none;
    	margin-right:0;
    	width: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;
}

body.ak-pagetype-donate .ak-progress-meter {
    margin-top: 0;
}


/* 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 {
    width: 100%;
}

.ak-spinner {
    width: 100%;
}

.ak-spinner .ak-spinner-text {
    text-align: center;
}

.ak-spinner-container {
  margin: 0 auto 0;
  width: 100px;
  text-align: center;
  height: 14px;
}

.ak-spinner-container > 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-container .ak-spinner__item1 {
  animation-delay: -0.60s; }

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

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


/* ==========================================================================
   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 {}
.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.90em;
    font-size: 0.90rem;
}
.ak-newspaper-row:nth-of-type(2n) {
    /* background-color: #e7e7e7; */
}

.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.90em;
    font-size: 0.90rem;
    font-weight: 400;
}

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

.ak-target-phone,
span.office_phone {
    font-size: 0.90em;
    font-size: 0.90rem;
    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.10em;
    font-size: 1.10rem;
    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;
}

body.ak-pagetype-call .ak-steps-area #ak-survey_question label p {
    margin-top: 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: 1.00em;
    font-size: 1.00rem;
}
#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;
}
body.ak-pagetype-whipcount #ak-report-call {
    margin-top: 10px;
}
@media screen and (min-width:480px) {
    .ak-whipcount-callbox {
        margin-top: 0px;
    }
    body.ak-pagetype-whipcount #ak-report-call {
        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: .1%;
    }
    #ak-amount-list .ak-amount-wrapper li label {
        padding: 14px 0;
    }
}

@media (min-width:800px) {
    #ak-amount-list li {
        margin-left: .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.90em;
    font-size: 0.90rem;
    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-menu.ak-payments-menu label {
    width: 9em;
}

@media screen and (max-width: 475px) {
    .ak-donate-menu.ak-payments-menu label {
        width: 6em;
    }
}

@media screen and (min-width: 750px) and (max-width: 833px) {
    .ak-donate-menu.ak-payments-menu label {
        width: 7.5em;
    }
}

span#multistep-amount-label {
    display: inline;
}

.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;
}

/* Hide these on event attend page. They show up on the event search results. */
body.ak-pagetype-event_attend h2.ak-results-heading,
body.ak-pagetype-event_attend a.ak-event-create,
body.ak-pagetype-event_attendee_tools a.ak-event-create {
    display: none;
}

/* From event_attendee_details.html */
body.ak-pagetype-event_attendee_tools .event-address label {
    float: left;
    white-space: pre;
}
body.ak-pagetype-event_attendee_tools .event-address-content {
    float: left;
}

/* Events fixes */
.ak-submit-button,
button,
input[type="submit"] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* label positioning on create event page */
body.ak-pagetype-event_create .ak-labels-before label[for="id_event_is_private"] {
    top: -5px;
}
body.ak-pagetype-event_create .ak-styled-fields textarea {
    padding-top: 7px;
}

body.ak-pagetype-event_create #id_event_public_description {
    min-height: 160px;
}
body.ak-pagetype-event_create .ak-styled-fields input[type="text"].ak-error,
body.ak-pagetype-event_create .ak-styled-fields input[type="password"].ak-error,
body.ak-pagetype-event_create .ak-styled-fields input[type="number"].ak-error,
body.ak-pagetype-event_create .ak-styled-fields input[type="email"].ak-error,
body.ak-pagetype-event_create .ak-styled-fields textarea.ak-error,
body.ak-pagetype-event_create .ak-styled-fields select.ak-error,
body.ak-pagetype-event_create input.ak-error,
body.ak-pagetype-event_create select.ak-error,
body.ak-pagetype-event_create textarea.ak-error {
    margin-bottom: 0;
}
body.ak-pagetype-event_create .ak-err-below .ak-err {
    margin-bottom: 6px;
    margin-top: 3px;
}
body.ak-pagetype-event_create .ak-styled-fields input[type="checkbox"] {
    top: -5px;
    left: -2px;
    position: relative;
    max-width: 30px;
}

body.ak-pagetype-event_search p {font-weight: 200;}
body.ak-pagetype-event_search .ak-styled-fields input[type="text"] {
    width: auto;
    color: #4b4b4b;
}
body.ak-pagetype-event_search .ak-search-area select{
    top: -1px;
    position: relative;
}
body.ak-pagetype-event_search #ak-map {
    width: 100%;
}
body.ak-pagetype-event_search div.ak-field-box {
    clear: both;
    width: 100%;
    margin: 10px 0;
}
@media screen and (min-width:600px){
    body.ak-pagetype-event_search div.ak-field-box {
        width: 50%;
        clear: none;
    }
    body.ak-pagetype-event_search #ak-map {
        width: 48%;
    }
}

.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;
}

body.ak-pagetype-event_create #id_event_starts_at_ampm {
    margin-bottom: 0;
}
body.ak-pagetype-event_create #id_event_starts_at_row {
    min-height: 36px;
}
body.ak-pagetype-event_create #id_event_starts_at_row {
    min-height: 48px;
}
body.ak-pagetype-event_create #id_event_starts_at_time {
    width: 66px;
    color: #4b4b4b;
}

#id_event_starts_at_ampm {
    font-weight: 400;
}
#id_event_starts_at_ampm + ul.ak-err {
    float: none;
}
body.ak-pagetype-event_create #id_event_starts_at_ampm + ul.ak-err {
    margin-left: 0;
}

body.ak-pagetype-event_attendee_tools .ak-field-box label {
    margin-bottom: 2px;
}

/* from event_attend.html */

body.ak-pagetype-event_attend ul.events li.event {
    list-style-type: none;
}
body.ak-pagetype-event_attend .event a,
body.ak-pagetype-event_attend .event a:hover {
    text-decoration: none;
    color: inherit;
    font-weight: 400;
    pointer-events: none;
}
body.ak-pagetype-event_attend div.event-signup,
body.ak-pagetype-event_attend #event-attend-form {
    position: relative; /* helps with map positioning */
}
body.ak-pagetype-event_attend input[disabled] {
    background-color: #C8C8C8;
}

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

/* from event_attendee_tools.html */

body.ak-pagetype-event_attendee_tools .ak-bar h3 {
    margin-top: -3pt;
    margin-bottom: 8pt;
}
body.ak-pagetype-event_attendee_tools .ak-bar,
body.ak-pagetype-event_attendee_tools fieldset {
    border: solid #ccc 1px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
body.ak-pagetype-event_attendee_tools .ak-bar ul {
    margin-bottom: 0;
}
body.ak-pagetype-event_attendee_tools #contact {
    margin-top: 10px;
    margin-left: -11px;
}
body.ak-pagetype-event_attendee_tools .directions-form {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
body.ak-pagetype-event_attendee_tools .event-attendee-sidebar {
    padding: 0;
    margin-right: 0;
}


/* from event_create.html */

.ak-checkbox-label {
    float: none;
}
body.ak-pagetype-event_create input.checkbox {
    position: static;
}
body.ak-pagetype-event_create div.legend {
    font-weight: 600;
    margin-top: 10pt
}
body.ak-pagetype-event_create #id_event_is_private_row {
    clear: both;
}
body.ak-pagetype-event_create div.first div.legend {
    margin-top: 0;
}
body.ak-pagetype-event_create .iblock {
    display: inline-block;
}
body.ak-pagetype-event_create .inline {
    display: inline;
}
body.ak-pagetype-event_create .clear {
    clear: both;
}

/* from event_search_moderator.html */
body.ak-pagetype-event_search_moderator .ak-location-filter input[type=text] { width: inherit; }
body.ak-pagetype-event_search_moderator .ak-event div p { padding: 5px; }
body.ak-pagetype-event_search_moderator span.ak-event-field.ak-status { text-transform: capitalize; }

body.ak-pagetype-event_search_moderator .ak-advanced-toggle:hover,
body.ak-pagetype-event_moderate_tools .ak-advanced-toggle:hover {color: black; cursor: pointer; color: #27bbdd;}
body.ak-pagetype-event_search_moderator .ak-collapse span,
 body.ak-pagetype-event_moderate_tools  .ak-collapse span {display: inline-block;}
body.ak-pagetype-event_search_moderator .ak-collapse-toggle-icon,
  body.ak-pagetype-event_moderate_tools .ak-collapse-toggle-icon {font-size: 0.75rem;}
body.ak-pagetype-event_search_moderator .ak-collapse-toggle-inactive .ak-collapse-toggle-icon,
  body.ak-pagetype-event_moderate_tools .ak-collapse-toggle-inactive .ak-collapse-toggle-icon  {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

body.ak-pagetype-event_search_moderator .ak-pagification p {font-size: 90%; text-align: center; }
body.ak-pagetype-event_search_moderator a.previous-link {
  text-decoration: none;
  display: inline-block;
  background: url("/media/images/prev_icon.svg") right top;
  background-size: 18px 38px;
  background-position: left 2px;
  background-repeat: no-repeat;
 text-indent: 16px; }
 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; }

 /* event_moderator_tools */
 body.ak-pagetype-event_moderate_tools .instructions p {
    padding:8px 0
}

 body.ak-pagetype-event_moderate_tools .ak-limit-by-mark {display:none}

 body.ak-pagetype-event_moderate_tools .ak-form.ak-mark-deleted .ak-limit-by-mark.ak-deleted,
 body.ak-pagetype-event_moderate_tools .ak-form.ak-mark-flagged .ak-limit-by-mark.ak-flagged,
 body.ak-pagetype-event_moderate_tools .ak-form.ak-mark-approved .ak-limit-by-mark.ak-approved,
 body.ak-pagetype-event_moderate_tools .ak-form.ak-mark-unset .ak-limit-by-mark.ak-unset {
     display: inherit;
}

 body.ak-pagetype-event_moderate_tools .moderation-tbl th {min-width: 113px;}
 body.ak-pagetype-event_moderate_tools .moderation-tbl th.change-col {min-width: inherit;}
 body.ak-pagetype-event_moderate_tools .moderation-tbl .comments-col {width:58%}
 body.ak-pagetype-event_moderate_tools p.ak-status-changed {font-size: small;}
 body.ak-pagetype-event_moderate_tools .email-row {cursor: pointer;}
 body.ak-pagetype-event_moderate_tools .email-row tr.meta td {border-bottom: 1px solid #ccc5;}
 body.ak-pagetype-event_moderate_tools .email-row.ak-collapse-toggle-inactive tr.meta td {border-bottom: 1px solid #ccc;}
 body.ak-pagetype-event_moderate_tools .email-row.ak-collapse-toggle-inactive tr.body {display:none}
 body.ak-pagetype-event_moderate_tools .email-row .body b {font-weight:500;}
 body.ak-pagetype-event_moderate_tools .moderator-comments {font-size:11px;}
 body.ak-pagetype-event_moderate_tools .moderator-comments th {border: 1px solid lightblue}
 body.ak-pagetype-event_moderate_tools .moderator-comments td {border: 1px solid black}

 body.ak-pagetype-event_moderate_tools .ak-action-row.ak-collapse-toggle-inactive tr.ak-custom-fields {display: none}
 body.ak-pagetype-event_moderate_tools .ak-action-row.ak-collapse {cursor: pointer}
 body.ak-pagetype-event_moderate_tools .ak-action-row tr.ak-basics td {border-bottom: 1px solid #ccc5 }
 body.ak-pagetype-event_moderate_tools .ak-action-row.ak-collapse-toggle-inactive tr.ak-basics td {border-bottom: 1px solid #ccc }

 body.ak-pagetype-event_moderate_tools .ak-action-row .ak-collapse-toggle-wrapper { display:none; }
 body.ak-pagetype-event_moderate_tools .ak-action-row.ak-collapse .ak-collapse-toggle-wrapper { display:inherit; }
 body.ak-pagetype-event_moderate_tools .ak-action-row.ak-collapse .ak-toggle-cell { display: table-cell; }
 body.ak-pagetype-event_moderate_tools .ak-action-row td.ak-toggle-cell {
     max-width: 15px;
     padding: 0px;
 }
 body.ak-pagetype-event_moderate_tools .ak-custom-fields ul {
     columns: 2;
     -webkit-columns: 2;
     -moz-columns: 2;
     width: 100%;
 }
 body.ak-pagetype-event_moderate_tools .ak-custom-fields ul li {
     display: inline-block;
     width: 100%;
 }

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


/* FastAction */
.fastaction {
    padding: 10px 3px;
    margin: 0 auto;
    max-width: 100%;
    background: #FFF;
    border-width: 1px 0;
    display: block;
    position: relative;
    box-sizing: border-box;
    color: #222;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    cursor: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.fastaction .clearfix:after {
    clear: both;
}

.fastaction .clearfix:before, .fastaction .clearfix:after {
    content: " ";
    display: table;
}

.fastaction p {
    color: #495057;
    float: none;
    font-size: 11px;
    padding-top: 0 !important;
    margin: 1px 0;
    line-height: 15px;
    min-height: 31px;
}

.fastaction .fa-lead {
    display: inline-block;
}

.fastaction .fa-cta {
    line-height: 30px;
    display: block;
    white-space: nowrap;
    float: right;
}

.fastaction .fa-profile-link  {
    color: #fff;
    font-weight: bold;
    padding: 4px 4px 0 1px;
    position: relative;
    text-decoration: none;
    height: 30px;
    width: 110px;
    display: inline-block;
    border: 1px solid #ced4da;
    border-radius: 4px;
    position: relative;
    padding: 4px;
    vertical-align: bottom;
    margin: 0;
    box-sizing: border-box;
}

.fastaction .fa-profile-link.fa-toggle-menu {
    width: 125px;
}

.fastaction .fa-profile-link .fa-profile-link-image {
    position: absolute;
    width: 94px;
    height: 15px;
    top: 6px;
    left: 8px;
}

#fa-cc-icon {
    position: absolute;
    right: 12px;
    top: 76%;
    transform: translateY(-50%);
    display: block;
    width: 31px;
    background-color: transparent;
    z-index: 1;
}

#fa-profile-menu {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
    display: none;
    font-size: .8125rem;
    list-style-type: none;
    margin-bottom: 8px;
    margin-left: 0px;
    min-width: 150px;
    padding: 8px 0;
    position: absolute;
    text-align: left;
    top: 37px;
    width: 150px;
    z-index: 100;  
  }
.fa-toggle-menu-triangle {
    position: absolute;
    width: 10px;
    height: 8px;
    top: 10px;
    right: 5px;
  }
#fa-profile-menu li a {
    color: #343a40;
    display: block;
    padding: 8px 12px;
    text-decoration: none;
  }
#fa-profile-menu li a:hover {
    background-color: #f1f3f5;
  }

.fa-circle {
    display: inline-block;
    background: #878787;
    color: #fff;
    font-size: 13px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 16px;
    font-family: monospace;
    font-weight: bold;
    text-decoration: none;
    margin-left: 4px; }

#fa-save-box {display: inherit}
#fa-save-box label {font-weight: 400; }
#fa-save-box label:after {
    content: '\01F512'
}


/* Setting up initial state */

/* FastAction Badges */
#fa-badge {display: none}

/* User logged in */
#fa-badge.fa-recognized #fa-unrecognized-donor {display: none }  
#fa-badge.fa-recognized #fa-recognized-donor {display: inherit }

/* User logged out */
#fa-badge.fa-unrecognized #fa-unrecognized-donor {display: inherit }
#fa-badge.fa-unrecognized #fa-recognized-donor {display: none }


/* Save Box */
#fa-save-box.disabled > * { display: none }

/* User logged in: Show "Update" */
#fa-save-box.fa-recognized   > label > span.fa-join   {display: none}
#fa-save-box.fa-recognized   > label > span.fa-update {display: inherit}

/* User logged out: Show "Join" */
#fa-save-box.fa-unrecognized > label > span.fa-join   {display: inherit}
#fa-save-box.fa-unrecognized > label > span.fa-update {display: none} 

/* NGP VAN Payments */

.ngpvan-payments .full-width-button {
    width: 100%;
    display: block;
    text-align: center;
}
.ngpvan-payments .paypal-button {
    background-color: #FFC700;
}
.ngpvan-payments .centered-content {
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;    
}
.ngpvan-payments .payments-hr {
    border-bottom: 1px solid #efefef;
    width: 100%;
    margin-top:30px;
    clear:both
}

.ngpvan-payments .hor-separator {
    border-bottom: 1px solid lightgrey;
    height: .8em;
}

.ngpvan-payments #ak-amount-list.ak-amount-wrapper {
    margin: 0;
}

.ngpvan-payments .paypal-button {
    padding-top: 7px
}

.ngpvan-payments #ak-continue-button {
    height: auto;
    min-height: 38px;
}

.ngpvan-payments #ak-amount-list ul.ak-unstyled li label {
    font-weight: 600;
}

#ak-paypal-button {
    margin: 0 auto;
}
#stripe-donate {
    margin-top: 40px;
}

.ngpvan-payments #ak-amount-list ul.ak-unstyled {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto;
}
.ngpvan-payments .ak-field-box {
    padding: 40px 20px
}

@media (max-width: 950px) {
    .ngpvan-payments #ak-amount-list ul.ak-unstyled {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 749px) {
    .ngpvan-payments #ak-amount-list ul.ak-unstyled li label {
        width: 120px;
    }
}
@media (max-width: 500px) {
    .ngpvan-payments #ak-amount-list ul.ak-unstyled {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media ( min-width: 600px ){    
    .ngpvan-payments h2 {
        margin: 6px 0 2px;
    }
}

.ngpvan-payments .ak-secured-by {
    width: 155px;
    border: 2px solid lightgrey;
    float: right;
    margin: 0 10px 30px;
    border-radius: 5px;
}

.ngpvan-payments .ak-secured-by img {
    margin: 6px;
    float: left;
}

.ngpvan-payments .ak-secured-by p {
    font-size: small;
    margin: 2px;
}

.ngpvan-payments .ak-styled-fields label{
    font-weight: 600;
    font-size: 13px;
}	
.ngpvan-payments .ak-styled-fields input{
    margin: 3px 0 7px 0
}
.ngpvan-payments .checkbox-large label{
    font-size: 15px;
    font-weight: 400;
}
.ngpvan-payments .checkbox-large input{
    margin: 0
}
.ngpvan-payments .StripeElement {
    margin-top: 5px;
}