/* ==========================================================================
   ak-custom-styles.css

   ActionKit styles for embedded forms.
   ========================================================================== */
/* ==========================================================================
   ActionKit specific styles start here
   ========================================================================== */

/* RTL: Set for RTL languages
   ========================================================================== */

.ak-rtl {
  direction: rtl;
}


.ak-page-container {
  margin: 0 auto;
  width: 100%;
}
.ak-page-header-contents {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.ak-page-header {
  text-align: center;
  padding: 0;
  line-height: 1;
}
.ak-page-header h1 {
  font-size: 32px;
  margin-left: 0;
  height: 60px;
  vertical-align: center;
  padding-top: 12px;
  margin-top: 0;
}
.ak-page-header img {
  max-width:450px;
  width:100%;
  margin:15px auto;
}

div.ak-page-container {
  background: #fff;
  padding-bottom: 1.5em;
}

.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;
}

.ak-page-footer-contents a {
  text-decoration: none;
  text-align: left;
  margin: 0 4px;
}
.ak-page-footer-contents a:hover {
  text-decoration: underline;
}

@media (min-width: 750px) {
  .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 https://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; padding: 0 15px; }
@media (min-width: 750px) { .ak-grid-row { margin: 0 auto; width: 1000px; max-width: 100%; } }
.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; } }

/* Typography
   ========================================================================== */
/* AK related fixes */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /* 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
dfn { font-style: italic; } /* Add the correct font style in Android 4.3-. */
mark { background-color: #ff0; color: #000; } /* Add the correct background and color in IE 9-. */
small { font-size: 80%; } /* Add the correct font size in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; } /* Remove the border on images inside links in IE 10-. */
svg:not(:root) { overflow: hidden; } /* Hide the overflow in IE. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
figure { margin: 1em 40px; } /* Add the correct margin in IE 8. */

/*
    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
*/

.ak-normal { font-weight: 400; }
.ak-p-before-textarea { font-weight: 600; }
.ak-p-before-textarea p { margin-bottom: 2px; }
.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 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; }
.subA { font-family: "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 600; text-transform: uppercase; font-size: 20px; line-height: 20px; color: #000; border-bottom: 2px solid #000; margin-bottom: 20px; padding-bottom: 2px; }
.subB { font-weight: 600; }
ol { padding: 0 0 0 15px; }
ol li { margin-bottom: 20px; }


/* 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-noe { 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 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"] {
  position: relative;
  font-weight: 600;
  display: block;
  padding-bottom: 0px;
  clear:both;
}


/* 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: #ffe6e6;
  color: #ef4134;
  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: #ffe6e6;
  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 {
  margin-left: 35%;
}


/* ==========================================================================
   Layout Components
   ========================================================================== */


/* Buttons
   ========================================================================== */

button,
input[type="submit"],
a.ak-button,
.ak-button {
  background: #4a4a4a;
  color: #fff;
  height: 38px;
  font-size: 1.3em;
  font-weight: 600;
  margin: 10px auto;
  width:100%;
  /*border: 1px solid black;*/
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 20px;
  cursor: pointer;
  text-align: center;
  font-family: 'Roboto Condensed', "brandon-grotesque", "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  text-transform: uppercase;
}
button:hover,
input[type="submit"]:hover,
a.ak-button:hover,
.ak-button:hover {
  background-color: #919191;
}
button,
input[type="submit"] {
  display: block;
}
a.ak-button,
.ak-button {
  display: inline-block;
  text-decoration: none;
  padding-top: 8px;
}
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;
}


.ak-btn-short,
input[type="submit"].ak-btn-short {
  height: 27px;
  margin: 10px 10px 10px 0;
  padding: 0 20px;
  font-size: 1.00em;
  font-size: 1.00rem;
  font-weight: 400;
  border: 1px solid rgba(0,0,0,0);
  width: auto;
  display: inline-block;
  background: black;
  color: #BE1E2D;
}

.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("https://s3.amazonaws.com/aktest-2011/images/icon-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("https://s3.amazonaws.com/aktest-2011/images/icon-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;
}

#footer-social {
  text-align: right;
	height:50px;
  margin-bottom: 15px;
}
	#footer-social a img {width:40%;margin:30%; }
#footer-social a img.twicon {margin:34% 30%; }
.footer-org-donate {
	    clear: both;
    float: none;
    width: 100%;
	margin-top:10px;
    background-color: #D19700;
    color: #FFF;
    text-transform: uppercase;
    box-sizing: border-box;
    text-decoration: none;
    border: 0;
    font-size: 1.3em;
    height: auto;
    padding: 0.8em 1.2em;
	line-height: 2.6em;
    font-family: 'Roboto Condensed', "brandon-grotesque", "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 600;
    letter-spacing: 3.5px;
}
.footer-org-donate:hover {
    background-color: #edc868;
    color: #FFF;
	text-decoration: none;
}
.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
}

