/*
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
*/

html {
  padding: 0 !important;
  margin-top: 0;
}

.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;
}



#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;
  }
}

/**
 * allgemeines formular styling nach abschalten des veralteten bootstrap plugins
 * https://gitlab.palasthotel.de/palasthotel/proasyl.de/-/issues/85
 */
 .wpcf7-form .wpcf7-form-control {
   font-family: myriad-pro,Verdana,"sans-serif";
   font-size: 16px;
   font-size: 1rem;
   line-height: 1.1875;
   background-color: #fff;
   border-radius: 0;
   border-width: 1px;
   height: auto;
   padding: .6rem;
   width: 100%;
   margin-bottom: 10px;
 }

 .wpcf7-form .wpcf7-form-control,
 .wpcf7-form__label, .wpcf7-form__legend, legend.wpcf7-form__legend,
 .wpcf7-list-item-label,
 .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form textarea {
   font-weight: 600;
   color: #6e6e6e !important;
 }
 .wpcf7-form button, .wpcf7-form input[type=button], .wpcf7-form input[type=submit] {
   color: #fff !important;
 }
 .wpcf7-form button:hover, .wpcf7-form input[type=button]:hover, .wpcf7-form input[type=submit]:hover {
  color: #000 !important;
}
 .wpcf7-form__legend, legend.wpcf7-form__legend {
   margin-bottom: 10px;
 }
 .wpcf7-list-item {
   margin: 0 1em 0 0;
 }
 .wpcf7-radio {
   padding: 0 !important;
 }

 .wpcf7-form input[type=submit].wpcf7-form-control {
   width: auto;
 }

 .wpcf7-form label {
   display: block;
 }
 .wpcf7-form__label--inline {
   display: inline-block !important;
   margin-right: 5px;
 }

 .wpcf7-form [id*="-salutation"] {
   width: auto;
   padding: 0.2rem;
   margin-top: -0.3rem;
   display: inline-block;
 }

 .wpcf7-form [data-name*="quiz-"] .wpcf7-quiz-label {
    display: inline-block;
    margin-right: 10px;
    font-size: larger;
    font-weight: normal;
 }
 .wpcf7-form [data-name*="quiz-"] .wpcf7-quiz-label:after {
    content: "=";
    margin-left: 5px;
 }
 .wpcf7-form [data-name*="quiz-"] .wpcf7-quiz {
    display: inline-block;
    width: 40px;
 }

/**
* 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;
}

/**
 * nicer form sent feedback
 * https://gitlab.palasthotel.de/palasthotel/proasyl.de/-/issues/77#note_367033
 */
.wpcf7-form.sent .form-control,
.wpcf7-form.sent .form-control:hover,
.wpcf7-form.sent .form-control:focus,
.wpcf7-form.sent .form-control:active {
  border-color: #ccc;
  color: #ccc !important;
}
.wpcf7-form.sent .form-control::placeholder {
  color: #ccc;
}
.wpcf7-form.sent [type=submit],
.wpcf7-form.sent [type=submit]:hover,
.wpcf7-form.sent [type=submit]:active,
.wpcf7-form.sent [type=submit]:focus,
.wpcf7-form.sent [type=submit][disabled=disabled]{
  background: #ccc;
  border-color: #a8a8a8;
  color: white;
  cursor: initial;
}

.wpcf7-form.sent .wpcf7-response-output {
  padding: 20px;
  border: 1px solid #4CAF50;
}

/** main menue header shop link */
@media (min-width: 992px) {
  .container {
    width: 889px;
  }
}

@media (min-width: 1199px) {
  .container.header__container {
    width: 1065px;
  }
}

ul#menu-hauptmenue li.menu-item-object-custom:last-child {
  & a {
    position:relative;
    padding-right: 2em;

    &:after {
      position:absolute;
      top:1.1rem;
      right:12px;
      @media (min-width: 992px) {
        right: 7px;
      }
      width: 1.3em;
      height: 1.3em;
      content: "";
      background: url("./assets/images/external.png");
      background-size: 1.4em;
      background-repeat: no-repeat;
    }
  }
}

ul#menu-hauptmenue.navigation__item--open li.menu-item-object-custom:last-child a:after {
  left: 4.5em;
}

ul#menu-hauptmenue .sub-menu.sub-menu--is-open li.menu-item-object-custom:last-child a:after {
  left:3.6em;
  top:1rem;
}

.search {
  @media screen and (min-width: 768px) {
    .fixed-col-sm-8 {
      width: 439.9px;
      width: 31.42142857142857rem;
    }
  }

  .pagination {
    display: flex;
    align-items: center;

    .page-numbers.next {
       margin-left: 0;
    }

  }
}