.nav-bar,
.footer {
  display:none;
}


body {
  background-color:black;
  background-image:url('../../img/bg-idea-card.jpg');
  background-size:100% auto;
  background-position:center top;
  background-repeat:no-repeat;
  color:white;
}
.idea-card {
  padding-bottom:60px;
}
  .idea-card:after {
    content:" ";
    width:100%;
    height:100vh;
    position:absolute;
    bottom:0;
    left:0;
    z-index:-2;
    pointer-events:none;
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
  }
  .top-bar {
    height:100px;
    background-color:black;
    padding:10px 30px;
  }

    .top-bar .logo {
      height:calc(100% - 20px);
      aspect-ratio: 5 / 1;
      background-image:url('../../img/logo-op-zwart.png');
      background-size:contain;
      background-position:center left;
      background-repeat:no-repeat;

    }

    .top-bar:after {
      content:" ";
      width:50vw;
      position:absolute;
      z-index:-1;
      top:-5vw;
      left:-15vw;
      background-image:url('../../img/circle-idea-card.png');
      aspect-ratio:1.5 / 1;
      background-size:contain;
      background-position:center;
      background-repeat:no-repeat;
    }

  h1 {
    font-size:110px;
    font-weight:900;
    line-height:120px;
    text-align:right;
    text-transform:uppercase;
    margin:100px 0;
  }
    h1 span {
      color:var(--orange);
    }





  h2 {
    font-weight:900;
    text-transform:uppercase;
    color:var(--orange);
    margin-top:40px;
  }

    p + h2 {

    }
    .wp-block-list {
      padding-left:16px;
    }


  input:not([type="submit"]) {
    width:360px;
    max-width:100%;
    padding:8px 15px;
    background-color:rgba(255,255,255,.8);
    border:0;
    margin:3px 0px;
  }

  input[type="submit"] {
    background:var(--orange);
    color:white !important;
  }
  form {
    z-index:2;
    position:relative;
  }

  .wpcf7-not-valid-tip {
    width:100%;
    display:block;
    color:var(--orange);
  }
  .wpcf7-response-output:empty {
    display:none;
  }


  .half-img {
    width:100%;

    aspect-ratio:1 / 1.3;
    background-image:url('../../img/Idee-card_carnavals_versie.png');
    background-size:contain;
    background-position:top right;
    background-repeat:no-repeat;
    position:relative;
    overflow:visible;
    pointer-events:none;

  }
    .half-img:after {
      content:" ";
      width:100%;
      aspect-ratio: 1 / 1;
      position:absolute;
      top:-25%;
      left:-30%;
      background: rgb(255,255,255);
      background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 60%);
      z-index:-1;
      transform:scale(1.5);

    }


  @media screen and (max-width:1199px) {
    h1 {
      font-size:80px;
      line-height:90px;
    }

    .half-img {
      width:50vw;
    }
  }


  @media screen and (max-width:767px) {
    .top-bar:after {
      display:none;
    }

    h1 {
      font-size:50px;
      line-height:60px;
      text-align:left;
      margin:40px 0 70px 0;
    }

    h2 {
      font-size:26px;
    }

    .half-img {
      width:100%;
      margin-bottom:-80%;
      margin-top:30px;
    }



  }