From f43b4f1fde21bd72254c59e966d0ee8ea2045036 Mon Sep 17 00:00:00 2001
From: RobinYu <iamufather@qq.com>
Date: Mon, 8 May 2017 22:31:49 +0800
Subject: [PATCH] =?UTF-8?q?Fix=20`.masthead`=20and=20`.page=5F=5Ffooter`?=
 =?UTF-8?q?=20overlapping=20full=20screen=20video=20ele=E2=80=A6=20?=
 =?UTF-8?q?=E2=80=A6ments.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Close #933
---
 CHANGELOG.md          |  1 +
 _sass/_utilities.scss | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fa4afec342ef..d18055abbbc9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@
 
 ### Bug Fixes
 
+- Fix `.masthead` and `.page__footer` overlapping full screen video elements. [#933](https://github.com/mmistakes/minimal-mistakes/issues/933)
 - Correctly show Related Posts heading when UI Text data file is omitted and `related: true` in YAML Front Matter. [#901](https://github.com/mmistakes/minimal-mistakes/pull/901)
 
 ## [4.3.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.3.0)
diff --git a/_sass/_utilities.scss b/_sass/_utilities.scss
index 1cd221547519..1b614c80275c 100644
--- a/_sass/_utilities.scss
+++ b/_sass/_utilities.scss
@@ -483,7 +483,7 @@ a.reversefootnote {
 
 /*
    Responsive Video Embed
-      ========================================================================== */
+   ========================================================================== */
 
 .responsive-video-container {
   position: relative;
@@ -503,3 +503,11 @@ a.reversefootnote {
     height: 100%;
   }
 }
+
+// full screen video fixes
+:-webkit-full-screen-ancestor {
+   .masthead,
+   .page__footer {
+    position: static;
+  }
+}