From 8d523c3fbc6f54b64a39ce4661c882097a0e5d01 Mon Sep 17 00:00:00 2001
From: OhMyBahGosh <77786782+ohmybahgosh@users.noreply.github.com>
Date: Mon, 7 Nov 2022 20:58:28 -0500
Subject: [PATCH] Add Responsive YT Video Embedding styling

The IBRACORP YouTube video embed was causing overflow scrolling horizontally on smaller screens/mobile devices.  Just tweaked some CSS to make the embed iframe responsive, which solves the horizontal overflow problem.
---
 docs/_static/custom.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/docs/_static/custom.css b/docs/_static/custom.css
index c7dd3f8e..642c4653 100644
--- a/docs/_static/custom.css
+++ b/docs/_static/custom.css
@@ -187,4 +187,24 @@ a .logo-hover {
 }
 a:hover .logo-hover {
    display: block;
-}
\ No newline at end of file
+}
+/* Responsive YT Video Embedding */
+.responsiveYT {
+    position: relative;
+    height: 0;
+    padding-top: 56%;
+    overflow: hidden;
+    max-width: 100%;
+}
+.responsiveYT iframe,
+.responsiveYT object,
+.responsiveYT embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.responsiveYT .fluid-vids {
+    position: initial !important
+}