:root {
  --plyr-color-main: var(--orange);
}

body {
	background-color:#fcf4a0;
	color:#000000;
  background-image:url('../../img/paasactie-2026/achtergrond.webp');
  background-size:cover;
  background-position:center ;
}

.paasactie-2026 h1 {
	font-weight:800;
  font-size:40px;
}

.paasactie-2026 h2 {
	color: var(--orange);
	font-weight:800;
	font-size:30px;
	margin-top:50px;
  padding-bottom:15px;
}

p {
  font-size:20px;
  font-weight:500;
}
p b {
  font-weight:700;
}
ul {
	padding-left:20px;
  font-size:20px;
  font-weight:500;
}
ul li {
  position:relative;
  padding-left:10px;
  padding-bottom:10px;
}
ul li::marker {
  opacity:0;
  color:transparent;
}
ul li i {
  color:var(--orange);
  position:absolute;
  left:-20px;
  top:3px;
  font-size:23px;
}
.nav-bar {
	background:black;
}

.nav-bar .logo {
	background-image: url('../../img/logo-op-zwart.png');
}

.oranje {
	color: var(--orange);
}

.overlay {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
  z-index:10000;
  transition:.6s;
  *display:none;
  background:white;
}
.overlay.finished {
  opacity:0;
  transform:translateY(-50%);
  pointer-events:none;
}

  .overlay .plyr {
    width:100%;
    height:100%;
  }
    .overlay .plyr video {
      object-fit:cover;
      object-position:center;
    }

  .overlay .starter {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:white;
    background-image:url(../../img/paasactie-2026/eitje.gif);
    background-size:200px auto;
    background-position:50% calc(50% - 170px);
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.1s;
    flex-direction:column;
    text-align:center;
    font-weight:bold;
    text-shadow:0px 0px 30px white;

    margin:0 auto;
  }
  .overlay.playing .starter, .overlay.finished .starter {
    opacity:0;
    pointer-events:none;
  }

    .overlay .starter span {
      width:48px;
      height:48px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      color:white;
      background-color:var(--orange);
      border-radius:100%;
      transition:.2s;
    }
    .overlay .starter:active span {
      transform:scale(.9);
    }


[data-plyr="pip"], [data-plyr="fullscreen"], [data-plyr="captions"], [data-plyr="settings"] {
  display:none !important;
}

main {
  padding:150px 0px;
}
  main h1 {
    font-weight:bold;
    text-transform:uppercase;
  }

form {
  margin-top:10px;
}

.form-control {
  border-radius:0;
  background-color:#f7f7f7;
  border:0;
}

#gdprc_bar {
  display:none !important;
}

.wpcf7-response-output {
	background:transparent;
}

.button.wpcf7-submit {
  background:var(--orange);
  color:white !important;
}
label input {
  margin-top:5px;
}