Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
25a4e553 by Jeff Balicki
Options

new search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 18a0c238
Inline Side-by-side
Showing 13 changed files with 169 additions and 31 deletions
...@@ -18016,6 +18016,10 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18016,6 +18016,10 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18016 border-left: none; 18016 border-left: none;
18017 } 18017 }
18018 18018
18019 #search-wrapper {
18020 opacity: 0;
18021 }
18022
18019 #search-sidebar { 18023 #search-sidebar {
18020 min-width: 20rem; 18024 min-width: 20rem;
18021 } 18025 }
...@@ -18027,11 +18031,28 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18027,11 +18031,28 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18027 } 18031 }
18028 18032
18029 .search-result { 18033 .search-result {
18034 position: absolute;
18035 right: 0px;
18036 top: 120px;
18030 width: calc(100% - 21.25rem); 18037 width: calc(100% - 21.25rem);
18031 } 18038 }
18032 @media screen and (max-width: 48rem) { 18039 @media screen and (max-width: 48rem) {
18033 .search-result { 18040 .search-result {
18034 width: 100%; 18041 width: 100%;
18042 position: relative;
18043 top: 40px;
18044 }
18045 }
18046
18047 @media screen and (max-width: 48rem) {
18048 .mobile-hidden {
18049 display: none !important;
18050 }
18051 }
18052
18053 @media screen and (max-width: 48rem) {
18054 .mobile-hidden.show {
18055 display: block !important;
18035 } 18056 }
18036 } 18057 }
18037 18058
...@@ -18049,6 +18070,9 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18049,6 +18070,9 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18049 } 18070 }
18050 } 18071 }
18051 18072
18073 #search-wrapper {
18074 margin-bottom: 150px;
18075 }
18052 #search-wrapper .searchandfilter { 18076 #search-wrapper .searchandfilter {
18053 width: calc(100% - 3.125rem); 18077 width: calc(100% - 3.125rem);
18054 display: inline-block; 18078 display: inline-block;
...@@ -18087,6 +18111,9 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18087,6 +18111,9 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18087 content: ""; 18111 content: "";
18088 display: block; 18112 display: block;
18089 } 18113 }
18114 #search-wrapper .filter-display {
18115 top: 80px;
18116 }
18090 #search-wrapper .btn.filter.apply-filters, #search-wrapper .wpcf7 input.filter.apply-filters[type=submit], .wpcf7 #search-wrapper input.filter.apply-filters[type=submit], #search-wrapper .woocommerce-notices-wrapper .woocommerce-message a.filter.apply-filters.button, .woocommerce-notices-wrapper .woocommerce-message #search-wrapper a.filter.apply-filters.button, #search-wrapper .woocommerce-info a.filter.apply-filters.button, .woocommerce-info #search-wrapper a.filter.apply-filters.button { 18117 #search-wrapper .btn.filter.apply-filters, #search-wrapper .wpcf7 input.filter.apply-filters[type=submit], .wpcf7 #search-wrapper input.filter.apply-filters[type=submit], #search-wrapper .woocommerce-notices-wrapper .woocommerce-message a.filter.apply-filters.button, .woocommerce-notices-wrapper .woocommerce-message #search-wrapper a.filter.apply-filters.button, #search-wrapper .woocommerce-info a.filter.apply-filters.button, .woocommerce-info #search-wrapper a.filter.apply-filters.button {
18091 color: #fff; 18118 color: #fff;
18092 background-color: red; 18119 background-color: red;
...@@ -18118,10 +18145,28 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18118,10 +18145,28 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18118 @media screen and (max-width: 59.375rem) { 18145 @media screen and (max-width: 59.375rem) {
18119 #search-wrapper #search-sidebar { 18146 #search-wrapper #search-sidebar {
18120 width: 100%; 18147 width: 100%;
18148 margin-bottom: 3.125rem;
18121 } 18149 }
18122 } 18150 }
18123 #search-wrapper #search-sidebar .sf-field-search { 18151 #search-wrapper #search-sidebar .sf-field-search {
18124 display: none !important; 18152 position: absolute;
18153 }
18154 #search-wrapper #search-sidebar .sf-field-search label {
18155 width: calc(100% - 60px);
18156 }
18157 @media screen and (max-width: 62.5rem) {
18158 #search-wrapper #search-sidebar .sf-field-search label {
18159 width: calc(100% - 55px);
18160 }
18161 }
18162 #search-wrapper #search-sidebar .sf-field-search .advance-search-button {
18163 margin-top: 25px;
18164 float: right;
18165 }
18166 @media screen and (max-width: 62.5rem) {
18167 #search-wrapper #search-sidebar .sf-field-search .advance-search-button {
18168 margin-top: 10px;
18169 }
18125 } 18170 }
18126 #search-wrapper #search-sidebar .searchandfilter { 18171 #search-wrapper #search-sidebar .searchandfilter {
18127 width: 100%; 18172 width: 100%;
...@@ -18242,6 +18287,12 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18242,6 +18287,12 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18242 } 18287 }
18243 #search-wrapper .sf-field-sort_order { 18288 #search-wrapper .sf-field-sort_order {
18244 margin-bottom: 28px; 18289 margin-bottom: 28px;
18290 padding-top: 120px !important;
18291 }
18292 @media screen and (max-width: 90.625rem) {
18293 #search-wrapper .sf-field-sort_order {
18294 padding-top: 80px !important;
18295 }
18245 } 18296 }
18246 #search-wrapper .sf-field-sort_order label { 18297 #search-wrapper .sf-field-sort_order label {
18247 display: inline-grid !important; 18298 display: inline-grid !important;
...@@ -18263,7 +18314,7 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18263,7 +18314,7 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18263 } 18314 }
18264 #search-wrapper .sf-field-search { 18315 #search-wrapper .sf-field-search {
18265 width: calc(100% - 7.5rem); 18316 width: calc(100% - 7.5rem);
18266 margin: 0 auto; 18317 max-width: 1015px !important;
18267 margin-bottom: 3.75rem; 18318 margin-bottom: 3.75rem;
18268 position: relative; 18319 position: relative;
18269 flex-wrap: nowrap; 18320 flex-wrap: nowrap;
...@@ -18299,7 +18350,7 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18299,7 +18350,7 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18299 } 18350 }
18300 } 18351 }
18301 #search-wrapper .sf-field-search input[name="_sf_search[]"] { 18352 #search-wrapper .sf-field-search input[name="_sf_search[]"] {
18302 width: 100%; 18353 width: calc(100% - 60px);
18303 border: 0; 18354 border: 0;
18304 border-bottom: 0.0625rem solid #4D4D4D; 18355 border-bottom: 0.0625rem solid #4D4D4D;
18305 border-radius: 0; 18356 border-radius: 0;
...@@ -18315,10 +18366,7 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18315,10 +18366,7 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18315 font-size: 1.5rem !important; 18366 font-size: 1.5rem !important;
18316 } 18367 }
18317 } 18368 }
18318 #search-wrapper .sf-field-submit { 18369 #search-wrapper input[name=_sf_submit] {
18319 display: inline-block !important;
18320 }
18321 #search-wrapper .sf-field-submit input[name=_sf_submit] {
18322 border-radius: 50% !important; 18370 border-radius: 50% !important;
18323 padding: 0; 18371 padding: 0;
18324 height: 2.5rem; 18372 height: 2.5rem;
...@@ -18334,14 +18382,17 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child ...@@ -18334,14 +18382,17 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) thead th:first-child
18334 text-transform: uppercase; 18382 text-transform: uppercase;
18335 transition: none; 18383 transition: none;
18336 display: inline-block !important; 18384 display: inline-block !important;
18385 float: right;
18386 margin-top: 14px;
18337 } 18387 }
18338 @media screen and (max-width: 56.25rem) { 18388 @media screen and (max-width: 56.25rem) {
18339 #search-wrapper .sf-field-submit input[name=_sf_submit] { 18389 #search-wrapper input[name=_sf_submit] {
18340 height: 2.5rem; 18390 height: 2.5rem;
18341 width: 2.5rem; 18391 width: 2.5rem;
18392 margin-top: 0px;
18342 } 18393 }
18343 } 18394 }
18344 #search-wrapper .sf-field-submit input[name=_sf_submit]:hover { 18395 #search-wrapper input[name=_sf_submit]:hover {
18345 background: #669999; 18396 background: #669999;
18346 } 18397 }
18347 #search-wrapper ul.sf_date_field label::after { 18398 #search-wrapper ul.sf_date_field label::after {
...@@ -18413,7 +18464,6 @@ ul.sf_date_field .sf-datepicker { ...@@ -18413,7 +18464,6 @@ ul.sf_date_field .sf-datepicker {
18413 width: 40px; 18464 width: 40px;
18414 height: 40px; 18465 height: 40px;
18415 text-indent: -624.9375rem; 18466 text-indent: -624.9375rem;
18416 right: -0.625rem;
18417 display: inline-block; 18467 display: inline-block;
18418 } 18468 }
18419 @media screen and (max-width: 48rem) { 18469 @media screen and (max-width: 48rem) {
...@@ -18917,9 +18967,6 @@ ul.sf_date_field .sf-datepicker { ...@@ -18917,9 +18967,6 @@ ul.sf_date_field .sf-datepicker {
18917 flex-basis: 100%; 18967 flex-basis: 100%;
18918 margin-bottom: 0px !important; 18968 margin-bottom: 0px !important;
18919 } 18969 }
18920 #advance-search-modal .sf-field-submit {
18921 margin-top: 20px !important;
18922 }
18923 #advance-search-modal .sf-field-reset { 18970 #advance-search-modal .sf-field-reset {
18924 margin-top: 10px !important; 18971 margin-top: 10px !important;
18925 } 18972 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -20674,6 +20674,14 @@ ...@@ -20674,6 +20674,14 @@
20674 setTimeout(() => { 20674 setTimeout(() => {
20675 $('.badge').css('transition', '4s ease-in-out'); 20675 $('.badge').css('transition', '4s ease-in-out');
20676 }, "100"); 20676 }, "100");
20677 $('#search-sidebar .searchandfilter ul li').addClass('mobile-hidden');
20678 $('#search-sidebar .sf-field-search').removeClass('mobile-hidden');
20679 $('#search-sidebar .apply-filters').addClass('mobile-hidden');
20680 $('#search-wrapper .advance-search-button').appendTo($('#search-sidebar .sf-field-search'));
20681 $('#search-sidebar [name="_sf_submit"]').appendTo($('#search-sidebar .sf-field-search label'));
20682 $('.filter-display.btn').insertAfter($('#search-sidebar .sf-field-search'));
20683 $('.apply-filters.btn').insertAfter($('#search-sidebar .sf-field-taxonomy-language'));
20684 $('#search-wrapper').css('opacity', '1');
20677 $(window).on('resize', function () { 20685 $(window).on('resize', function () {
20678 $('.search-box').css('transition', '0s ease-in-out'); 20686 $('.search-box').css('transition', '0s ease-in-out');
20679 $('.search-box').css('margin-right', $('#main-nav .container').css('margin-right')); 20687 $('.search-box').css('margin-right', $('#main-nav .container').css('margin-right'));
...@@ -20687,6 +20695,9 @@ ...@@ -20687,6 +20695,9 @@
20687 }); 20695 });
20688 $(".searchandfilter ul li:contains('hidden')").hide(); 20696 $(".searchandfilter ul li:contains('hidden')").hide();
20689 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" ></li>').appendTo(jQuery('#advance-search-modal .searchandfilter ul:first-child ')); 20697 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" ></li>').appendTo(jQuery('#advance-search-modal .searchandfilter ul:first-child '));
20698 $(document).on("input", '#search-sidebar > [name="_sf_search[]"]', function (e) {
20699 e.preventDefault();
20700 });
20690 $(document).on("click", ".search-filter-reset-custom", function (e) { 20701 $(document).on("click", ".search-filter-reset-custom", function (e) {
20691 e.preventDefault(); 20702 e.preventDefault();
20692 $(this).closest('.searchandfilter')[0].reset(); 20703 $(this).closest('.searchandfilter')[0].reset();
...@@ -20706,6 +20717,15 @@ ...@@ -20706,6 +20717,15 @@
20706 window.location.href = window.location.href; 20717 window.location.href = window.location.href;
20707 }, "1000"); 20718 }, "1000");
20708 }); 20719 });
20720 $(document).on("click", ".filter-display", function (e) {
20721 e.preventDefault();
20722 console.log('filter-display');
20723 $('.mobile-hidden:not(:contains("hidden"))').toggleClass('show');
20724 });
20725 $(document).on("click", ".apply-filters", function (e) {
20726 e.preventDefault();
20727 $('.mobile-hidden:not(:contains("hidden"))').toggleClass('show');
20728 });
20709 $(document).on("click", ".advance-search-button", function (e) { 20729 $(document).on("click", ".advance-search-button", function (e) {
20710 $('#search-box-content').addClass('show'); 20730 $('#search-box-content').addClass('show');
20711 $('.search-box').addClass('show'); 20731 $('.search-box').addClass('show');
...@@ -26127,7 +26147,7 @@ ...@@ -26127,7 +26147,7 @@
26127 var thisSwiper = this; 26147 var thisSwiper = this;
26128 var swiper_params = { 26148 var swiper_params = {
26129 modules: [Navigation, Pagination, A11y, Keyboard], 26149 modules: [Navigation, Pagination, A11y, Keyboard],
26130 slidesOffsetAfter: 100, 26150 slidesOffsetAfter: 0,
26131 slidesOffsetBefore: 0, 26151 slidesOffsetBefore: 0,
26132 spaceBetween: 24, 26152 spaceBetween: 24,
26133 // centeredSlides: true, 26153 // centeredSlides: true,
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -17,15 +17,16 @@ get_header(); ...@@ -17,15 +17,16 @@ get_header();
17 <div class="<?php echo esc_attr( $container ); ?> container search-content" id="content" tabindex="-1"> 17 <div class="<?php echo esc_attr( $container ); ?> container search-content" id="content" tabindex="-1">
18 <h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1> 18 <h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1>
19 <?php //get_search_form() ?> 19 <?php //get_search_form() ?>
20 <?php echo do_shortcode('[searchandfilter slug="top-search"]'); echo do_shortcode('[advance-search search_id="advanced-search"]'); ?> 20 <?php //echo do_shortcode('[searchandfilter slug="top-search"]');
21 <button class="btn btn-primary filter" data-bs-toggle="collapse" data-bs-target="#search-sidebar" role="button" aria-expanded="false" aria-controls="search-sidebar" > 21 echo do_shortcode('[advance-search search_id="advanced-search"]'); ?>
22 <button class="btn btn-primary filter filter-display" >
22 <?php _e("SORT AND FILTER", 'msf'); ?> 23 <?php _e("SORT AND FILTER", 'msf'); ?>
23 </button> 24 </button>
24 <div class="search-wrapper row"> 25 <div class="search-wrapper row">
25 26
26 <div class="col-sm-12 col-md-12 col-lg-3 widget-area collapse" id="search-sidebar"> 27 <div class="col-sm-12 col-md-12 col-lg-3 widget-area" id="search-sidebar">
27 <?php echo do_shortcode('[searchandfilter slug="search"]'); ?> 28 <?php echo do_shortcode('[searchandfilter slug="search"]'); ?>
28 <button class="btn btn-primary filter apply-filters" data-bs-toggle="collapse" data-bs-target="#search-sidebar" role="button" aria-expanded="false" aria-controls="search-sidebar" > 29 <button class="btn btn-primary filter apply-filters" >
29 <?php _e("APPLY FILTERS", 'msf'); ?> 30 <?php _e("APPLY FILTERS", 'msf'); ?>
30 </button> 31 </button>
31 </div> 32 </div>
......
...@@ -25,7 +25,7 @@ jQuery(document).ready(function($) { ...@@ -25,7 +25,7 @@ jQuery(document).ready(function($) {
25 25
26 var swiper_params = { 26 var swiper_params = {
27 modules: [Navigation, Pagination, A11y, Keyboard], 27 modules: [Navigation, Pagination, A11y, Keyboard],
28 slidesOffsetAfter: 100, 28 slidesOffsetAfter: 0,
29 slidesOffsetBefore: 0, 29 slidesOffsetBefore: 0,
30 spaceBetween: 24, 30 spaceBetween: 24,
31 // centeredSlides: true, 31 // centeredSlides: true,
......
...@@ -18,6 +18,16 @@ var Search = (function($) { ...@@ -18,6 +18,16 @@ var Search = (function($) {
18 $('.badge').css('transition', '4s ease-in-out'); 18 $('.badge').css('transition', '4s ease-in-out');
19 }, "100"); 19 }, "100");
20 20
21 $('#search-sidebar .searchandfilter ul li').addClass('mobile-hidden');
22 $('#search-sidebar .sf-field-search').removeClass('mobile-hidden');
23 $('#search-sidebar .apply-filters').addClass('mobile-hidden');
24 $('#search-wrapper .advance-search-button').appendTo($('#search-sidebar .sf-field-search'));
25 $('#search-sidebar [name="_sf_submit"]').appendTo($('#search-sidebar .sf-field-search label'));
26 $('.filter-display.btn').insertAfter($('#search-sidebar .sf-field-search'));
27 $('.apply-filters.btn').insertAfter($('#search-sidebar .sf-field-taxonomy-language'));
28 $('#search-wrapper').css('opacity', '1');
29
30
21 $(window).on('resize', function(){ 31 $(window).on('resize', function(){
22 $('.search-box').css('transition', '0s ease-in-out'); 32 $('.search-box').css('transition', '0s ease-in-out');
23 $('.search-box').css('margin-right', $('#main-nav .container').css('margin-right')); 33 $('.search-box').css('margin-right', $('#main-nav .container').css('margin-right'));
...@@ -33,6 +43,10 @@ var Search = (function($) { ...@@ -33,6 +43,10 @@ var Search = (function($) {
33 $(".searchandfilter ul li:contains('hidden')").hide(); 43 $(".searchandfilter ul li:contains('hidden')").hide();
34 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" ></li>').appendTo( jQuery( '#advance-search-modal .searchandfilter ul:first-child ' ) ); 44 $('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" ></li>').appendTo( jQuery( '#advance-search-modal .searchandfilter ul:first-child ' ) );
35 45
46 $(document).on("input", '#search-sidebar > [name="_sf_search[]"]', function(e){
47 e.preventDefault();
48 });
49
36 $(document).on("click", ".search-filter-reset-custom", function(e){ 50 $(document).on("click", ".search-filter-reset-custom", function(e){
37 e.preventDefault(); 51 e.preventDefault();
38 $(this).closest('.searchandfilter')[0].reset(); 52 $(this).closest('.searchandfilter')[0].reset();
...@@ -57,6 +71,17 @@ var Search = (function($) { ...@@ -57,6 +71,17 @@ var Search = (function($) {
57 }); 71 });
58 72
59 73
74 $(document).on("click", ".filter-display", function(e){
75 e.preventDefault();
76 console.log('filter-display');
77 $('.mobile-hidden:not(:contains("hidden"))').toggleClass('show');
78 });
79 $(document).on("click", ".apply-filters", function(e){
80 e.preventDefault();
81 $('.mobile-hidden:not(:contains("hidden"))').toggleClass('show');
82 });
83
84
60 $(document).on("click", ".advance-search-button", function(e){ 85 $(document).on("click", ".advance-search-button", function(e){
61 $('#search-box-content').addClass('show'); 86 $('#search-box-content').addClass('show');
62 $('.search-box').addClass('show'); 87 $('.search-box').addClass('show');
......
1 1 #search-wrapper{
2 opacity: 0;
3 }
2 #search-sidebar{ 4 #search-sidebar{
3 min-width: 20rem; 5 min-width: 20rem;
4 @media screen and (max-width: 48rem){ 6 @media screen and (max-width: 48rem){
...@@ -7,12 +9,27 @@ ...@@ -7,12 +9,27 @@
7 } 9 }
8 } 10 }
9 .search-result{ 11 .search-result{
12 position: absolute;
13 right: 0px;
14 top: 120px;
10 width: calc(100% - 21.25rem); 15 width: calc(100% - 21.25rem);
11 @media screen and (max-width: 48rem){ 16 @media screen and (max-width: 48rem){
12 width:100%; 17 width:100%;
18 position: relative;
19 top: 40px;
13 } 20 }
14 } 21 }
15 22
23 .mobile-hidden{
24 @media screen and (max-width: 48rem){
25 display: none !important;
26 }
27 }
28 .mobile-hidden.show{
29 @media screen and (max-width: 48rem){
30 display: block !important;
31 }
32 }
16 33
17 .sh1 { 34 .sh1 {
18 font-size:24px; 35 font-size:24px;
...@@ -28,11 +45,12 @@ ...@@ -28,11 +45,12 @@
28 } 45 }
29 46
30 #search-wrapper { 47 #search-wrapper {
31 48 margin-bottom: 150px;
32 49
33 .searchandfilter { 50 .searchandfilter {
34 width: calc(100% - 3.125rem); 51 width: calc(100% - 3.125rem);
35 display: inline-block; 52 display: inline-block;
53
36 } 54 }
37 55
38 .search-field { 56 .search-field {
...@@ -43,6 +61,7 @@ ...@@ -43,6 +61,7 @@
43 61
44 .btn.filter { 62 .btn.filter {
45 position: relative; 63 position: relative;
64
46 visibility: visible; 65 visibility: visible;
47 display: block; 66 display: block;
48 margin-bottom: 1.875rem; 67 margin-bottom: 1.875rem;
...@@ -70,6 +89,9 @@ ...@@ -70,6 +89,9 @@
70 display: block; 89 display: block;
71 } 90 }
72 } 91 }
92 .filter-display{
93 top: 80px;
94 }
73 95
74 .btn.filter.apply-filters { 96 .btn.filter.apply-filters {
75 color: #fff; 97 color: #fff;
...@@ -106,11 +128,28 @@ ...@@ -106,11 +128,28 @@
106 128
107 @media screen and (max-width: 59.375rem) { 129 @media screen and (max-width: 59.375rem) {
108 width: 100%; 130 width: 100%;
131 margin-bottom: 3.125rem;
109 } 132 }
110 133
111 // min-width: 20rem; 134 // min-width: 20rem;
112 .sf-field-search { 135 .sf-field-search {
113 display: none !important; 136 position: absolute;
137 label{
138 width:calc(100% - 60px);
139 @media screen and (max-width: 62.5rem) {
140 width:calc(100% - 55px);
141 }
142 }
143 .advance-search-button{
144
145 margin-top: 25px;
146 float: right;
147 @media screen and (max-width: 62.5rem) {
148 margin-top: 10px;
149 }
150
151 }
152 // display: none !important;
114 } 153 }
115 154
116 .searchandfilter { 155 .searchandfilter {
...@@ -262,6 +301,10 @@ ...@@ -262,6 +301,10 @@
262 } 301 }
263 .sf-field-sort_order { 302 .sf-field-sort_order {
264 margin-bottom: 28px; 303 margin-bottom: 28px;
304 padding-top: 120px !important;
305 @media screen and (max-width: 90.625rem) {
306 padding-top: 80px !important;
307 }
265 } 308 }
266 .sf-field-sort_order label { 309 .sf-field-sort_order label {
267 display: inline-grid !important; 310 display: inline-grid !important;
...@@ -284,7 +327,7 @@ ...@@ -284,7 +327,7 @@
284 327
285 .sf-field-search { 328 .sf-field-search {
286 width: calc(100% - 7.5rem); 329 width: calc(100% - 7.5rem);
287 margin: 0 auto; 330 max-width: 1015px!important;
288 margin-bottom: 3.75rem; 331 margin-bottom: 3.75rem;
289 position: relative; 332 position: relative;
290 flex-wrap: nowrap; 333 flex-wrap: nowrap;
...@@ -322,7 +365,7 @@ ...@@ -322,7 +365,7 @@
322 } 365 }
323 366
324 input[name="_sf_search[]"] { 367 input[name="_sf_search[]"] {
325 width: 100%; 368 width: calc(100% - 60px);
326 border: 0; 369 border: 0;
327 border-bottom: 0.0625rem solid #4D4D4D; 370 border-bottom: 0.0625rem solid #4D4D4D;
328 border-radius: 0; 371 border-radius: 0;
...@@ -339,8 +382,8 @@ ...@@ -339,8 +382,8 @@
339 382
340 } 383 }
341 384
342 .sf-field-submit { 385 //.sf-field-submit {
343 display: inline-block !important; 386 // display: inline-block !important;
344 387
345 input[name="_sf_submit"] { 388 input[name="_sf_submit"] {
346 border-radius: 50% !important; 389 border-radius: 50% !important;
...@@ -358,17 +401,20 @@ ...@@ -358,17 +401,20 @@
358 text-transform: uppercase; 401 text-transform: uppercase;
359 transition: none; 402 transition: none;
360 display: inline-block !important; 403 display: inline-block !important;
361 404 float: right;
405 margin-top: 14px;
362 @media screen and (max-width: 56.25rem) { 406 @media screen and (max-width: 56.25rem) {
363 height: 2.5rem; 407 height: 2.5rem;
364 width:2.5rem; 408 width:2.5rem;
409 margin-top: 0px;
365 } 410 }
366 411
367 &:hover { 412 &:hover {
368 background: #669999; 413 background: #669999;
369 } 414 }
370 } 415 }
371 } 416 //}
417
372 418
373 ul.sf_date_field label::after { 419 ul.sf_date_field label::after {
374 420
...@@ -451,7 +497,6 @@ ul.sf_date_field { ...@@ -451,7 +497,6 @@ ul.sf_date_field {
451 width: 40px; 497 width: 40px;
452 height: 40px; 498 height: 40px;
453 text-indent: -624.9375rem; 499 text-indent: -624.9375rem;
454 right:-0.625rem ;
455 display: inline-block; 500 display: inline-block;
456 @media screen and (max-width: 48rem) { 501 @media screen and (max-width: 48rem) {
457 height: 1.875rem; 502 height: 1.875rem;
...@@ -957,7 +1002,7 @@ ul.sf_date_field { ...@@ -957,7 +1002,7 @@ ul.sf_date_field {
957 margin-bottom: 0px !important; 1002 margin-bottom: 0px !important;
958 } 1003 }
959 .sf-field-submit{ 1004 .sf-field-submit{
960 margin-top: 20px !important; 1005 // margin-top: 20px !important;
961 } 1006 }
962 .sf-field-reset{ 1007 .sf-field-reset{
963 margin-top: 10px !important; 1008 margin-top: 10px !important;
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.514 5 Version: 1.0.515
6 */ 6 */
7 7
......