/*
 Theme Name:   APE Petition 2022
 Template:     ape-petition-theme-2017
 Version:      1.0.6
 License:      WTFPL
 Text Domain:  ape-petition-theme-2022
*/

@charset "UTF-8";
@import url("../ape-petition-theme-2017/style.css");

.share-label {
  font-size: 18px;
}

#share-buttons-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#share-buttons-form > a {
  flex: 0 1;
}

.ape-btn {
  font-size: 18px;
  padding: 13px 15px;
}

.ape-btn i {
  padding-right: 12px;
}

.petition-last-signatures {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  text-align: left;
  text-transform: none;
  margin: 20px -25px -25px;
  background: #57a215;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 25px;
}

.petition-last-signatures-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  list-style: none;
  padding: 0 10px;
  margin: 0;
  height: 82px;
  overflow: hidden;
}

.signatures-item {
  display: none;
  font-size: 14px;
  height: 50px;
  border-radius: 10px;
  color: #f0f0f0;
  padding: 5px 15px;
  line-height: 1.1;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.signatures-firstname {
  font-weight: bold;
}

.signatures-datetime {
  font-size: 12px;
  color: #f0f0f0;
}

.signatures-item-activate {
  display: block;
}

.signatures-item-new {
  animation-name: scale;
  animation-timing-function: ease-out;
}

.signatures-item-slide-down {
  animation-name: slide-down;
  animation-timing-function: ease-out;
}

.signatures-item-disappear {
  animation-name: disappear;
  animation-timing-function: ease-out;
}

@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slide-down {
  0% {
    transform: translateY(calc(-100%));
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes disappear {
  0% {
    transform: translateY(calc(-100%));
  }
  100% {
    transform: translateY(0);
  }
}

.last-petitions {
  margin: 40px 0 10px;
}

.last-petitions-title {
  margin-bottom: 25px;
  margin-left: 15px;
}

.last-petitions-gallery {
  display: grid;
  padding: 10px;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 30px;
  row-gap: 30px;
}

.last-petitions-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 20px 35px;
  border-radius: 10px;
}

.last-petitions-item hr {
  width: 100%;
}

.last-petitions-item-title {
  margin: 0;
}

.last-petitions-item-text {
  margin-bottom: 20px;
}

.last-petitions-button {
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin-top: auto;
  border: 1px solid #ff0000;
  border-radius: 4px;
  color: #ff0000;
  text-align: center;
  font-weight: bold;
  font-size: 17.5px;
  line-height: 21px;
}

.last-petitions-button:hover,
.last-petitions-button:focus {
  background-color: #ff0000;
  color: #fff;
  text-decoration: none;
}

header .navbar-header {
  display: flex;
  justify-content: center;
  float: none;
}

.navbar-right {
  display: none;
}

.petition-formulaire {
  border-radius: 0;
}

.share-container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.form-group > .share-container {
  padding: 0;
}

form .share-container .ape-btn {
  font-weight: 700;
}

.share-container > a,
.share-container > button {
  width: 100%;
  max-width: 30rem;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1rem;
  border-right: none;
  border-left: none;
}

.ape-form .share-container > a:hover {
  color: #fff;
}

.ape-instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.ape-linkedin {
  background: #0e76a8;
}

.ape-action {
  background: #c30064;
}

@media screen and (min-width: 1200px) {
  .last-petitions {
    margin: 40px 8.33333333% 10px;
  }
  .last-petitions-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 768px) {
  header .navbar-header {
    float: left;
  }
}

@media screen and (min-width: 620px) {
  .last-petitions-gallery {
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .navbar-right {
    display: block;
  }

  .petition-formulaire {
    border-radius: 10px;
  }

  .petition-formulaire .ape-block:nth-child(1) {
    padding-top: 0;
    padding-bottom: 20px;
  }
}

.mt-2 {
  margin-top: 2rem;
}