- #search-field {
- position: absolute;
- @include size(top, 5px);
- @include size(left, 5px);
- @include size(right, 113px);
-
- label {
- @include hidden-label;
- }
- input#search {
- z-index: 200;
- position: relative;
- @include size(height, 33px);
- width: 100%;
- padding: 0;
- @include size(padding-left, 13px);
- @include size(line-height, 32.5px);
-
- border: none;
- @include size(border-radius, 5px);
- @include box-shadow(0 0 6.5px #444444 inset);
-
- font-family: Georgia;
- @include size(font-size, 13px);
- background-color: white;
- color: black;
-
- /* styling search placeholder */
- &::placeholder
- {
- font-family: Georgia;
- font-style: italic;
- color: #767676;
- }
- &::-webkit-input-placeholder
- {
- font-family: Georgia;
- font-style: italic;
- color: #767676;
- }
- &::-moz-placeholder
- {
- font-family: Georgia;
- font-style: italic;
- color: #767676;
- }
- }
+ @media screen and (min-width: 1024px) {
+ position: absolute;
+ @include size(top, 49px);
+ @include size(left, 240px);
+ @include size(right, 0);
+ }
+
+ #search-field {
+ position: absolute;
+ @include size(top, 5px);
+ @include size(left, 5px);
+ @include size(right, 113px);
+
+ label {
+ @include hidden-label;
+ }
+ input#search {
+ z-index: 200;
+ position: relative;
+ @include size(height, 33px);
+ width: 100%;
+ padding: 0;
+ @include size(padding-left, 13px);
+ @include size(line-height, 32.5px);
+
+ border: none;
+ @include size(border-radius, 5px);
+ @include box-shadow(0 0 6.5px #444444 inset);
+
+ font-family: Georgia, serif;
+ @include size(font-size, 13px);
+ background-color: white;
+ color: black;
+
+ /* styling search placeholder */
+ &::placeholder {
+ font-family: Georgia, serif;
+ font-style: italic;
+ color: #767676;