attempting safari only hack for reservation form display

diff --git a/css/app.css b/css/app.css
index 8a4d369..22fe8b1 100644 (file)
--- 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 (file)
--- 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
+
+}