@charset "UTF-8";

/* CSS Document */
@media all and (min-width: 800px) {

  h1 {
    font-size: 3rem;
    line-height: 4rem;
    margin-top: 2rem;
  }
  .logoos {
    position: relative;
    top: -30vw;
  }
  .persoonkaart {
    height: auto;
    left: 0;
    margin-left: 0;
    top: 80px; /* 4vw */
    width: 100vw;
  }
  #advancedsearchformcontainer {
    top: 4vw;
  }
  .links {
    width: 40%;
    float: left;
    padding: 0;
  }
  .rechts {
    float: right;
    width: 60%;
  }
  #comment-form {
    margin-left: 40%;
  }
  .popupboek img {
    width: 100%;
  }
  .persoonkaartclose, #advancedsearchformcontainerclose {
    height: 23px;
    right: 2vw;
    top: 130px;
    width: 23px;
  }
  .popupgegevens .recordname {
    margin-left: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
  }
  .popupgegevens .record-label {
    display: block;
    float: left;
    width: 35%;
  }
  .popupgegevens .record-value {
    display: block;
    float: left;
    width: 65%;
  }
  .popupgegevens .record-label:after {
    content: inherit;
  }
  .popupgegevens .flowers {
    line-height: 3.5rem;
    font-size: 1.2rem;
    margin-left: 2rem;
  }
  .popupgegevens .aflower, .popupgegevens .newflower {
    padding-left: 35%;
    background-position: left 0.2rem top 0.6rem;
    background-size: 2.2rem auto;
  }
  #flippingbooknavwrapper {
    height: 4rem;
  }
}
@media (max-width: 992px) {
  #menubutton {
    /* -ms-background-position-y: -23px; */ 
    -ms-background-position-x: 17px;
    }
}
@media (max-width: 992px) {
  .modal-order:nth-child(1) {
    order: 1;
  }
  .modal-order:nth-child(2) {
    order: 0;
  }
}
@media (max-width: 812px) {
  p.caption {
    top: -2.9rem;
  }
  .region-primary-menu {
    height: 100vh;
  }
}
@media (max-width: 576px) {
  .erelijst-modal .button.button--primary {
  background-image: url('../images/bloemetje2.svg');
  text-indent: 999rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
  width: 70px;
  }
  .js-text-format-wrapper input[type=text] {
    width: calc(100% - 70px);
  }
  .region-primary-menu {
    margin-top: 37px;
    top: 70px;
  }
  .page-node-type-story .region-content p.caption {
    top: 0;
    height: auto;
    line-height: 0.8rem;
    padding: 0.5rem;
    font-size: 0.6rem;
    border-bottom: solid 1px #000;
    margin-bottom: 5px;

  }
  .contact-message-form .form-item {
    padding-right: 0rem;
  }
  .contact-message-form input, .contact-message-form select {
    width: 100%;
  }
}

/* Iphone 5SE ,6 and 7 */
@media (max-width: 375px) {
  .modal-box .bladeren a::before,
  .modal-box .download a::before,
  .modal-box .permalink-search a::before {
    display: none;
  }
  h1#kop a {
    font-size: 5.9vw;
    margin-right: 6px;
  }
  @media (max-width: 319px) { 
    h1#kop a {
    font-size: 5.8vw;
    }
  }
}