adjusting safari resform for safari display only

diff --git a/css/app.css b/css/app.css
index ecab930..8a4d369 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6761,8 +6761,7 @@ header .searchform input[type="submit"]:hover {
   bottom: -291px;
   right: 0px;
   width: 200;
-  width: 157px;
-  box-shadow: 0px 6px 5px 1px #000; }
+  width: 157px; }
 
 .small-6.guest.columns.kids, .small-6.guest.columns.adults {
   /* right: 6px;
@@ -6789,8 +6788,7 @@ header .searchform input[type="submit"]:hover {
 .resInput {
   width: 157px !important;
   right: 17px;
-  background: #A61A1D;
-  box-shadow: 0px 6px 5px 1px #000; }
+  background: #A61A1D; }
 
 .row.resDropdown {
   margin-top: 12px; }
@@ -6948,6 +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; } }
+
 .breadcrumbs {
   margin-top: 10px; }
 

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 657db2f..90e5e5b 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -409,7 +409,7 @@
     right: 0px;
     width: 200;
     width: 157px;
-    box-shadow: 0px 6px 5px 1px #000;
+
   
 }
 .small-6.guest.columns.kids, .small-6.guest.columns.adults{
@@ -439,7 +439,7 @@
     width: 157px !important;
     right: 17px;
     background: #A61A1D;
-    box-shadow: 0px 6px 5px 1px #000;
+
    
    // margin-top: 50px;
 }
@@ -647,4 +647,14 @@
 }
 #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;
+        }
+    }
 }
\ No newline at end of file