From bb8ed48a282a9903eb1fa7e1df6d73dfaf907091 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Tue, 1 Dec 2015 16:15:41 -0500
Subject: [PATCH] attempting safari only hack for reservation form display

---
 css/app.css       | 11 ++++++-----
 scss/_topbar.scss | 22 ++++++++++++++--------
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/css/app.css b/css/app.css
index 8a4d369..22fe8b1 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6946,11 +6946,12 @@ header .searchform input[type="submit"]:hover {
 #linkHome, #linkHome a {
   margin-right: 5px; }
 
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  ::i-block-chrome, #resform {
-    right: -1px; }
-  ::i-block-chrome:after, #res-tab-open:after {
-    left: -3px; } }
+@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
+  .safari_only #resform {
+    right: -1px !important;
+    bottom: -296px !important; }
+  .safari_only #res-tab-open:after {
+    left: -3px !important; } }
 
 .breadcrumbs {
   margin-top: 10px; }
diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 90e5e5b..598dafb 100644
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -648,13 +648,19 @@
 #linkHome, #linkHome a{
    margin-right: 5px;
 }
-@media screen and (-webkit-min-device-pixel-ratio:0){
-    ::i-block-chrome, #resform{
-        right: -1px;
-    }
-    ::i-block-chrome, #res-tab-open{
-        &:after{
-            left: -3px;
+@supports (overflow:-webkit-marquee) and (justify-content:inherit) 
+{
+
+    .safari_only {
+        #resform{
+            right: -1px !important;
+            bottom: -296px !important;
+        }
+        #res-tab-open{
+            &:after{
+                left: -3px !important;
+            }
         }
     }
-}
\ No newline at end of file
+
+}
-- 
2.17.1