/* facebook button class*/
.facebookBtn{
    background: #3b5998;
}

.facebookBtn:hover{
    background: #293d67;
}

/* twitter button class*/
.twitterBtn{
    background: #0084b4;
}
.twitterBtn:hover{
      background: #005f82;
}
/* 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;
  overflow: hidden;
}

@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-pagetype-event_attend .ak-field-box ul {
  list-style-type: circle !important;
  list-style:disc !important;
  padding-left:2em;
}

.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;
}


/* 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: #D19700;
  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: #D19700;
}
.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;
}


/* ==========================================================================
   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;
}
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,
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;
  }
}

@media (min-width:760px) {
  #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-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: 400;
  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;
}


/* Events Pages
   ========================================================================== */

button.ak-event-search {
  display: inline;
  position: relative;
  top: 2px;
}

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%;
  float: right;
  padding: 0;
}
#ak-map img {
  width: 100%;
  height: auto;
  padding: 0;
  border: 1px solid #aaa;
}
#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 .area {font-weight: 600; margin: 20px 0 40px 0; }
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%;
    padding-top: 43px;
  }
}

.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-block;
}

.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;
}



/* Ignite Change Custom Style 
================================================================ */

.clear { width:100%;height:0;float:none;clear:both;}
.ak-submit-button, button, input[type="submit"] {
  clear:both;
  float:none;
  width:100%;
  border-radius:0;
  background-color:#BE1E2D;
  color: #FFF;
  text-transform: uppercase;
  box-sizing: border-box;
  text-decoration: none;
    border: 0;
    font-size: 1.3em;
	    height: auto;
    padding: 0.8em;
    font-family: 'Roboto Condensed', "brandon-grotesque", "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 600;
    letter-spacing: 1px;
}
.ak-submit-button:hover, button:hover, input[type="submit"]:hover {
                                         background-color: rgba(234, 28, 41, 0.79);
                                         color: #FFF !important;
                                         transition-duration: 500ms;
                                         cursor:pointer;
                                       }

.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: 12px;
  border: 1px solid #ccc;
  /* font-size: 1.0em; */
  /* font-size: 1.0rem; */
  background: #F7F7F7;
  color: #4b4b4b;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: 0;
}
.ak-pagetype-signup input, .ak-pagetype-signup .ak-styled-fields input[name="zip"], .ak-pagetype-signup .ak-styled-fields input[name="event_zip"], .ak-pagetype-event_attend input, .ak-pagetype-event_attend .ak-styled-fields input[name="zip"], .ak-pagetype-event_attend .ak-styled-fields input[name="event_zip"] {
  width: 100%;
}
select { height:45px; }
.js .ak-labels-overlaid label.ak-is-overlaid {
  position: absolute;
  z-index: 1;
  padding: 0.81em 0.81em;
  line-height: 1.4;
  font-weight: 400;
}

#signup-story p:first-of-type { margin:0 0 10px 0; }

/*
.ak-page-footer {margin-top:2em;}
.ak-page-footer-contents img {max-width:275px;float:left;margin-bottom:1em;width:30%;}
.ak-page-footer-contents span {font-size:1.2em;width:60%;float:right;}
.ak-page-footer { margin-bottom: 2em;}
*/

#loading { margin:1em auto 2em auto;text-align:center;font-size:2.5em;color:#9dbdc6;opacity:1;}
a.privacy-link { color: #333333; }
a.footer-org-donate:hover { text-decoration: none; }

blockquote ul {
  list-style-type:disc;
  font-weight:400;
  margin:0 0 0 2em;
}
blockquote ul li {
  margin:10px 0
}

img#footer-logo {
  width: 100px;
  float: left;
  margin: 0;
}

div.policy-link-div {
    width: 100%;
    text-align: center;
}

button {
  background-color: #BE1E2D;
}

div#progress {
    margin: 30px 0;
}

@media only screen and (max-width: 750px) {
  h2 { font-size:2.3em; line-height: 1.0em; }
}


/*
@media only screen and (max-width: 500px) {
.ak-page-footer { text-align: center; }
.ak-page-footer-contents img { float:none; width:90%; margin:1em auto; text-align: center; }
.ak-page-footer-contents span {font-size:1.2em;width:100%;float:none; clear:both;display:block;text-align: center} 
}
*/

