/* RGPD footer */
#block-rgpd-rgpd-footer {
  position: fixed;
  bottom: 0;
  z-index: 10000;
  background-color: #4f0b0b;
  padding: 2em;
  left: 0;
  color: antiquewhite;
  font-size: 1.15em;
  display: none;
}
#block-rgpd-rgpd-modal {
  position: fixed;
  z-index: 10000;
  margin: 0;
  height: 70% !important;
  overflow-y: scroll;
  top: 100px;
  left: 20%;
  padding: 0 !important;
  width: 60%;
  display: none;
}
#block-rgpd-rgpd-modal .modal-dialog{
  margin: 0;
  width: 100.05%;
}
.rgpd_link {
  color: antiquewhite !important;
  font-weight: 500;
  text-decoration: underline;
}
#rgpd_footer_buttons .btn.btn-primary,
#rgpd_footer_buttons .btn-primary:hover,
#rgpd_footer_buttons .btn-primary:focus,
#rgpd_footer_buttons .btn-primary:active,
#rgpd_footer_buttons .btn-primary.active {
  float: right;
  background-color: antiquewhite;
  border-color: transparent;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: maroon;
  font-size: 16px;
  font-weight: 500;
  transition: transform 0.3s ease-in;
}
#rgpd_footer_buttons .btn-primary:hover,
#rgpd_footer_buttons .btn-primary:focus,
#rgpd_footer_buttons .btn-primary:active,
#rgpd_footer_buttons .btn-primary.active {
  -webkit-transform: translateY(1px, 3px);
  transform: translateY(1px, 3px);

}

#block-rgpd-rgpd-modal {
  margin-bottom: 17%;
}
#block-rgpd-rgpd-modal .modal-header,
#block-rgpd-rgpd-modal .modal-footer {
  background-color: #4f0b0b;
}

#block-rgpd-rgpd-modal .modal-title {
  color:antiquewhite;
}

#block-rgpd-rgpd-modal .modal-footer .btn.btn-primary,
#block-rgpd-rgpd-modal .modal-footer .btn-primary:hover,
#block-rgpd-rgpd-modal .modal-footer .btn-primary:focus,
#block-rgpd-rgpd-modal .modal-footer .btn-primary:active,
#block-rgpd-rgpd-modal .modal-footer .btn-primary.active {
  background-color: antiquewhite;
  border-color: transparent;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: maroon;
  font-weight: 500;
  transition: transform 0.3s ease-in;
  padding: 6px 20px;
}

#block-rgpd-rgpd-modal .modal-footer .btn-primary:hover,
#block-rgpd-rgpd-modal .modal-footer .btn-primary:focus,
#block-rgpd-rgpd-modal .modal-footer .btn-primary:active,
#block-rgpd-rgpd-modal .modal-footer .btn-primary.active {
  -webkit-transform: translateY(1px, 3px);
  transform: translateY(1px, 3px);
}

@media screen and (max-width: 60em){

  #block-rgpd-rgpd-footer {
    padding: 0.5em 0;
    font-size: 10px;
  }

  #rgpd_footer_buttons .btn.btn-primary,
  #rgpd_footer_buttons .btn-primary:hover,
  #rgpd_footer_buttons .btn-primary:focus,
  #rgpd_footer_buttons .btn-primary:active,
  #rgpd_footer_buttons .btn-primary.active,
  #block-rgpd-rgpd-modal .modal-footer .btn.btn-primary,
  #block-rgpd-rgpd-modal .modal-footer .btn-primary:hover,
  #block-rgpd-rgpd-modal .modal-footer .btn-primary:focus,
  #block-rgpd-rgpd-modal .modal-footer .btn-primary:active,
  #block-rgpd-rgpd-modal .modal-footer .btn-primary.active {
    font-size: 10px;
    padding: 0 10px;
    height: 20px;
    border-radius: 0;
    margin: 5px 0;
  }
  .modal-footer {
    padding: 5px 10px;
  }

}

@media screen and (max-height: 1000px) and (max-width: 400px){
  #block-rgpd-rgpd-modal {
    margin-bottom: 50%;
  }
}