Removed(commented) the header Reservation widget at client request

diff --git a/css/app.css b/css/app.css
index d517399..f24b8b2 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6943,7 +6943,9 @@ ul#sec-nav {
 #reservation {
   background: rgba(105, 4, 51, 0.9);
   position: relative;
-  top: -57px; }
+  /*    top: -57px; keeping this commented in case we ever want to return the reservation widget*/
+  top: 0;
+  height: 20px; }
   @media (max-width: 1024px) {
     #reservation {
       top: 0;
@@ -7031,7 +7033,8 @@ ul#sec-nav {
 
 img.orb-shadow {
   position: relative;
-  top: -57px;
+  /*    top: -57px; keeping this commented in case we ever want to return the reservation widget*/
+  top: 0;
   text-align: center; }
   @media (max-width: 1024px) {
     img.orb-shadow {
@@ -7071,7 +7074,7 @@ main p a {
         font-family: "Times New Roman"*/
   font-weight: bold; }
 main.page-front {
-  margin-top: -25px; }
+  /*    margin-top: -25px; keeping this commented in case we ever want to return the reservation widget*/ }
   @media (max-width: 1024px) {
     main.page-front {
       margin: 0 auto; } }
@@ -7180,7 +7183,7 @@ main.page-front {
         color: #ffc742;
         font-size: 14px; }
 main.page-inside #content-wrapper {
-  top: -57px;
+  /*    top: -57px; keeping this commented in case we ever want to return the reservation widget*/
   position: relative; }
   @media (max-width: 1024px) {
     main.page-inside #content-wrapper {

diff --git a/index.php b/index.php
index 31f2dd7..a2bee7f 100644 (file)
--- a/index.php
+++ b/index.php
@@ -84,8 +84,8 @@
                     </div>
                 </div>
                 <div id="reservation">
-                    <div class="row show-for-large-up">
-                        <img src="<?php bloginfo('template_url'); ?>/assets/reserve.png">
+<!--                    <div class="row show-for-large-up">
+                        <img src="<?php // bloginfo('template_url'); ?>/assets/reserve.png">
                         <form class="findARoom" method="post">
                             <div class="checkin"><p>Check In:</p><div id="checkinError"></div>
                                 <input class="datepicker1" name="datepicker1" placeholder="MM/DD/YY" type="text">
@@ -107,7 +107,7 @@
                     </div>
                     <div class="row show-for-medium-down">
                         <div class="small-12 columns text-center">
-                            <img src="<?php bloginfo('template_url'); ?>/assets/reserve.png">
+                            <img src="<?php // bloginfo('template_url'); ?>/assets/reserve.png">
                         </div>
                         <form class="findARoom" method="post">
                             <div class="checkin small-12 medium-6 columns"><p>Check In:</p><div id="checkinError"></div>
@@ -127,7 +127,7 @@
                             </div>
                             <input type="submit" class="reservationSubmit" value="Search">
                         </form>
-                    </div>
+                    </div>-->
                 </div>
                 <div class="row">
                     <img class="orb-shadow" src="<?php bloginfo('template_url'); ?>/assets/shadow-lrg.jpg">

diff --git a/scss/_main.scss b/scss/_main.scss
index 98dbe66..2694505 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -1,7 +1,9 @@
 #reservation {
     background: rgba($maroon, 0.9);
     position: relative;
-    top: -57px;
+/*    top: -57px; keeping this commented in case we ever want to return the reservation widget*/ 
+    top: 0;
+    height: 20px;
     @media (max-width: 1024px) {
         top: 0;
         margin-bottom: 10px;
@@ -112,7 +114,8 @@
 }
 img.orb-shadow {
     position: relative;
-    top: -57px;
+/*    top: -57px; keeping this commented in case we ever want to return the reservation widget*/ 
+    top: 0;
     text-align: center;
     @media (max-width: 1024px) {
         top: -10px;
@@ -156,7 +159,7 @@ main {
         font-weight: bold;
     }
     &.page-front {
-        margin-top: -25px;
+/*    margin-top: -25px; keeping this commented in case we ever want to return the reservation widget*/ 
         @media (max-width: 1024px) {
             margin: 0 auto;
         }    
@@ -298,7 +301,7 @@ main {
     }
     &.page-inside {
         #content-wrapper {
-            top: -57px;
+        /*    top: -57px; keeping this commented in case we ever want to return the reservation widget*/ 
             position: relative;
             @media (max-width: 1024px) {
                 top: -10px;