/* INDIVIDUAL EVENT PAGES */
.ak-field-box {
  border-radius:0;
  border:0;
  border-style:none;
  /* background-color:rgb(247, 247, 247); */
}
p.ak-event-title { line-height:40px;padding-top:10px; }
p.ak-event-title a {
  /* color:#537882; */
  font-family:"proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight:400;
}
p.ak-event-title a { font-size:2.3em; }
.ak-event-table {    margin: 1em 0; }
table.ak-event-table th { text-align:left; }

.ak-share-button.ak-email {
  background-color:#ef4134;
}
.ak-share-button.ak-email:hover {
  background-color:#cc372d;
  transition-duration: 500ms;
  cursor:pointer;
}

.ak-pagetype-event_attend table.ak-event-table { width:100% !important; }

/* Footer
================================================================ */
.ak-page-footer {margin-top:2em; padding-bottom: 40px; }
.ak-page-footer-contents img {
  max-width:275px;
  margin-bottom:1em;
  width: 31%;
}
.ak-page-footer-contents img:first-child {
  width: 16%;
}
.ak-page-footer-contents span { font-size:1.2em;width:60%;float:right; }
.ak-page-footer { text-align: left; }
.ak-page-footer-contents img { float:none; margin:1em auto; text-align: center; }
.ak-page-footer-contents span {font-size:1.2em;width:100%;float:none; clear:both;display:block;}
/*.footer-fineprint { text-align: center; }*/

#ak-confirmation, .ak-confirmation {
  background-color: #009444;
}

@media only screen and (min-width: 1020px) {
  .ak-page-footer { width: 1000px; margin: 0 auto; overflow: hidden; }
  .footer-org-logo { display: block; float: left; width: 50%; }
  .footer-fineprint { text-align: right; float: right;width: 50%; }
  
  #signup-story.ak-grid-col-6-of-12 {
    padding-right: 25px;
  }
  #signup-form.ak-grid-col-6-of-12 {
    padding-left: 25px;
  }
  
}
@media only screen and (max-width: 1019px) {
	.footer-org-donate {margin:0 auto 20px auto;}
	.ak-page-footer {
    text-align: center;
}
	 .footer-org-logo { display: block; float: none; width: 100%; }
}

@media only screen and (min-width: 351px) {
  .ak-page-footer { text-align: right; }
}

@media only screen and (max-width: 350px) {
  .footer-fineprint { text-align: center; float: none;clear:both;margin:0.5em 0;width:100%; }
  #footer-social { text-align:center; width:100%; margin:15px auto;}
  img#footer-logo { float: none; }
}

