Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
8a9aab4c by Jeff Balicki
Options

search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent dd2fcd9d
Inline Side-by-side
Showing 7 changed files with 108 additions and 40 deletions
...@@ -16643,6 +16643,13 @@ html:lang(fr-FR) .fr-only { ...@@ -16643,6 +16643,13 @@ html:lang(fr-FR) .fr-only {
16643 } 16643 }
16644 } 16644 }
16645 16645
16646 #search-wrapper {
16647 display: flex;
16648 }
16649 #search-wrapper .searchandfilter {
16650 width: 90%;
16651 display: inline-block;
16652 }
16646 #search-wrapper #main > article { 16653 #search-wrapper #main > article {
16647 padding: 2rem 0; 16654 padding: 2rem 0;
16648 border-top: 1px solid #bebebe; 16655 border-top: 1px solid #bebebe;
...@@ -16700,7 +16707,6 @@ html:lang(fr-FR) .fr-only { ...@@ -16700,7 +16707,6 @@ html:lang(fr-FR) .fr-only {
16700 border-bottom: 1px solid #707070; 16707 border-bottom: 1px solid #707070;
16701 border-radius: 0; 16708 border-radius: 0;
16702 } 16709 }
16703
16704 #search-wrapper .btn.filter, #search-wrapper .wpcf7 input.filter[type=submit], .wpcf7 #search-wrapper input.filter[type=submit], #search-wrapper .woocommerce-notices-wrapper .woocommerce-message a.filter.button, .woocommerce-notices-wrapper .woocommerce-message #search-wrapper a.filter.button, #search-wrapper .woocommerce-info a.filter.button, .woocommerce-info #search-wrapper a.filter.button { 16710 #search-wrapper .btn.filter, #search-wrapper .wpcf7 input.filter[type=submit], .wpcf7 #search-wrapper input.filter[type=submit], #search-wrapper .woocommerce-notices-wrapper .woocommerce-message a.filter.button, .woocommerce-notices-wrapper .woocommerce-message #search-wrapper a.filter.button, #search-wrapper .woocommerce-info a.filter.button, .woocommerce-info #search-wrapper a.filter.button {
16705 position: relative; 16711 position: relative;
16706 visibility: visible; 16712 visibility: visible;
...@@ -16753,25 +16759,15 @@ html:lang(fr-FR) .fr-only { ...@@ -16753,25 +16759,15 @@ html:lang(fr-FR) .fr-only {
16753 #search-wrapper .search-form { 16759 #search-wrapper .search-form {
16754 margin-left: 50px; 16760 margin-left: 50px;
16755 } 16761 }
16756
16757 .search-result {
16758 padding-left: 0px;
16759 }
16760 @media screen and (min-width: 768px) {
16761 .search-result {
16762 padding-left: 45px;
16763 }
16764 }
16765
16766 #search-wrapper {
16767 display: flex;
16768 }
16769 #search-wrapper #search-sidebar { 16762 #search-wrapper #search-sidebar {
16770 flex-direction: column; 16763 flex-direction: column;
16771 } 16764 }
16772 #search-wrapper #search-sidebar .sf-field-search { 16765 #search-wrapper #search-sidebar .sf-field-search {
16773 display: none !important; 16766 display: none !important;
16774 } 16767 }
16768 #search-wrapper #search-sidebar .searchandfilter {
16769 width: 100%;
16770 }
16775 @media screen and (min-width: 768px) { 16771 @media screen and (min-width: 768px) {
16776 #search-wrapper .collapse:not(.show) { 16772 #search-wrapper .collapse:not(.show) {
16777 display: block; 16773 display: block;
...@@ -16854,13 +16850,11 @@ html:lang(fr-FR) .fr-only { ...@@ -16854,13 +16850,11 @@ html:lang(fr-FR) .fr-only {
16854 } 16850 }
16855 16851
16856 ul.sf_date_field { 16852 ul.sf_date_field {
16857 width: 110px; 16853 width: 100%;
16858 display: inline-block;
16859 display: flex; 16854 display: flex;
16860 flex-wrap: wrap; 16855 flex-wrap: wrap;
16861 justify-content: space-between; 16856 justify-content: space-between;
16862 align-items: center; 16857 align-items: center;
16863 width: 100%;
16864 margin: 0; 16858 margin: 0;
16865 padding: 0; 16859 padding: 0;
16866 list-style: none; 16860 list-style: none;
...@@ -16882,6 +16876,22 @@ ul.sf_date_field label::after { ...@@ -16882,6 +16876,22 @@ ul.sf_date_field label::after {
16882 display: inline-block; 16876 display: inline-block;
16883 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.524" height="20.313" viewBox="0 0 20.524 20.313"><g id="Group_1957" data-name="Group 1957" transform="translate(-7.739 -7.232)"><rect id="Rectangle_228" data-name="Rectangle 228" width="2.685" height="1.987" transform="translate(12.369 17.139)" fill="%23fff"/><g id="Group_1956" data-name="Group 1956"><path id="Path_1397" data-name="Path 1397" d="M74.08,56.35V54.6H72.093V56.35h-6.7V54.6H63.406V56.35h-4.98V74.917H78.95V56.35Zm2.99,16.688H60.306V58.229H77.07Z" transform="translate(-50.688 -47.372)" fill="%23fff"/><rect id="Rectangle_225" data-name="Rectangle 225" width="2.685" height="1.987" transform="translate(12.369 13.739)" fill="%23fff"/><rect id="Rectangle_226" data-name="Rectangle 226" width="2.685" height="1.987" transform="translate(16.713 13.739)" fill="%23fff"/><rect id="Rectangle_227" data-name="Rectangle 227" width="2.685" height="1.987" transform="translate(21.056 13.739)" fill="%23fff"/><rect id="Rectangle_229" data-name="Rectangle 229" width="2.685" height="1.987" transform="translate(16.713 17.139)" fill="%23fff"/><rect id="Rectangle_230" data-name="Rectangle 230" width="2.685" height="1.987" transform="translate(21.056 17.139)" fill="%23fff"/><rect id="Rectangle_231" data-name="Rectangle 231" width="2.685" height="1.987" transform="translate(12.369 20.54)" fill="%23fff"/><rect id="Rectangle_232" data-name="Rectangle 232" width="2.685" height="1.987" transform="translate(16.713 20.54)" fill="%23fff"/></g></g></svg>'); 16877 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.524" height="20.313" viewBox="0 0 20.524 20.313"><g id="Group_1957" data-name="Group 1957" transform="translate(-7.739 -7.232)"><rect id="Rectangle_228" data-name="Rectangle 228" width="2.685" height="1.987" transform="translate(12.369 17.139)" fill="%23fff"/><g id="Group_1956" data-name="Group 1956"><path id="Path_1397" data-name="Path 1397" d="M74.08,56.35V54.6H72.093V56.35h-6.7V54.6H63.406V56.35h-4.98V74.917H78.95V56.35Zm2.99,16.688H60.306V58.229H77.07Z" transform="translate(-50.688 -47.372)" fill="%23fff"/><rect id="Rectangle_225" data-name="Rectangle 225" width="2.685" height="1.987" transform="translate(12.369 13.739)" fill="%23fff"/><rect id="Rectangle_226" data-name="Rectangle 226" width="2.685" height="1.987" transform="translate(16.713 13.739)" fill="%23fff"/><rect id="Rectangle_227" data-name="Rectangle 227" width="2.685" height="1.987" transform="translate(21.056 13.739)" fill="%23fff"/><rect id="Rectangle_229" data-name="Rectangle 229" width="2.685" height="1.987" transform="translate(16.713 17.139)" fill="%23fff"/><rect id="Rectangle_230" data-name="Rectangle 230" width="2.685" height="1.987" transform="translate(21.056 17.139)" fill="%23fff"/><rect id="Rectangle_231" data-name="Rectangle 231" width="2.685" height="1.987" transform="translate(12.369 20.54)" fill="%23fff"/><rect id="Rectangle_232" data-name="Rectangle 232" width="2.685" height="1.987" transform="translate(16.713 20.54)" fill="%23fff"/></g></g></svg>');
16884 } 16878 }
16879 ul.sf_date_field label:hover::after {
16880 background-color: #669999;
16881 }
16882 ul.sf_date_field .sf-datepicker {
16883 border: 1px solid #bebebe;
16884 width: 90px;
16885 }
16886
16887 .search-result {
16888 padding-left: 0px;
16889 }
16890 @media screen and (min-width: 768px) {
16891 .search-result {
16892 padding-left: 45px;
16893 }
16894 }
16885 16895
16886 [data-sf-field-input-type=checkbox] label { 16896 [data-sf-field-input-type=checkbox] label {
16887 vertical-align: super; 16897 vertical-align: super;
...@@ -16891,7 +16901,7 @@ ul.sf_date_field label::after { ...@@ -16891,7 +16901,7 @@ ul.sf_date_field label::after {
16891 display: none; 16901 display: none;
16892 } 16902 }
16893 #search-wrapper .sf-field-search { 16903 #search-wrapper .sf-field-search {
16894 width: 90%; 16904 width: 88%;
16895 margin: 0 auto; 16905 margin: 0 auto;
16896 margin-bottom: 60px; 16906 margin-bottom: 60px;
16897 position: relative; 16907 position: relative;
...@@ -16951,6 +16961,11 @@ ul.sf_date_field label::after { ...@@ -16951,6 +16961,11 @@ ul.sf_date_field label::after {
16951 #search-wrapper .sf-field-submit input[name=_sf_submit]:hover { 16961 #search-wrapper .sf-field-submit input[name=_sf_submit]:hover {
16952 background: #669999; 16962 background: #669999;
16953 } 16963 }
16964 #search-wrapper ul.sf_date_field label::after {
16965 height: 28px;
16966 width: 28px;
16967 background-size: 16px;
16968 }
16954 16969
16955 .advance-search-button { 16970 .advance-search-button {
16956 position: relative; 16971 position: relative;
...@@ -16985,6 +17000,7 @@ ul.sf_date_field label::after { ...@@ -16985,6 +17000,7 @@ ul.sf_date_field label::after {
16985 } 17000 }
16986 #advance-search-modal .modal-content { 17001 #advance-search-modal .modal-content {
16987 border: 0px solid #707070; 17002 border: 0px solid #707070;
17003 margin-top: 115px;
16988 } 17004 }
16989 #advance-search-modal .modal-footer, 17005 #advance-search-modal .modal-footer,
16990 #advance-search-modal .modal-header, 17006 #advance-search-modal .modal-header,
...@@ -17027,20 +17043,36 @@ ul.sf_date_field label::after { ...@@ -17027,20 +17043,36 @@ ul.sf_date_field label::after {
17027 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] { 17043 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] {
17028 background: #ee0000 0% 0% no-repeat padding-box; 17044 background: #ee0000 0% 0% no-repeat padding-box;
17029 color: #fff; 17045 color: #fff;
17030 border-radius: 40px; 17046 border-radius: 40px !important;
17031 height: 44px; 17047 height: 44px;
17032 width: 182px; 17048 width: 182px;
17033 border: 0 !important; 17049 border: 0 !important;
17034 margin-right: 24px; 17050 margin-right: 24px;
17035 margin-left: 0px; 17051 margin-left: 0px;
17036 } 17052 }
17053 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]:hover {
17054 background: #669999;
17055 }
17037 #advance-search-modal .modal-dialog .searchandfilter .search-filter-reset { 17056 #advance-search-modal .modal-dialog .searchandfilter .search-filter-reset {
17038 background: #000000 0% 0% no-repeat padding-box; 17057 background: #000000 0% 0% no-repeat padding-box;
17039 color: #fff; 17058 color: #fff;
17040 border-radius: 40px; 17059 border-radius: 40px !important;
17041 height: 44px; 17060 height: 44px;
17042 width: 182px; 17061 width: 182px;
17043 border: 0 !important; 17062 border: 0 !important;
17063 float: unset;
17064 font-size: 1.125rem;
17065 font-family: "PT Sans", sans-serif;
17066 font-weight: 700;
17067 }
17068 #advance-search-modal .modal-dialog .searchandfilter .search-filter-reset:hover {
17069 background: #669999;
17070 }
17071 #advance-search-modal .modal-dialog .searchandfilter ul.sf_date_field label::after {
17072 height: 36px;
17073 width: 36px;
17074 padding: 7px;
17075 background-size: 20px;
17044 } 17076 }
17045 #advance-search-modal .modal-dialog .searchandfilter .sf-datepicker { 17077 #advance-search-modal .modal-dialog .searchandfilter .sf-datepicker {
17046 width: 200px; 17078 width: 200px;
......
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.
...@@ -19,7 +19,7 @@ $container = get_theme_mod( 'understrap_container_type' ); ...@@ -19,7 +19,7 @@ $container = get_theme_mod( 'understrap_container_type' );
19 <div class="<?php echo esc_attr( $container ); ?> container" id="content" tabindex="-1"> 19 <div class="<?php echo esc_attr( $container ); ?> container" id="content" tabindex="-1">
20 <h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1> 20 <h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1>
21 <?php //get_search_form() ?> 21 <?php //get_search_form() ?>
22 <?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); ?> 22 <?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); echo do_shortcode('[advance-search search_id="112"]'); ?>
23 <?php //echo do_shortcode('[searchandfilter id="21964"]'); ?> 23 <?php //echo do_shortcode('[searchandfilter id="21964"]'); ?>
24 <button class="btn btn-primary filter" data-bs-toggle="collapse" data-bs-target="#search-sidebar" role="button" aria-expanded="false" aria-controls="search-sidebar" > 24 <button class="btn btn-primary filter" data-bs-toggle="collapse" data-bs-target="#search-sidebar" role="button" aria-expanded="false" aria-controls="search-sidebar" >
25 <?php _e("SORT AND FILTER", 'msf'); ?> 25 <?php _e("SORT AND FILTER", 'msf'); ?>
......
...@@ -17,7 +17,7 @@ if ( isset( $args['aria_label'] ) && ! empty( $args['aria_label'] ) ) { ...@@ -17,7 +17,7 @@ if ( isset( $args['aria_label'] ) && ! empty( $args['aria_label'] ) ) {
17 } 17 }
18 ?> 18 ?>
19 <div class="side-menu input-group"> 19 <div class="side-menu input-group">
20 <?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); ?> 20 <?php // echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); ?>
21 </div> 21 </div>
22 <!-- <form role="search" class="search-form" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" <?php echo $aria_label; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped above. ?>> 22 <!-- <form role="search" class="search-form" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" <?php echo $aria_label; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped above. ?>>
23 <label class="screen-reader-text" for="<?php echo $uid; ?>"><?php echo esc_html_x( 'Search for:', 'label', 'understrap' ); ?></label> 23 <label class="screen-reader-text" for="<?php echo $uid; ?>"><?php echo esc_html_x( 'Search for:', 'label', 'understrap' ); ?></label>
......
...@@ -76,6 +76,11 @@ ...@@ -76,6 +76,11 @@
76 } 76 }
77 77
78 #search-wrapper { 78 #search-wrapper {
79 .searchandfilter{
80 width: 90%;
81 display:inline-block;
82 }
83 display: flex;
79 #main { 84 #main {
80 & > article { 85 & > article {
81 padding: 2rem 0; 86 padding: 2rem 0;
...@@ -137,8 +142,7 @@ ...@@ -137,8 +142,7 @@
137 border-bottom: 1px solid #707070; 142 border-bottom: 1px solid #707070;
138 border-radius: 0; 143 border-radius: 0;
139 } 144 }
140 } 145
141 #search-wrapper {
142 .btn.filter { 146 .btn.filter {
143 position: relative; 147 position: relative;
144 visibility: visible; 148 visibility: visible;
...@@ -192,22 +196,17 @@ ...@@ -192,22 +196,17 @@
192 .search-form { 196 .search-form {
193 margin-left: 50px; 197 margin-left: 50px;
194 } 198 }
195 } 199
196 .search-result {
197 padding-left: 0px;
198 @media screen and (min-width: 768px) {
199 padding-left: 45px;
200 }
201 }
202 200
203 #search-wrapper {
204 display: flex;
205 201
206 #search-sidebar { 202 #search-sidebar {
207 flex-direction: column; 203 flex-direction: column;
208 .sf-field-search { 204 .sf-field-search {
209 display: none !important; 205 display: none !important;
210 } 206 }
207 .searchandfilter{
208 width: 100%;
209 }
211 } 210 }
212 @media screen and (min-width: 768px) { 211 @media screen and (min-width: 768px) {
213 .collapse:not(.show) { 212 .collapse:not(.show) {
...@@ -295,17 +294,15 @@ ...@@ -295,17 +294,15 @@
295 } 294 }
296 295
297 ul.sf_date_field { 296 ul.sf_date_field {
298 width: 110px; 297
299
300 display: inline-block;
301 li { 298 li {
302 display: inline-block; 299 display: inline-block;
303 } 300 }
301 width: 100%;
304 display: flex; 302 display: flex;
305 flex-wrap: wrap; 303 flex-wrap: wrap;
306 justify-content: space-between; 304 justify-content: space-between;
307 align-items: center; 305 align-items: center;
308 width: 100%;
309 margin: 0; 306 margin: 0;
310 padding: 0; 307 padding: 0;
311 list-style: none; 308 list-style: none;
...@@ -323,8 +320,22 @@ ...@@ -323,8 +320,22 @@
323 display: inline-block; 320 display: inline-block;
324 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.524" height="20.313" viewBox="0 0 20.524 20.313"><g id="Group_1957" data-name="Group 1957" transform="translate(-7.739 -7.232)"><rect id="Rectangle_228" data-name="Rectangle 228" width="2.685" height="1.987" transform="translate(12.369 17.139)" fill="%23fff"/><g id="Group_1956" data-name="Group 1956"><path id="Path_1397" data-name="Path 1397" d="M74.08,56.35V54.6H72.093V56.35h-6.7V54.6H63.406V56.35h-4.98V74.917H78.95V56.35Zm2.99,16.688H60.306V58.229H77.07Z" transform="translate(-50.688 -47.372)" fill="%23fff"/><rect id="Rectangle_225" data-name="Rectangle 225" width="2.685" height="1.987" transform="translate(12.369 13.739)" fill="%23fff"/><rect id="Rectangle_226" data-name="Rectangle 226" width="2.685" height="1.987" transform="translate(16.713 13.739)" fill="%23fff"/><rect id="Rectangle_227" data-name="Rectangle 227" width="2.685" height="1.987" transform="translate(21.056 13.739)" fill="%23fff"/><rect id="Rectangle_229" data-name="Rectangle 229" width="2.685" height="1.987" transform="translate(16.713 17.139)" fill="%23fff"/><rect id="Rectangle_230" data-name="Rectangle 230" width="2.685" height="1.987" transform="translate(21.056 17.139)" fill="%23fff"/><rect id="Rectangle_231" data-name="Rectangle 231" width="2.685" height="1.987" transform="translate(12.369 20.54)" fill="%23fff"/><rect id="Rectangle_232" data-name="Rectangle 232" width="2.685" height="1.987" transform="translate(16.713 20.54)" fill="%23fff"/></g></g></svg>'); 321 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.524" height="20.313" viewBox="0 0 20.524 20.313"><g id="Group_1957" data-name="Group 1957" transform="translate(-7.739 -7.232)"><rect id="Rectangle_228" data-name="Rectangle 228" width="2.685" height="1.987" transform="translate(12.369 17.139)" fill="%23fff"/><g id="Group_1956" data-name="Group 1956"><path id="Path_1397" data-name="Path 1397" d="M74.08,56.35V54.6H72.093V56.35h-6.7V54.6H63.406V56.35h-4.98V74.917H78.95V56.35Zm2.99,16.688H60.306V58.229H77.07Z" transform="translate(-50.688 -47.372)" fill="%23fff"/><rect id="Rectangle_225" data-name="Rectangle 225" width="2.685" height="1.987" transform="translate(12.369 13.739)" fill="%23fff"/><rect id="Rectangle_226" data-name="Rectangle 226" width="2.685" height="1.987" transform="translate(16.713 13.739)" fill="%23fff"/><rect id="Rectangle_227" data-name="Rectangle 227" width="2.685" height="1.987" transform="translate(21.056 13.739)" fill="%23fff"/><rect id="Rectangle_229" data-name="Rectangle 229" width="2.685" height="1.987" transform="translate(16.713 17.139)" fill="%23fff"/><rect id="Rectangle_230" data-name="Rectangle 230" width="2.685" height="1.987" transform="translate(21.056 17.139)" fill="%23fff"/><rect id="Rectangle_231" data-name="Rectangle 231" width="2.685" height="1.987" transform="translate(12.369 20.54)" fill="%23fff"/><rect id="Rectangle_232" data-name="Rectangle 232" width="2.685" height="1.987" transform="translate(16.713 20.54)" fill="%23fff"/></g></g></svg>');
325 } 322 }
323 label:hover::after{
324 background-color: #669999;
325 }
326 .sf-datepicker {
327 border: 1px solid #bebebe;
328 width: 90px;
329 }
326 } 330 }
327 331
332 .search-result {
333 padding-left: 0px;
334 @media screen and (min-width: 768px) {
335 padding-left: 45px;
336 }
337 }
338
328 339
329 [data-sf-field-input-type="checkbox"] label { 340 [data-sf-field-input-type="checkbox"] label {
330 vertical-align: super; 341 vertical-align: super;
...@@ -336,7 +347,7 @@ ...@@ -336,7 +347,7 @@
336 } 347 }
337 348
338 .sf-field-search { 349 .sf-field-search {
339 width: 90%; 350 width: 88%;
340 @media screen and (max-width: 768px) { 351 @media screen and (max-width: 768px) {
341 width: 80%; 352 width: 80%;
342 } 353 }
...@@ -395,6 +406,11 @@ ...@@ -395,6 +406,11 @@
395 } 406 }
396 } 407 }
397 } 408 }
409 ul.sf_date_field label::after{
410 height: 28px;
411 width: 28px;
412 background-size: 16px;
413 }
398 } 414 }
399 415
400 .advance-search-button { 416 .advance-search-button {
...@@ -429,6 +445,7 @@ ...@@ -429,6 +445,7 @@
429 } 445 }
430 .modal-content{ 446 .modal-content{
431 border: 0px solid #707070; 447 border: 0px solid #707070;
448 margin-top: 115px;
432 } 449 }
433 .modal-footer, 450 .modal-footer,
434 .modal-header, 451 .modal-header,
...@@ -477,20 +494,39 @@ ...@@ -477,20 +494,39 @@
477 input[name="_sf_submit"] { 494 input[name="_sf_submit"] {
478 background: #ee0000 0% 0% no-repeat padding-box; 495 background: #ee0000 0% 0% no-repeat padding-box;
479 color: #fff; 496 color: #fff;
480 border-radius: 40px; 497 border-radius: 40px !important;;
481 height: 44px; 498 height: 44px;
482 width: 182px; 499 width: 182px;
483 border: 0 !important; 500 border: 0 !important;
484 margin-right: 24px; 501 margin-right: 24px;
485 margin-left: 0px; 502 margin-left: 0px;
503 &:hover {
504 background: #669999;
505 }
486 } 506 }
487 .search-filter-reset { 507 .search-filter-reset {
488 background: #000000 0% 0% no-repeat padding-box; 508 background: #000000 0% 0% no-repeat padding-box;
489 color: #fff; 509 color: #fff;
490 border-radius: 40px; 510 border-radius: 40px !important;;
491 height: 44px; 511 height: 44px;
492 width: 182px; 512 width: 182px;
493 border: 0 !important; 513 border: 0 !important;
514 float: unset;
515 font-size: 1.125rem;
516 font-family: "PT Sans",sans-serif;
517 font-weight: 700;
518 &:hover {
519 background: #669999;
520 }
521 }
522 ul.sf_date_field {
523 label::after{
524
525 height: 36px;
526 width: 36px;
527 padding: 7px;
528 background-size:20px ;
529 }
494 } 530 }
495 .sf-datepicker { 531 .sf-datepicker {
496 width: 200px; 532 width: 200px;
......