/*
Theme Name:         Pro Asyl Theme
Description:        WordPress Theme for Pro Asyl based on <a href="https://github.com/roots/sage">Sage starter theme</a> version 8.2.1.
Version:            2.2.10
Author:             about:source
Author URI:         https://aboutsource.net/
Text Domain:        proasyl

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

.page-footer__transparency-initiative{
  background: white;
  border-radius: 3px;
}
.page-footer__transparency-initiative img{
  max-width: 100%;
  padding: 10px;
  transition: all 200ms;
}
.page-footer__transparency-initiative img:hover{
  padding: 8px 10px 12px 10px;
}

.wpcf7 [class*="quiz-"] .wpcf7-quiz-label{
  display: inline-block;
  margin-right: 10px;
}
.wpcf7 [class*="quiz-"] .wpcf7-quiz-label:after{
  content: "=";
  margin-left: 5px;
}
.wpcf7 [class*="quiz-"] .wpcf7-quiz{
  display: inline-block;
  width: 40px;
}

#remember-overlay {
  position: absolute;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  overflow-y: scroll;
}
#remember-overlay ul {
  list-style: none;
  padding: 0;
  margin: 24px 0;
}
#remember-overlay li,
#remember-overlay p{
  color: white;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
#remember-overlay p.the-date{
  margin: 0;
  font-weight: normal;
}
#remember-overlay button {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-radius: 0;
  background: grey;
  color: white;
  padding: 5px 10px;
}

@media (min-width: 600px) {
  #remember-overlay ul {
    margin-top: 48px;
  }
  #remember-overlay li,
  #remember-overlay p{
    font-size: 38px;
  }
  #remember-overlay .the-info{
    position:absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -190px;
  }
}

/**
* https://gitlab.palasthotel.de/palasthotel/proasyl.de/-/issues/42
 */
.wpcf7-form .ac-opt-in-checkbox{
  position: relative;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
.wpcf7-form .ac-opt-in-checkbox input[type=checkbox]{
  position: absolute;
}
.wpcf7-form .ac-opt-in-checkbox label {
  display: inline-block !important;
  font-family: myriad-pro,Verdana,"sans-serif";
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.3125;
  padding-left: 1.4rem;
}

.wpcf7-form .ac-opt-in-checkbox label span {
  font-weight: bold;
}
/* Hack um RadioButtons in CF7 zu sehen */
/* https://gitlab.palasthotel.de/palasthotel/proasyl.de/-/issues/63 */
.wpcf7-form .form-group.rr22 label {
  display:block;
}
.wpcf7-form .form-group.rr22 input[type=radio] {
  position: relative !important;
  margin: 10px;
  padding: 10px;
}