/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Hide elements */
.petition_full .action_target,
.petition_full #action_info {
  display: none;
}

/* Petition styling */
.petition_full .action_description {
  margin-top: 2rem; }

.petition_full #action_info {
  margin-bottom: 2rem; }

.petition_full .action_letter {
  border-top: 1px dashed black;
  border-bottom: 1px dashed black;
  margin-bottom: 2rem;
  padding-top: 1rem; }

.petition_full .action_sidebar {
  margin-top: 2rem; }

.petition_full form li {
  list-style: none; }

.petition_full form label {
  display: block; }

.petition_full form input[type=submit] {
  background: #ffc915;
  border: none;
  border-radius: 40px;
  font-family: freight-sans-pro,sans-serif;
  font-weight: 600;
  font-size: 1.111rem;
  margin-top: 1rem;
  padding: .375rem 2rem; }
  .petition_full form input[type=submit]:hover {
    background: #e1ad00; }

.petition_full form .floatlabel-wrapper {
  margin-top: 1rem; }
  .petition_full form .floatlabel-wrapper textarea {
    height: 200px;
    width: 100%; }

.petition_full .core_field {
  margin-bottom: 1rem; }

.petition_full .core_field input {
  width: calc( 100% - 20px);
}

.petition_full #action_welcome_message {
  margin-bottom: 2rem; }

.petition_full #d_sharing {
  margin-top: 2rem; }
  .petition_full #d_sharing ul {
    padding-left: 0; }

.petition_full #logo_wrap {
  margin: 2rem 0; }

.petition_full .action_description {
  margin-bottom: 2rem;
}
.petition_full #d_sharing em {
  font-style: normal;
}
.petitiion_full #error_message {
  color: red;
  margin-top: 1rem;
}
.petition_full h4 {
  font-size: 2rem;
}
.petition_full form label {
  display: none;
}
.petition_full form label[for='form-comments'] {
  display: block;
  color: white;
}
.petition_full form input[type=submit] {
  background: #ebcf7f;
  border-radius: 0;
  color: #ba4d16;
  transition: .2s;
}
.petition_full form input[type=submit]:hover {
  background-color: #ba4d16;
  color: #fff;
  outline: 1px dashed #fff;
  outline-offset: -.3125rem;
}
.petition_full #d_sharing ul {
  margin-left: 0;
}
.petition_full .core_field input {
  width: 100%;
}
.petition_full #logo_wrap a:hover {
  border-bottom: none;
}
.petition_full .action_letter {
  font-weight: bold;
}
.petition_full .action_letter .action_description {
  font-weight: normal;
}
.petition_full h4 {
  font-size: 1.5rem;
  font-weight: bold;
}
.petition_full .hide {
  display: initial !important;
}
.petition_full #form-country {
  appearance: initial !important;
  height: 3rem !important;
  opacity: 1 !important;
  position: relative !important;
  width: 25rem !important;
}
.petition_full .international_link-wrap,
.petition_full span.can_select {
  display: none !important;
}

.action_status_tracker .action_status_status_bar {
  display: none;  
}
.action_status_tracker .action_status_running_total {
  margin-bottom: 0;
  font-family: freight-sans-pro, sans-serif;
  font-size: 1.111rem;
  font-weight: 900;
}
.js-edit_d_sharing_opts-close,
.js-d_sharing_opts {
  display: none;
}

.petition_full #logo_wrap a {
  color: black;
  display: block;
  text-decoration: none;
}
.petition_full #logo_wrap a:after {
  display: inline-block;
  margin-top: .5rem;
}
.petition_full #action_welcome_message:after {
  display: inline-block;
  margin-top: 1rem;  
}


.grow-dot-flash {
  background-color: #25b036;
  opacity: .4;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  display: block;
  transform: scale(2);
}

/* Signatures */
.signatures-introduction {
  margin-bottom: 1.5rem;
}
.signatures .name + p,
.signatures .comment + p {
  display: none;
}
.signatures .comment {
  font-style: italic;       
}
.signature {
  margin-bottom: .5rem;
}
.signature.admin {
  color: red;
}


.petition_full #action_welcome_message:after,
.petition_full #logo_wrap a:after,
.signatures-introduction,
.petition_full #d_sharing {
  font-style: italic;
}
.action_status_tracker .action_status_running_total {
  color: #17516a;
  font-family: PT Sans,sans-serif;
  font-size: 1.5rem;
}
.signatures .pagination-row {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.signatures .pagination-row #pagination-ajax {
  background-color: #17516a;
  color: #ffffff;
  font-family: PT Sans,sans-serif;
  font-weight: 700; 
  padding: .5em;
  transition: .2s;
}
.signatures .pagination-row #pagination-ajax:hover {
  background-color: #ba4d16;
  color: #fff;
  outline: 1px dashed #fff;
  outline-offset: -.3125rem;
}
.signatures .spinner-row {
  display: none;
  height: 3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.signatures .spinner-row .icon-spinner-circle {
  background: url(../img/spinner.svg) no-repeat center;
  background-size: cover;
  margin: 0 auto;
  height: 2rem;
  width: 2rem;
}
.signatures .spinner-row.visible {
  display: block;
}
.signatures #posts-ajax {
  margin-bottom: 4rem;
}