Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
dd2fcd9d by Jeff Balicki
Options

advance_search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 12f15267
Inline Side-by-side
Showing 13 changed files with 604 additions and 434 deletions
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.
This diff could not be displayed because it is too large.
...@@ -26,17 +26,17 @@ $container = get_theme_mod( 'understrap_container_type' ); ...@@ -26,17 +26,17 @@ $container = get_theme_mod( 'understrap_container_type' );
26 <?php get_template_part( 'global-templates/navbar-branding' ); ?> 26 <?php get_template_part( 'global-templates/navbar-branding' ); ?>
27 <div class="site-title">MSF CLIMATE HUB</div> 27 <div class="site-title">MSF CLIMATE HUB</div>
28 </div> 28 </div>
29 <button 29 <!-- <button
30 class="navbar-toggler" 30 class="navbar-toggler"
31 type="button" 31 type="button"
32 data-bs-toggle="collapse" 32 data-bs-toggle="collapse"
33 data-bs-target="#navbarNavDropdown" 33 data-bs-target="#navbarNavDropdown"
34 aria-controls="navbarNavDropdown" 34 aria-controls="navbarNavDropdown"
35 aria-expanded="false" 35 aria-expanded="false"
36 aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>" 36 aria-label="<?php // esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
37 > 37 >
38 <span class="navbar-toggler-icon"></span> 38 <span class="navbar-toggler-icon"></span>
39 </button> 39 </button> -->
40 40
41 <!-- The WordPress Menu goes here --> 41 <!-- The WordPress Menu goes here -->
42 <?php 42 <?php
......
...@@ -3,3 +3,4 @@ ...@@ -3,3 +3,4 @@
3 require_once 'class-wp-bootstrap-navwalker.php'; 3 require_once 'class-wp-bootstrap-navwalker.php';
4 require_once 'hooks-filters.php'; 4 require_once 'hooks-filters.php';
5 require_once 'breadcrumb.php'; 5 require_once 'breadcrumb.php';
6 require_once 'shortcodes.php';
......
1 <?php
2
3 add_shortcode('advance-search', 'advance_search');
4
5
6 function advance_search($atts){
7
8 try{
9
10 $search_id = $atts['search_id'];
11 ob_start(); ?>
12 <a type="button" class="advance-search-button" data-bs-toggle="modal" data-bs-target="#advance-search-modal">Advance Search</a>
13 <div class="modal fade flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
14 <div class="modal-dialog modal-dialog-centered">
15 <div class="modal-content">
16 <div class="modal-header">
17 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
18 </div>
19 <div class="modal-body">
20 <?php echo do_shortcode('[searchandfilter id="'.$search_id.'"]'); ?>
21 </div>
22 <div class="modal-footer">
23 </div>
24 </div>
25 </div>
26 </div>
27
28 <?php
29 wp_reset_query();
30 $output = ob_get_clean();
31 return $output;
32
33 }catch(Throwable $e) {
34 error_log("advance_search()". $e->getMessage()) ;
35 }
36
37
38 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -5,9 +5,9 @@ body{ ...@@ -5,9 +5,9 @@ body{
5 5
6 @import "menu"; 6 @import "menu";
7 @import "header"; 7 @import "header";
8 @import "search";
9 @import "custom_select"; 8 @import "custom_select";
10 @import "forms"; 9 @import "forms";
11 @import "elements"; 10 @import "elements";
11 @import "search";
12 @import "front_page"; 12 @import "front_page";
13 13
......
...@@ -4,6 +4,12 @@ input:not(.search-field):not(.sf-input-text), optgroup, select, textarea { ...@@ -4,6 +4,12 @@ input:not(.search-field):not(.sf-input-text), optgroup, select, textarea {
4 4
5 } 5 }
6 6
7 button, input, optgroup, select, textarea{
8 border-radius: 0;
9 border-style: solid;
10 border-width: 1px;
11 }
12
7 .html-form { 13 .html-form {
8 table { 14 table {
9 width: 100% !important; 15 width: 100% !important;
...@@ -1065,44 +1071,299 @@ nf-cells { ...@@ -1065,44 +1071,299 @@ nf-cells {
1065 1071
1066 } 1072 }
1067 1073
1068 #div_MainContent { 1074
1069 input[type='submit'] { 1075
1070 width: auto; 1076
1071 max-width: none; 1077
1072 margin:1rem 0; 1078
1073 } 1079 /******************* * checkboxs ********************/
1074 .appArea.responsive { 1080
1075 margin-top:0; 1081
1076 text-align: left; 1082 .checkbox-wrap {
1077 } 1083 display: block;
1078 .input-container { 1084 position: relative;
1079 margin:1rem 0; 1085 padding-left: 1.875rem;
1080 } 1086 margin-bottom: 0.75rem;
1081 .survey-question-number-container { 1087 cursor: pointer;
1088 margin-bottom: 0;
1089 font-size: 1.375rem;
1090 -webkit-user-select: none;
1091 -moz-user-select: none;
1092 -ms-user-select: none;
1093 user-select: none;
1094 }
1095
1096
1097 .app-step-check-btn input,
1098 .checkbox-wrap input {
1099 position: absolute;
1100 opacity: 0;
1101 cursor: pointer;
1102 height: 0;
1103 width: 0;
1104 }
1105
1106 /* Create a custom checkbox */
1107 .checkmark {
1108 position: absolute;
1109 top: 0;
1110 left: 0;
1111 height: 1.375rem;
1112 width: 1.375rem;
1113 background-color: #ffffff;
1114 display: flex;
1115 align-items: center;
1116 justify-content: center;
1117 margin-top: 0;
1118 }
1119
1120 /* When the checkbox is checked, add a blue background */
1121 input:checked ~ .checkmark,
1122 .checkbox-wrap input:checked ~ .checkmark {
1123 background-color: #ccc;
1124 }
1125
1126 /* Create the checkmark/indicator (hidden when not checked) */
1127 .checkmark:after {
1082 display: none; 1128 display: none;
1083 } 1129 }
1084 input, select, textarea { 1130
1085 border:0; 1131 /* Show the checkmark when checked */
1086 width: 100%; 1132 input:checked ~ .checkmark:after,
1087 max-width: 350px; 1133 .checkbox-wrap input:checked ~ .checkmark:after {
1088 } 1134 display: block;
1089 textarea { 1135 }
1136
1137 /* Style the checkmark/indicator */
1138 .checkmark:after,
1139 .checkbox-wrap .checkmark:after {
1140 content: "";
1090 width: 100%; 1141 width: 100%;
1142 height: 100%;
1143 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
1144 background-position: center;
1145 background-size: 75%;
1146 background-repeat: no-repeat;
1147 }
1148
1149
1150 input[type="checkbox"] {
1151 -webkit-appearance: none;
1152 appearance: none;
1153 margin: 0;
1154 height: 1.375rem;
1155 width: 1.375rem;
1156 border: 0.15em solid currentColor;
1157 border-radius: 0em;
1158 transform: translateY(-0.075em);
1159 background-color: #fff;
1160 display: inline-grid;
1161 place-content: center;
1162 }
1163
1164 input[type="checkbox"]::before {
1165 content: "";
1166 width: 1.4em;
1167 height: 1.4em;
1168 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
1169 background-position: center;
1170 background-size: 75%;
1171 background-repeat: no-repeat;
1172 transform: scale(0);
1173 transform-origin: bottom left;
1174 // transition: 120ms transform ease-in-out;
1175 }
1176
1177 input[type="checkbox"]:hover::before {
1178 content: "";
1179 width: 1.4em;
1180 height: 1.4em;
1181 transition: 120ms transform ease-in-out;
1182 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23669999' stroke-width='3'/%3E%3C/svg%3E");
1183 background-position: center;
1184 background-size: 75%;
1185 background-repeat: no-repeat;
1186 transform: scale(1);
1187 transform-origin: bottom left;
1188 //transition: 120ms transform ease-in-out;
1189 }
1190 .sf-label-checkbox {
1191 font-size: 16px !important;
1192 color: #4d4d4d !important;
1193 font-weight: 300 !important;
1194 }
1195
1196 input[type="checkbox"]:checked::before {
1197 transform: scale(1);
1198 }
1199
1200 input[type="checkbox"]:focus {
1201 outline: max(2px, 0.15em) solid currentColor;
1202 outline-offset: max(2px, 0.15em);
1203 }
1204
1205
1206 /******************* datepicker ********************/
1207
1208 .ui-datepicker {
1209 padding: 0;
1210 border: 1px solid #ddd;
1211 -webkit-border-radius: 0;
1212 -moz-border-radius: 0;
1213 border-radius: 0;
1214 }
1215 .ui-datepicker * {
1216 padding: 0;
1217 font-family: "Open Sans", sans-serif;
1218 -webkit-border-radius: 0;
1219 -moz-border-radius: 0;
1220 border-radius: 0;
1221 }
1222 .ui-datepicker table {
1223 font-size: 13px;
1224 margin: 0;
1225 }
1226 .ui-datepicker .ui-datepicker-header {
1227 border: none;
1228 background: #222;
1229 color: #fff !important;
1230 font-weight: normal;
1231 }
1232 .ui-datepicker .ui-datepicker-header .ui-state-hover {
1233 background: #222;
1234 border-color: transparent;
1235 cursor: pointer;
1236 -webkit-border-radius: 0;
1237 -moz-border-radius: 0;
1238 border-radius: 0;
1239 }
1240 .ui-datepicker thead {
1241 background: #222;
1242 color: #fff !important;
1243 }
1244 .ui-datepicker .ui-datepicker-title {
1245 margin-top: 0.4em;
1246 margin-bottom: 0.3em;
1247 color: #fff !important;
1248 font-size: 14px;
1249 }
1250 .ui-datepicker .ui-datepicker-title span {
1251 color: #fff !important;
1252 }
1253 .ui-datepicker span {
1254 color: #fff !important;
1255 }
1256 .ui-datepicker .ui-datepicker-prev-hover,
1257 .ui-datepicker .ui-datepicker-next-hover,
1258 .ui-datepicker .ui-datepicker-next,
1259 .ui-datepicker .ui-datepicker-prev {
1260 height: 1em;
1261 top: 0.9em;
1262 border: none;
1263 }
1264 .ui-datepicker .ui-datepicker-prev-hover {
1265 left: 2px;
1266 }
1267 .ui-datepicker .ui-datepicker-next-hover {
1268 right: 2px;
1269 }
1270 .ui-datepicker .ui-datepicker-next span,
1271 .ui-datepicker .ui-datepicker-prev span {
1272 background-image: url("data:image/png;base64,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");
1273 background-position: -32px 0;
1274 margin-top: 0;
1275 top: 0;
1276 font-weight: normal;
1277 }
1278 .ui-datepicker .ui-datepicker-prev span {
1279 background-position: -96px 0;
1280 }
1281 .ui-datepicker th {
1282 padding: 0.75em 0;
1283 color: #fff !important;
1284 font-weight: normal;
1285 border: none;
1286 border-top: 1px solid #333;
1287 }
1288 .ui-datepicker td {
1289 background: #f1f1f1;
1290 border: none;
1291 padding: 0;
1292 }
1293 .ui-datepicker td .ui-state-default {
1294 background: transparent;
1295 border: none;
1296 text-align: center;
1297 padding: 0.5em;
1298 margin: 0;
1299 font-weight: normal;
1300 color: #333;
1301 }
1302 .ui-datepicker td .ui-state-active,
1303 .ui-datepicker td .ui-state-hover {
1304 background: #0074a2;
1305 color: #fff !important;
1306 }
1307 .ui-datepicker td.ui-state-disabled,
1308 .ui-datepicker td.ui-state-disabled .ui-state-default {
1309 opacity: 1;
1310 color: #999 !important;
1311 }
1312
1313 .ll-skin-melon .ui-datepicker .ui-datepicker-header,
1314 .ll-skin-melon .ui-datepicker .ui-datepicker-header .ui-state-hover,
1315 .ll-skin-melon .ui-datepicker thead {
1316 background: #26292c !important;
1317 }
1318 .ll-skin-melon .ui-datepicker th {
1319 border-color: #363b3f !important;
1320 }
1321 .ll-skin-melon .ui-datepicker td .ui-state-active,
1322 .ll-skin-melon .ui-datepicker td .ui-state-hover {
1323 background: red !important;
1324 }
1325
1326 /******************* select ************************/
1327
1328
1329
1330 select {
1331 border: 0px solid #707070 !important;
1332 background-color: transparent;
1333 min-width: unset !important;
1334 }
1335 [data-sf-field-input-type="select"] label {
1336 display: grid;
1337 grid-template-areas: "select";
1338 align-items: center;
1339 position: relative;
1340 min-width: 15ch;
1341 max-width: 30ch;
1342
1343 padding: 0.506rem;
1344 font-size: 1rem;
1345 cursor: pointer;
1346 line-height: 1.1;
1347 background-color: #fff;
1348 border: 1px solid #bebebe;
1349 }
1350 [data-sf-field-input-type="select"] label {
1351 &:after {
1352 content: "";
1353 display: block;
1354 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)'/%3E%3C/svg%3E");
1355 background-size: contain;
1356 background-repeat: no-repeat;
1357 width: 1rem;
1358 height: 0.5rem;
1359 position: absolute;
1360 right: 0;
1091 } 1361 }
1092 input[type='radio'], input[type='checkbox'] { 1362 &:hover {
1093 transform: scale(1.5); 1363 &:after {
1094 width: auto; 1364 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)' fill='%23699'/%3E%3C/svg%3E");
1365 background-size: contain;
1366 background-repeat: no-repeat;
1095 } 1367 }
1096 // .survey-question-container {
1097 // .indented-field-group {
1098 // .input-container {
1099 // width: 100%;
1100 // flex-basis: 100%;
1101 // }
1102 // }
1103 // }
1104
1105 .ungrouped {
1106 padding-top:1rem;
1107 } 1368 }
1108 } 1369 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
18 width: 100%; 18 width: 100%;
19 max-width: 720px; 19 max-width: 720px;
20 } 20 }
21
21 .content-container{ 22 .content-container{
22 position: absolute; 23 position: absolute;
23 bottom: 0px; 24 bottom: 0px;
...@@ -41,6 +42,18 @@ ...@@ -41,6 +42,18 @@
41 margin: auto; 42 margin: auto;
42 padding: 42px 50px ; 43 padding: 42px 50px ;
43 44
45 h4{
46 font-size: 45px !important;
47 line-height: 53px;
48 text-align: center;
49 font-weight: lighter;
50 font-family: "PT Sans",sans-serif;
51 }
52 .searchandfilter{
53 width: calc(100% - 50px);
54 display: inline-block;
55 }
56
44 .searchandfilter ul{ 57 .searchandfilter ul{
45 padding-left: 0px; 58 padding-left: 0px;
46 } 59 }
...@@ -54,7 +67,7 @@ ...@@ -54,7 +67,7 @@
54 .sf-field-search{ 67 .sf-field-search{
55 display: inline; 68 display: inline;
56 label{ 69 label{
57 width: 70%; 70 width: 74%;
58 position: relative; 71 position: relative;
59 display: inline-block !important; 72 display: inline-block !important;
60 margin: auto; 73 margin: auto;
...@@ -67,7 +80,7 @@ ...@@ -67,7 +80,7 @@
67 background-size: contain; 80 background-size: contain;
68 width: 2.063rem; 81 width: 2.063rem;
69 height: 2.063rem; 82 height: 2.063rem;
70 top: 1.5rem; 83 top: 1.2rem;
71 } 84 }
72 85
73 } 86 }
......
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
23 } 23 }
24 #main-nav{ 24 #main-nav{
25 box-shadow: 0px 3px 6px #00000029; 25 box-shadow: 0px 3px 6px #00000029;
26 z-index: 999999;
26 } 27 }
27 #main-nav .container{ 28 #main-nav .container{
28 flex-direction: column; 29 flex-direction: column;
...@@ -37,6 +38,8 @@ ...@@ -37,6 +38,8 @@
37 } 38 }
38 .site-title{ 39 .site-title{
39 font-size: 20px; 40 font-size: 20px;
41 line-height: 24px;
42
40 } 43 }
41 .navbar-brand{ 44 .navbar-brand{
42 width:100px; 45 width:100px;
......
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
127 127
128 128
129 #mega-menu-primary{ 129 #mega-menu-primary{
130 margin-top: 60px !important; 130 margin-top: 75px !important;
131 padding-top: 20px !important; 131 padding-top: 20px !important;
132 padding-bottom: 100px !important; 132 padding-bottom: 100px !important;
133 overflow-x: scroll !important; 133 overflow-x: scroll !important;
...@@ -235,6 +235,23 @@ ...@@ -235,6 +235,23 @@
235 235
236 236
237 @media only screen and (max-width: 1000px) { 237 @media only screen and (max-width: 1000px) {
238
239 #mega-menu-wrap-primary{
240 width: 30%;
241 top: 30px;
242 right: 0px;
243 position:absolute;
244 background: transparent;
245 }
246 #mega-menu-wrap-primary .mega-menu-toggle{
247 background: transparent;
248 }
249 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
250 background-color: #EE0000;
251 border-radius: 50%;
252 width: 40px;
253 height: 40px;
254 }
238 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{ 255 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{
239 display: none !important; 256 display: none !important;
240 } 257 }
......
1 #search-wrapper { 1 #search-wrapper {
2 margin-top:1rem; 2 margin-top: 1rem;
3 padding-top: 3rem; 3 padding-top: 3rem;
4 } 4 }
5 5
6 .search-results { 6 .search-results {
7 .search-field { 7 .search-field {
8 border:0; 8 border: 0;
9 border-bottom: 1px solid #707070; 9 border-bottom: 1px solid #707070;
10 border-radius: 0; 10 border-radius: 0;
11 } 11 }
12 #content { 12 #content {
13 padding: 2.5rem 0; 13 padding: 2.5rem 0;
14 padding-top:1rem; 14 padding-top: 1rem;
15 }
15 } 16 }
16 }
17
18
19
20
21 17
22 .pagination { 18 .pagination {
23 justify-content: center; 19 justify-content: center;
24 margin-top:1rem; 20 margin-top: 1rem;
25 .page-item { 21 .page-item {
26 border: 0; 22 border: 0;
27 display: flex; 23 display: flex;
28 align-items: center; 24 align-items: center;
29 .page-link { 25 .page-link {
30 color:#000000; 26 color: #000000;
31 margin-left:0; 27 margin-left: 0;
32 border: 0; 28 border: 0;
33 font-family: "PT Sans",sans-serif; 29 font-family: "PT Sans", sans-serif;
34 &:hover { 30 &:hover {
35 text-decoration: underline; 31 text-decoration: underline;
36 background:none; 32 background: none;
37 } 33 }
38 &.next, &.prev { 34 &.next,
39 color:transparent; 35 &.prev {
36 color: transparent;
40 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095 0) rotate(90)'/%3E%3C/svg%3E"); 37 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095 0) rotate(90)'/%3E%3C/svg%3E");
41 height: 0.938rem; 38 height: 0.938rem;
42 background-size: contain; 39 background-size: contain;
...@@ -57,31 +54,32 @@ ...@@ -57,31 +54,32 @@
57 } 54 }
58 &.active { 55 &.active {
59 .page-link { 56 .page-link {
60 font-family: "PT Sans",sans-serif; font-weight:bold;; 57 font-family: "PT Sans", sans-serif;
58 font-weight: bold;
61 &:hover { 59 &:hover {
62 text-decoration: none; 60 text-decoration: none;
63 } 61 }
64 } 62 }
65 } 63 }
66 } 64 }
67 } 65 }
68 .sh1{ 66 .sh1 {
69 font-weight: 700; 67 font-weight: 700;
70 line-height: 24px!important; 68 line-height: 24px !important;
71 font-size: 30px!important; 69 font-size: 30px !important;
72 text-transform: uppercase; 70 text-transform: uppercase;
73 @media screen and (max-width: 768px){ 71 @media screen and (max-width: 768px) {
74 font-size: 2.188rem!important; 72 font-size: 2.188rem !important;
75 line-height: 40px!important; 73 line-height: 40px !important;
76 padding-bottom: 32px!important; 74 padding-bottom: 32px !important;
75 }
77 } 76 }
78 }
79 77
80 #search-wrapper { 78 #search-wrapper {
81 #main { 79 #main {
82 & > article { 80 & > article {
83 padding:2rem 0; 81 padding: 2rem 0;
84 border-top:1px solid #BEBEBE; 82 border-top: 1px solid #bebebe;
85 display: flex; 83 display: flex;
86 .photo { 84 .photo {
87 min-width: 18.375rem; 85 min-width: 18.375rem;
...@@ -92,13 +90,13 @@ ...@@ -92,13 +90,13 @@
92 object-fit: cover; 90 object-fit: cover;
93 object-position: center; 91 object-position: center;
94 height: 100%; 92 height: 100%;
95 width:100%; 93 width: 100%;
96 } 94 }
97 } 95 }
98 a { 96 a {
99 gap:1.5rem; 97 gap: 1.5rem;
100 display: flex; 98 display: flex;
101 color:#000000; 99 color: #000000;
102 text-decoration: none; 100 text-decoration: none;
103 flex-direction: row; 101 flex-direction: row;
104 &:hover { 102 &:hover {
...@@ -107,24 +105,25 @@ ...@@ -107,24 +105,25 @@
107 } 105 }
108 } 106 }
109 } 107 }
110 .entry-header{ 108 .entry-header {
111 height: auto !important; 109 height: auto !important;
112 } 110 }
113 h2.entry-title { 111 h2.entry-title {
114 margin-top:0 !important; 112 margin-top: 0 !important;
115 font-size: 1.25rem !important; 113 font-size: 1.25rem !important;
116 114
117 font-family: "PT Sans",sans-serif; font-weight:bold; 115 font-family: "PT Sans", sans-serif;
118 @media screen and (max-width: 768px){ 116 font-weight: bold;
117 @media screen and (max-width: 768px) {
119 font-size: 1rem !important; 118 font-size: 1rem !important;
120 line-height: 1.25rem !important; 119 line-height: 1.25rem !important;
121 } 120 }
122 } 121 }
123 .entry-summary { 122 .entry-summary {
124 p { 123 p {
125 color:#4D4D4D; 124 color: #4d4d4d;
126 font-size: 1rem; 125 font-size: 1rem;
127 font-family: "PT Sans",sans-serif; 126 font-family: "PT Sans", sans-serif;
128 } 127 }
129 } 128 }
130 } 129 }
...@@ -133,15 +132,14 @@ ...@@ -133,15 +132,14 @@
133 } 132 }
134 } 133 }
135 134
136 .search-field{ 135 .search-field {
137 border: 0; 136 border: 0;
138 border-bottom: 1px solid #707070; 137 border-bottom: 1px solid #707070;
139 border-radius: 0; 138 border-radius: 0;
140 } 139 }
141 } 140 }
142 #search-wrapper{ 141 #search-wrapper {
143 142 .btn.filter {
144 .btn.filter{
145 position: relative; 143 position: relative;
146 visibility: visible; 144 visibility: visible;
147 display: block; 145 display: block;
...@@ -150,13 +148,13 @@ ...@@ -150,13 +148,13 @@
150 -webkit-appearance: none; 148 -webkit-appearance: none;
151 appearance: none; 149 appearance: none;
152 background-color: transparent; 150 background-color: transparent;
153 border: 1px solid #BEBEBE !important; 151 border: 1px solid #bebebe !important;
154 background-color: #F0F0F0; 152 background-color: #f0f0f0;
155 border-radius: 0; 153 border-radius: 0;
156 color: #000; 154 color: #000;
157 text-decoration: none; 155 text-decoration: none;
158 font-weight: 700; 156 font-weight: 700;
159 &:after{ 157 &:after {
160 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.933" height="17.634" viewBox="0 0 18.933 17.634"><path id="Path_1507" data-name="Path 1507" d="M-10822-8422.516h16.932l-7.086,7.086v8.548l-3.128-2.567v-5.98Z" transform="translate(10823.001 8423.516)" fill="none" stroke="%23000" stroke-linejoin="round" stroke-width="2"/></svg>'); 158 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.933" height="17.634" viewBox="0 0 18.933 17.634"><path id="Path_1507" data-name="Path 1507" d="M-10822-8422.516h16.932l-7.086,7.086v8.548l-3.128-2.567v-5.98Z" transform="translate(10823.001 8423.516)" fill="none" stroke="%23000" stroke-linejoin="round" stroke-width="2"/></svg>');
161 background-size: contain; 159 background-size: contain;
162 background-repeat: no-repeat; 160 background-repeat: no-repeat;
...@@ -164,254 +162,89 @@ ...@@ -164,254 +162,89 @@
164 height: 16px; 162 height: 16px;
165 position: absolute; 163 position: absolute;
166 left: 10px; 164 left: 10px;
167 top:10px; 165 top: 10px;
168 content:''; 166 content: "";
169 display: block; 167 display: block;
170 } 168 }
171 } 169 }
172 170
173 .btn.filter.apply-filters{ 171 .btn.filter.apply-filters {
174 color: #fff; 172 color: #fff;
175 background-color: red; 173 background-color: red;
176 padding: 12px 45px 11px 45px; 174 padding: 12px 45px 11px 45px;
177 margin: auto; 175 margin: auto;
178 margin-top: 28px; 176 margin-top: 28px;
179 &:after{ 177 &:after {
180 display: none; 178 display: none;
181 } 179 }
182 } 180 }
183 .btn.filter.apply-filters:hover{ 181 .btn.filter.apply-filters:hover {
184 background-color: #669999; 182 background-color: #669999;
185 color: #fff; 183 color: #fff;
186 } 184 }
187 185
188 @media screen and (min-width: 768px){ 186 @media screen and (min-width: 768px) {
189 .btn.filter{ 187 .btn.filter {
190 visibility: hidden; 188 visibility: hidden;
191 display: none; 189 display: none;
192 } 190 }
193 } 191 }
194 .search-form{ 192 .search-form {
195 margin-left: 50px; 193 margin-left: 50px;
196 } 194 }
197 } 195 }
198 .search-result{ 196 .search-result {
199
200 padding-left: 0px; 197 padding-left: 0px;
201 @media screen and (min-width: 768px){ 198 @media screen and (min-width: 768px) {
202 padding-left: 45px; 199 padding-left: 45px;
203 } 200 }
204 } 201 }
205
206 202
207 #search-wrapper{ 203 #search-wrapper {
208 display:flex; 204 display: flex;
209 205
210 #search-sidebar{ 206 #search-sidebar {
211 flex-direction: column; 207 flex-direction: column;
212 .sf-field-search{ 208 .sf-field-search {
213 display: none !important; 209 display: none !important;
214 } 210 }
215 } 211 }
216 @media screen and (min-width: 768px){ 212 @media screen and (min-width: 768px) {
217 .collapse:not(.show) { 213 .collapse:not(.show) {
218 display: block; 214 display: block;
219 height: auto !important; 215 height: auto !important;
220 visibility: visible; 216 visibility: visible;
221 } 217 }
222 .collapsing{ 218 .collapsing {
223 position: relative; 219 position: relative;
224 height: unset !important; 220 height: unset !important;
225 overflow: hidden; 221 overflow: hidden;
226 } 222 }
227
228 } 223 }
229 #main{ 224 #main {
230 display: flex; 225 display: flex;
231 flex-direction: column; 226 flex-direction: column;
232 } 227 }
233 .btn.filter{ 228 .btn.filter {
234 visibility: hidden; 229 visibility: hidden;
235 display: none; 230 display: none;
236 } 231 }
237 232
238 .searchandfilter{ 233 .searchandfilter {
239 234 ul {
240 ul{
241 padding-left: 0px; 235 padding-left: 0px;
242 } 236 }
243 select{
244 border: 0px solid #707070!important;
245 min-width: unset !important;
246 }
247 [data-sf-field-input-type="select"] label{
248 display: grid;
249 grid-template-areas: "select";
250 align-items: center;
251 position: relative;
252 min-width: 15ch;
253 max-width: 30ch;
254
255 padding: 0.506rem;
256 font-size: 1rem;
257 cursor: pointer;
258 line-height: 1.1;
259 background-color: #fff;
260 border: 1px solid #bebebe;
261 }
262 [data-sf-field-input-type="select"] label {
263 &:after {
264 content:'';
265 display: block;
266 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)'/%3E%3C/svg%3E");
267 background-size: contain;
268 background-repeat: no-repeat;
269 width: 1rem;
270 height: 0.5rem;
271 position: absolute;
272 right: 0;
273 }
274 &:hover {
275 &:after {
276 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)' fill='%23699'/%3E%3C/svg%3E");
277 background-size: contain;
278 background-repeat: no-repeat;
279 }
280 }
281 }
282
283 .checkbox-wrap {
284 display: block;
285 position: relative;
286 padding-left: 1.875rem;
287 margin-bottom: 0.75rem;
288 cursor: pointer;
289 margin-bottom:0;
290 font-size: 1.375rem;
291 -webkit-user-select: none;
292 -moz-user-select: none;
293 -ms-user-select: none;
294 user-select: none;
295 }
296
297 /* Hide the browser's default checkbox */
298 .app-step-check-btn input, .checkbox-wrap input {
299 position: absolute;
300 opacity: 0;
301 cursor: pointer;
302 height: 0;
303 width: 0;
304 }
305
306 /* Create a custom checkbox */
307 .checkmark {
308 position: absolute;
309 top: 0;
310 left: 0;
311 height: 1.375rem;
312 width: 1.375rem;
313 background-color: #FFFFFF;
314 display: flex;
315 align-items: center;
316 justify-content: center;
317 margin-top:0;
318 }
319
320 /* When the checkbox is checked, add a blue background */
321 input:checked ~ .checkmark, .checkbox-wrap input:checked ~ .checkmark {
322 background-color: #ccc;
323 }
324
325 /* Create the checkmark/indicator (hidden when not checked) */
326 .checkmark:after {
327 display: none;
328 }
329
330 /* Show the checkmark when checked */
331 input:checked ~ .checkmark:after, .checkbox-wrap input:checked ~ .checkmark:after {
332 display: block;
333 }
334
335 /* Style the checkmark/indicator */
336 .checkmark:after, .checkbox-wrap .checkmark:after {
337 content:'';
338 width: 100%;
339 height: 100%;
340 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
341 background-position: center;
342 background-size: 75%;
343 background-repeat: no-repeat;
344 }
345
346
347 }
348
349 input[type="checkbox"] {
350
351 -webkit-appearance: none;
352 appearance: none;
353 margin: 0;
354 height: 1.375rem;
355 width: 1.375rem;
356 border: 0.15em solid currentColor;
357 border-radius: 0.15em;
358 transform: translateY(-0.075em);
359 background-color: #fff;
360 display: inline-grid;
361 place-content: center;
362 }
363
364 input[type="checkbox"]::before {
365 content: "";
366 width: 1.4em;
367 height: 1.4em;
368 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23e00' stroke-width='3'/%3E%3C/svg%3E");
369 background-position: center;
370 background-size: 75%;
371 background-repeat: no-repeat;
372 transform: scale(0);
373 transform-origin: bottom left;
374 // transition: 120ms transform ease-in-out;
375 }
376
377 input[type="checkbox"]:hover::before {
378 content: "";
379 width: 1.4em;
380 height: 1.4em;
381 transition: 120ms transform ease-in-out;
382 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.849' height='12.603' viewBox='0 0 15.849 12.603'%3E%3Cpath id='Path_1424' data-name='Path 1424' d='M2.926 11.2 7.233 15.5l9.421-9.421' transform='translate(-1.866 -5.023)' fill='none' stroke='%23669999' stroke-width='3'/%3E%3C/svg%3E");
383 background-position: center;
384 background-size: 75%;
385 background-repeat: no-repeat;
386 transform: scale(1);
387 transform-origin: bottom left;
388 //transition: 120ms transform ease-in-out;
389 }
390 .sf-label-checkbox{
391 font-size: 16px !important;
392 color: #4D4D4D !important;
393 font-weight: 300 !important;
394 }
395 237
396 input[type="checkbox"]:checked::before {
397 transform: scale(1);
398 } 238 }
399 239
400 input[type="checkbox"]:focus { 240 .searchandfilter .sf-date-prefix {
401 outline: max(2px, 0.15em) solid currentColor;
402 outline-offset: max(2px, 0.15em);
403 }
404 [data-sf-field-input-type=checkbox] label{
405 vertical-align: super;
406 }
407 .searchandfilter .sf-date-prefix{
408 width: 50px; 241 width: 50px;
409 } 242 }
410 .search-filter-reset{ 243 .search-filter-reset {
411 -webkit-appearance: none; 244 -webkit-appearance: none;
412 appearance: none; 245 appearance: none;
413 background-color: transparent; 246 background-color: transparent;
414 border: 1px solid #BEBEBE !important; 247 border: 1px solid #bebebe !important;
415 width: 110px; 248 width: 110px;
416 height: 30px; 249 height: 30px;
417 display: inline-block; 250 display: inline-block;
...@@ -420,53 +253,52 @@ input[type="checkbox"] { ...@@ -420,53 +253,52 @@ input[type="checkbox"] {
420 color: #000; 253 color: #000;
421 padding: 5px 14px; 254 padding: 5px 14px;
422 text-decoration: none; 255 text-decoration: none;
423
424 } 256 }
425 .search-filter-reset:hover{ 257 .search-filter-reset:hover {
426 background-color: #669999; 258 background-color: #669999;
427 color: #fff; 259 color: #fff;
428 } 260 }
429 .search-wrapper { 261 .search-wrapper {
430 form.searchandfilter{ 262 form.searchandfilter {
431 display: block; 263 display: block;
432 } 264 }
433 } 265 }
434 266
435 267 .searchandfilter h4 {
436
437 .searchandfilter h4{
438 font-size: 16px !important; 268 font-size: 16px !important;
439 color: #4D4D4D !important; 269 color: #4d4d4d !important;
440 font-weight: 700 !important; 270 font-weight: 700 !important;
441
442 } 271 }
443 272
444 .sf-field-sort_order label{ 273 .sf-field-sort_order label {
445 display: inline-grid !important; 274 display: inline-grid !important;
446 width: 60%; 275 width: 60%;
447 float: right; 276 float: right;
448 @media screen and (max-width: 768px){ 277 @media screen and (max-width: 768px) {
449 width: 60%; 278 width: 60%;
450 } 279 }
451 } 280 }
452 .sf-field-sort_order h4, 281 .sf-field-sort_order h4,
453 .sf-field-reset h4{ 282 .sf-field-reset h4 {
454 width: 110px; 283 width: 110px;
455 font-size: 24px !important; 284 font-size: 24px !important;
456 display: inline-block; 285 display: inline-block;
457 color: #000 !important; 286 color: #000 !important;
458 font-weight: 700 !important; 287 font-weight: 700 !important;
459 } 288 }
460 } 289 }
461 .sf-date-prefix{ 290 .sf-date-prefix {
462 width: unset !important; 291 width: unset !important;
463 } 292 }
464 .sf-datepicker{ 293 .sf-date-prefix label {
294 width: unset !important;
295 }
296
297 ul.sf_date_field {
465 width: 110px; 298 width: 110px;
466 border: 1px solid #ccc; 299
467 } 300 display: inline-block;
468 ul.sf_date_field{ 301 li {
469 li{
470 display: inline-block; 302 display: inline-block;
471 } 303 }
472 display: flex; 304 display: flex;
...@@ -477,136 +309,35 @@ ul.sf_date_field{ ...@@ -477,136 +309,35 @@ ul.sf_date_field{
477 margin: 0; 309 margin: 0;
478 padding: 0; 310 padding: 0;
479 list-style: none; 311 list-style: none;
480 } 312 label::after{
481 .ui-datepicker { 313 vertical-align: bottom;
482 padding: 0; 314 height: 36px;
483 border: 1px solid #ddd; 315 width: 36px;
484 -webkit-border-radius: 0; 316 padding: 7px;
485 -moz-border-radius: 0; 317 content: '';
486 border-radius: 0; 318 display: block;
487 } 319 background-size:20px ;
488 .ui-datepicker * { 320 background-color: #000;
489 padding: 0; 321 background-repeat: no-repeat;
490 font-family: "Open Sans", sans-serif; 322 background-position: center;
491 -webkit-border-radius: 0; 323 display: inline-block;
492 -moz-border-radius: 0; 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>');
493 border-radius: 0; 325 }
494 } 326 }
495 .ui-datepicker table {
496 font-size: 13px;
497 margin: 0;
498 }
499 .ui-datepicker .ui-datepicker-header {
500 border: none;
501 background: #222;
502 color: #fff !important;
503 font-weight: normal;
504 }
505 .ui-datepicker .ui-datepicker-header .ui-state-hover {
506 background: #222;
507 border-color: transparent;
508 cursor: pointer;
509 -webkit-border-radius: 0;
510 -moz-border-radius: 0;
511 border-radius: 0;
512 }
513 .ui-datepicker thead {
514 background: #222;
515 color: #fff !important;
516 }
517 .ui-datepicker .ui-datepicker-title {
518 margin-top: .4em;
519 margin-bottom: .3em;
520 color: #fff !important;
521 font-size: 14px;
522 }
523 .ui-datepicker .ui-datepicker-title span{
524 color: #fff !important;
525 }
526 .ui-datepicker span{
527 color: #fff !important;
528 }
529 .ui-datepicker .ui-datepicker-prev-hover,
530 .ui-datepicker .ui-datepicker-next-hover,
531 .ui-datepicker .ui-datepicker-next,
532 .ui-datepicker .ui-datepicker-prev {
533 height: 1em;
534 top: .9em;
535 border: none;
536 }
537 .ui-datepicker .ui-datepicker-prev-hover {
538 left: 2px;
539 }
540 .ui-datepicker .ui-datepicker-next-hover {
541 right: 2px;
542 }
543 .ui-datepicker .ui-datepicker-next span,
544 .ui-datepicker .ui-datepicker-prev span {
545 background-image: url('data:image/png;base64,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');
546 background-position: -32px 0;
547 margin-top: 0;
548 top: 0;
549 font-weight: normal;
550 }
551 .ui-datepicker .ui-datepicker-prev span {
552 background-position: -96px 0;
553 }
554 .ui-datepicker th {
555 padding: 0.75em 0;
556 color: #fff !important;
557 font-weight: normal;
558 border: none;
559 border-top: 1px solid #333;
560 }
561 .ui-datepicker td {
562 background: #f1f1f1;
563 border: none;
564 padding: 0;
565 }
566 .ui-datepicker td .ui-state-default {
567 background: transparent;
568 border: none;
569 text-align: center;
570 padding: .5em;
571 margin: 0;
572 font-weight: normal;
573 color: #333;
574 }
575 .ui-datepicker td .ui-state-active,
576 .ui-datepicker td .ui-state-hover {
577 background: #0074a2;
578 color: #fff !important;
579 }
580 .ui-datepicker td.ui-state-disabled,
581 .ui-datepicker td.ui-state-disabled .ui-state-default {
582 opacity: 1;
583 color: #999 !important;
584 }
585 327
586 328
587 .ll-skin-melon .ui-datepicker .ui-datepicker-header, 329 [data-sf-field-input-type="checkbox"] label {
588 .ll-skin-melon .ui-datepicker .ui-datepicker-header .ui-state-hover, 330 vertical-align: super;
589 .ll-skin-melon .ui-datepicker thead {
590 background: #26292c !important;
591 }
592 .ll-skin-melon .ui-datepicker th {
593 border-color: #363b3f !important;
594 }
595 .ll-skin-melon .ui-datepicker td .ui-state-active,
596 .ll-skin-melon .ui-datepicker td .ui-state-hover {
597 background: red !important;
598 } 331 }
599 332
600 333 #search-wrapper {
601 #search-wrapper{ 334 .sf-field-search h4 {
602
603 .sf-field-search h4{
604 display: none; 335 display: none;
605 } 336 }
606 337
607 .sf-field-search{ 338 .sf-field-search {
608 width: 90%; 339 width: 90%;
609 @media screen and (max-width: 768px){ 340 @media screen and (max-width: 768px) {
610 width: 80%; 341 width: 80%;
611 } 342 }
612 margin: 0 auto; 343 margin: 0 auto;
...@@ -623,13 +354,12 @@ ul.sf_date_field{ ...@@ -623,13 +354,12 @@ ul.sf_date_field{
623 background-size: contain; 354 background-size: contain;
624 width: 2.063rem; 355 width: 2.063rem;
625 height: 2.063rem; 356 height: 2.063rem;
626 top: 1.5rem; 357 top: 1.2rem;
627 } 358 }
628 label{ 359 label {
629 width: 100%; 360 width: 100%;
630
631 } 361 }
632 input[name="_sf_search[]"]{ 362 input[name="_sf_search[]"] {
633 width: 100%; 363 width: 100%;
634 border: 0; 364 border: 0;
635 border-bottom: 1px solid #707070; 365 border-bottom: 1px solid #707070;
...@@ -639,14 +369,12 @@ ul.sf_date_field{ ...@@ -639,14 +369,12 @@ ul.sf_date_field{
639 line-height: 1.5; 369 line-height: 1.5;
640 color: #212529; 370 color: #212529;
641 padding: 0.375rem 0.75rem; 371 padding: 0.375rem 0.75rem;
642
643 } 372 }
644 } 373 }
645 374
646 375 .sf-field-submit {
647 .sf-field-submit{
648 display: inline-block !important; 376 display: inline-block !important;
649 input[name="_sf_submit"]{ 377 input[name="_sf_submit"] {
650 border-radius: 50% !important; 378 border-radius: 50% !important;
651 padding: 0; 379 padding: 0;
652 height: 3.438rem; 380 height: 3.438rem;
...@@ -654,7 +382,7 @@ ul.sf_date_field{ ...@@ -654,7 +382,7 @@ ul.sf_date_field{
654 margin-top: -0.6rem; 382 margin-top: -0.6rem;
655 margin-left: 1rem; 383 margin-left: 1rem;
656 font-size: 1.125rem; 384 font-size: 1.125rem;
657 font-family: "PT Sans",sans-serif; 385 font-family: "PT Sans", sans-serif;
658 font-weight: 700; 386 font-weight: 700;
659 background: #e00; 387 background: #e00;
660 color: #fff; 388 color: #fff;
...@@ -663,9 +391,118 @@ ul.sf_date_field{ ...@@ -663,9 +391,118 @@ ul.sf_date_field{
663 transition: none; 391 transition: none;
664 display: inline-block !important; 392 display: inline-block !important;
665 &:hover { 393 &:hover {
666 background:#669999; 394 background: #669999;
395 }
396 }
397 }
398 }
399
400 .advance-search-button {
401 position: relative;
402 height: 40px;
403 width: 40px;
404 text-indent: -9999px;
405 display: inline-block;
406 }
407
408 .advance-search-button::after {
409 position: absolute;
410 left: 0px;
411 top: -10px;
412 content: "";
413 display: inline-block;
414 height: 40px;
415 width: 40px;
416 background-size: contain;
417 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>');
418 }
419 .modal-backdrop {
420 background-color: #fff;
421 opacity: 0.7;
422 }
423 #advance-search-modal {
424 .btn-close{
425 opacity: 1;
426 }
427 .btn-close:hover{
428 opacity: 0.5;
429 }
430 .modal-content{
431 border: 0px solid #707070;
432 }
433 .modal-footer,
434 .modal-header,
435 .modal-body {
436 background: #f0f0f0 0% 0% no-repeat padding-box;
437 border-top: 0px solid #707070;
438 border-bottom: 0px solid #707070;
439 }
440 .modal-body {
441 padding: 0px 35px 35px 35px;
442 }
443 .modal-dialog {
444 width: 80%;
445 max-width: 1066px;
446
447 .searchandfilter {
448 h4 {
449 font-size: 24px !important;
450 line-height: 30px;
451 text-align: left;
452 font-weight: lighter;
453 font-family: "PT Sans", sans-serif;
454 }
455 .sf-field-search {
456 h4 {
457 font-size: 45px !important;
458 line-height: 57px;
459 margin-top: -20px;
460 font-weight: bold;
461 }
462 input[name="_sf_search[]"] {
463 background-color: #f0f0f0;
464 }
465 label{
466 margin-left: 50px;
467 width: 95%;
468 }
469 }
470 .sf-input-select {
471 // background-color: #fff;
472 }
473 .sf-field-reset,
474 .sf-field-submit {
475 display: inline-block;
476 }
477 input[name="_sf_submit"] {
478 background: #ee0000 0% 0% no-repeat padding-box;
479 color: #fff;
480 border-radius: 40px;
481 height: 44px;
482 width: 182px;
483 border: 0 !important;
484 margin-right: 24px;
485 margin-left: 0px;
486 }
487 .search-filter-reset {
488 background: #000000 0% 0% no-repeat padding-box;
489 color: #fff;
490 border-radius: 40px;
491 height: 44px;
492 width: 182px;
493 border: 0 !important;
494 }
495 .sf-datepicker {
496 width: 200px;
497 height: 36px;
498 }
499 .sf_date_field {
500 max-width: 750px;
501 .sf-date-prefix {
502 width: 50px !important;
503 }
504 }
505 }
667 } 506 }
668 } 507 }
669 }
670 508
...\ No newline at end of file ...\ No newline at end of file
671 }
......