html {
  overflow-x: hidden;
}

.mm-panel {
  background-color: #ea6606 !important;
}

.mm-panel .mm-navbar {
  border-bottom: 1px solid;
}

.mm-panel .mm-navbar__title {
  background-color: #ea6606 !important;
}

main .layout-100 > .block-page-title-block,
main .layout-100 > .block-mdr-main-content,
main .layout-100 > .block-block-content {
  padding-left: 10%;
  padding-right: 10%;
}

@media (min-width: 0) and (max-width: 767px) {
  main .layout-100 > .block-page-title-block,
  main .layout-100 > .block-mdr-main-content,
  main .layout-100 > .block-block-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

main h1.page-title {
  color: #1c63b7;
  font-size: 36px;
  line-height: 40px;
}

.page-forbidden .field--name-field-title h2,
.page-not-found .field--name-field-title h2 {
  color: #1c63b7;
  font-size: 36px;
  line-height: 40px;
  text-shadow: none;
  margin: 1.5rem 0;
}

.paragraph--type-pg-video {
  position: relative;
  min-height: 30vw;
}

@media (min-width: 0) and (max-width: 991px) {
  .paragraph--type-pg-video {
    min-height: 50vw;
  }
}

.paragraph--type-pg-video > div.field--name-field-video {
  display: block;
  height: 100%;
}

.paragraph--type-pg-video > div.field--name-field-video .field--name-field-media-video-embed-field {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

.paragraph--type-pg-video > div.field--name-field-video .field--name-field-media-video-embed-field * {
  height: 100%;
  width: 100%;
}

.paragraph--type-pg-video > div.field--name-field-video .field--name-field-media-video-embed-field img {
  display: none !important;
}

.paragraph--type-pg-video > div.field--name-field-video .field--name-field-image {
  height: 100%;
}

.paragraph--type-pg-video > div.field--name-field-video .field--name-field-image .media--type-image {
  height: 100%;
}

.paragraph--type-pg-video > div.field--name-field-video .field--name-field-image .media-image-background {
  background-size: contain !important;
  height: 100%;
  width: 100%;
}

.paragraph--type-pg-video > div.field--name-field-video .field--name-field-image .media-image-background::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../../../images/ico_play.svg") no-repeat 50% transparent;
  background-size: 80px;
  cursor: pointer;
  transition: .2s;
}

.paragraph--type-pg-video > div.field--name-field-video:hover .field--name-field-image .media-image-background::after {
  background: url("../../../images/ico_play_hover.svg") no-repeat 50% transparent;
  background-size: 80px;
}