/* Ignite Change Styles & Graphics
================================================================ */
.bgBlack, input[type="submit"].bgBlack { background: #000; }
.bgBlue { background: #537983; }
.bgCyan { background: #9ec0c5; }
.bgRed { background: #ef3030; }
.textBlack { color: #000; }
.textBlue { color: #537983; }
.textCyan { color: #9ec0c5; }
.textRed { color: #ef3030; }
.textA { font-family: "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 34px; line-height: 30px; font-weight: 600; }
.textB { font-family: "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 20px; line-height: 20px; font-weight: 600; margin-bottom: 10px; text-align: center;}

.banding-black h2 { font-size: 40px; line-height: 50px; }
@media screen and (min-width: 600px) { .banding-black h2 { margin: 24px 0 10px; } }

.banding-black h2 {
  color: #4a4a4a;
  margin: 6px 0 2px;
  font-family:'Roboto Condensed', "brandon-grotesque", "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* === */
.banding-black { background: #333; padding: 20px 0; margin-bottom: 20px;}
@media only screen and (min-width: 750px) {
	.banding-black { margin-bottom: 40px; padding:10px 0; background: #4a4a4a }
	.banding-black h2 { font-size:32px; }


}
.banding-black h1,
.banding-black h2,
.banding-black h3,
.banding-black h4,
.banding-black h5,
.banding-black h6 { color: #fff; }
.buttonA1, input[type="submit"].buttonA1 {
  clear: both;
  float: none;
  width: auto;
  border-radius: 0;
  background-color: #BE1E2D;
  color: black;
  font-family: "proxima-nova", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  text-transform: uppercase;
  font-weight: 500;
  font-size: 26px;
  box-sizing: border-box;
  padding: 10px 28px 5px;
  height: 43px;
  line-height: 20px;
  margin: 0;
  letter-spacing: .6px;
}
.buttonA1:hover, input[type="submit"].buttonA1:hover { background-color: #bb3328;   }
.buttonA2 { font-size: 16px; width: auto; padding: 6px 10px 4px; margin: 0; display: inline-block; vertical-align: middle; line-height: 38px; vertical-align: top; }
.buttonA2.bgBlack:hover { background: #666; }
.buttonA3 {
  display: block;
  width: 100%;
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  letter-spacing: .6px;
  text-decoration: none;
  text-align: center;
}
.buttonA3:hover { color: #fff; transition: all 500ms; }
.buttonA3 .box { display: block; margin: 0 auto; }
.buttonA3.icon-fb { background: #3b5998; }
.buttonA3.icon-fb:hover { background: #293d67; }
.buttonA3.icon-fb .icon { display: inline-block; width: 30px; height: 30px; background: url('https://s3.amazonaws.com/aktest-2011/images/icon-fb.svg') no-repeat; background-size: contain; vertical-align: top; margin: 8px 12px 0 0; }
.buttonA3.icon-twitter { background: #0084b4; }
.buttonA3.icon-twitter:hover { background: #005f82; }
.buttonA3.icon-twitter .icon { display: inline-block; width: 35px; height: 30px; background: url('https://s3.amazonaws.com/aktest-2011/images/icon-twitter.svg')  no-repeat; background-size: contain; vertical-align: top; margin: 8px 10px 0 0; }
.buttonA3.icon-mapmarker { background: #000; text-indent: 0; }
.buttonA3.icon-mapmarker:hover { background: #9ec0c5; }
.buttonA3.icon-email { background-color: black; color: #BE1E2D; border: 1px solid black; }
.buttonA3.icon-email:hover { background-color: rgba(234, 28, 41, 0.79); color: black; }
.buttonA3.icon-home { background: #000; }
.buttonA3.icon-home:hover { background: #bb3328; }
.buttonB1 { font-weight: bold; font-size: 12px; line-height: 20px; color: #000; text-transform: uppercase; display: inline-block; }
.buttonB1:hover { color: #000; text-decoration: none; }

/* signup.html
================================================================ */

/* thanks.html
================================================================ */
.thanks-share-fb { margin-bottom: 20px; }
.thanks-share-twitter { margin-bottom: 20px; }
.thanks-share-getmap { margin-bottom: 20px; }
.thanks-share-email { margin-bottom: 20px; }
.ak-emailalt { color: #000; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* event_attend.html
================================================================ */
.ak-pagetype-event_attend #ak-map { display: none; }
.ak-pagetype-event_attend #event-search-results { margin-bottom: 40px; }
.ak-pagetype-event_attend #event-attend-form { margin-bottom: 40px; }

/* Ignite Change Events
================================================================ */
.event-rsvpthanks { margin-bottom: 40px; }
.ak-event-time { margin-top: 20px; margin-bottom: 20px; }
.ak-event-directions { margin-bottom: 20px; }
.ak-event-attendee-count { margin-bottom: 20px; }
.ak-event-contact-headers { border-bottom: 1px solid #ddd; padding: 5px 0; }
.ak-event-contact-headers label { width: 60px; display: inline-block; }
.event-contact-body { padding: 5px 0; }
.event-contact-body label { padding-bottom: 5px; display: inline-block; }
#event-attendee-details { margin-bottom: 40px; }
.map-iframe { display: none; margin: 10px 0;  }
.map-rawlink { margin-top: 10px; margin-bottom: 20px; }
.map-getdir input[type="text"] { width: 60%; }
.ak-pagetype-event_attendee_tools .event-tools { margin-bottom: 40px; }
@media only screen and (min-width: 750px) { .ak-pagetype-event_attendee_tools .event-tools { margin-bottom: 60px; } }
.event-attendee-sidebar { margin-bottom: 40px; }
.event-share-fb { margin-bottom: 20px; }

.taf-form-subject { margin-top: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px 0; overflow: hidden; }
.taf-form-subject label { width: 20%; display: block; float: left; }
.taf-form-subject span { display: block; float: left; width: 80%; }
.taf-form-note { padding: 2px 0; border-bottom: 1px solid #ddd; }
.taf-form-message { padding: 2px 0; border-bottom: 1px solid #ddd; }
.event-tools .icon-cancel { background: url('https://s3.amazonaws.com/aktest-2011/images/icon-cancel.svg') no-repeat; background-size: contain; text-indent: 25px; margin-right: 10px; }
.event-tools .icon-email { background: url('https://s3.amazonaws.com/aktest-2011/images/icon-email.svg') no-repeat; background-size: contain; text-indent: 33px; }

