#pagedetail {
  padding: 80px 0;
}
#pagedetail .page-image {
  display: block;
  margin: 10px 0 30px 0;
  width: 100%;
  height: auto;
}
#pagedetail #pagelinks {
  background: #13588e;
  padding: 0px;
  margin-top: 30px;
}
#pagedetail #pagelinks p {
  color: white;
  margin: 20px;
}
#pagedetail #pagelinks h2 {
  font-family: "VAG Rounded Regular";
  color: white;
  padding: 20px;
  line-height: 130%;
}
#pagedetail #pagelinks ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#pagedetail #pagelinks ul li {
  margin: 0 0 1px 0;
}
#pagedetail #pagelinks ul li a {
  display: block;
  background: rgba(255, 255, 255, 0.2);
  padding: 10px 20px;
  color: white;
}
#pagedetail #pagelinks ul li a:hover, #pagedetail #pagelinks ul li a.selected {
  text-decoration: none;
  background: #57b4df;
}

.training-notes {
  padding: 15px 0;
  background: #f4f4f4;
  border-bottom: 5px solid white;
}
.training-notes.patterns {
  background: var(--patterns);
}
.training-notes.ground {
  background: var(--ground);
}
.training-notes.strikes {
  background: var(--strikes);
}
.training-notes.throws {
  background: var(--throws);
}
.training-notes.weapons {
  background: var(--weapons);
}
.training-notes.movement {
  background: var(--movement);
}
.training-notes.self-defence {
  background: var(--defence);
}
.training-notes.self-defence.extra {
  background: var(--extra);
}
.training-notes h3 {
  margin: 10px 15px;
  font-weight: 600;
  font-size: 22px;
}
.training-notes p {
  margin: 10px 15px;
}
.training-notes ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-position: inside;
}
.training-notes ul li {
  border-top: 1px solid white;
  padding: 7px 15px 7px 30px;
}

@media print {
  .video-container {
    display: none;
  }
}