/* Import rtd theme */
@import url(theme.css);

/* Customize for QGIS Documentation*/
.rst-content .guilabel {
 background:#7fbbe3
}
/*rtd theme does not render menuselection, so let's apply guilabel settings to it*/
.rst-content .menuselection {
 background:#7fbbe3;
 font-size: 80%;
 border:1px solid #7fbbe3;
 font-weight:700;
 border-radius:4px;
 padding:2.4px 6px;
 margin:auto 2px
}
/*keyboard text are by default rendered bigger*/
.rst-content .kbd {
 font-size: 80%
}
.outdated {
  /* only to be visible for outdated releases*/
  background: #ffbaba;
  color: #6a0e0e;
}
.isTesting {
  /* only to be visible in testing*/
  background: #f3fbfb;
  color: black;
}
.outdated,
.isTesting {
  /* top banner for testing and outdated docs*/
  padding-top: 0.5rem;
  margin-left: 0;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.9rem;
  z-index: 300;
  width: 100%;
  position: fixed
}

/* override table width restrictions 
from https://rackerlabs.github.io/docs-rackspace/tools/rtd-tables.html */
@media screen and (min-width: 767px) {

   .wy-table-responsive table td {
      /* !important prevents the common CSS stylesheets from overriding
         this as on RTD they are loaded after this stylesheet */
      white-space: normal !important;
   }

   .wy-table-responsive {
      overflow: visible !important;
   }
}

/* Ajout pour les videos*/
.video-wrapper {
    position: relative;
}

.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.8;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000 150%);
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}