Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
05bdb5e2 by Jeff Balicki
Options

search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 8bdb6906
Inline Side-by-side
Showing 12 changed files with 3711 additions and 2 deletions
...@@ -15137,6 +15137,1670 @@ body { ...@@ -15137,6 +15137,1670 @@ body {
15137 margin-bottom: 10px; 15137 margin-bottom: 10px;
15138 } 15138 }
15139 15139
15140 #search-wrapper {
15141 margin-top: 1rem;
15142 padding-top: 3rem;
15143 }
15144
15145 .search-results .search-field {
15146 border: 0;
15147 border-bottom: 1px solid #707070;
15148 border-radius: 0;
15149 }
15150 .search-results #content {
15151 padding: 2.5rem 0;
15152 padding-top: 1rem;
15153 }
15154
15155 .pagination {
15156 justify-content: center;
15157 margin-top: 1rem;
15158 }
15159 .pagination .page-item {
15160 border: 0;
15161 display: flex;
15162 align-items: center;
15163 }
15164 .pagination .page-item .page-link {
15165 color: #000000;
15166 margin-left: 0;
15167 border: 0;
15168 font-family: "PT Sans", sans-serif;
15169 }
15170 .pagination .page-item .page-link:hover {
15171 text-decoration: underline;
15172 background: none;
15173 }
15174 .pagination .page-item .page-link.next, .pagination .page-item .page-link.prev {
15175 color: transparent;
15176 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");
15177 height: 0.938rem;
15178 background-size: contain;
15179 background-repeat: no-repeat;
15180 background-position: center;
15181 }
15182 .pagination .page-item .page-link.next:hover, .pagination .page-item .page-link.prev:hover {
15183 background: none;
15184 text-decoration: none;
15185 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)' fill='%23699'/%3E%3C/svg%3E");
15186 background-size: contain;
15187 background-repeat: no-repeat;
15188 background-position: center;
15189 }
15190 .pagination .page-item .page-link.prev {
15191 transform: rotate(180deg);
15192 }
15193 .pagination .page-item.active .page-link {
15194 font-family: "PT Sans", sans-serif;
15195 font-weight: bold;
15196 }
15197 .pagination .page-item.active .page-link:hover {
15198 text-decoration: none;
15199 }
15200
15201 .sh1 {
15202 font-weight: 700;
15203 line-height: 24px !important;
15204 font-size: 30px !important;
15205 text-transform: uppercase;
15206 }
15207 @media screen and (max-width: 768px) {
15208 .sh1 {
15209 font-size: 2.188rem !important;
15210 line-height: 40px !important;
15211 padding-bottom: 32px !important;
15212 }
15213 }
15214
15215 #search-wrapper #main > article {
15216 padding: 2rem 0;
15217 border-top: 1px solid #BEBEBE;
15218 display: flex;
15219 }
15220 #search-wrapper #main > article .photo {
15221 min-width: 18.375rem;
15222 min-height: 12.375rem;
15223 max-width: 18.375rem;
15224 max-height: 12.375rem;
15225 }
15226 #search-wrapper #main > article .photo img {
15227 -o-object-fit: cover;
15228 object-fit: cover;
15229 -o-object-position: center;
15230 object-position: center;
15231 height: 100%;
15232 width: 100%;
15233 }
15234 #search-wrapper #main > article a {
15235 gap: 1.5rem;
15236 display: flex;
15237 color: #000000;
15238 text-decoration: none;
15239 flex-direction: row;
15240 }
15241 #search-wrapper #main > article a:hover h2.entry-title, #search-wrapper #main > article a:hover .entry-title.h2 {
15242 text-decoration: underline;
15243 }
15244 #search-wrapper #main > article .entry-header {
15245 height: auto !important;
15246 }
15247 #search-wrapper #main > article h2.entry-title, #search-wrapper #main > article .entry-title.h2 {
15248 margin-top: 0 !important;
15249 font-size: 1.25rem !important;
15250 font-family: "PT Sans", sans-serif;
15251 font-weight: bold;
15252 }
15253 @media screen and (max-width: 768px) {
15254 #search-wrapper #main > article h2.entry-title, #search-wrapper #main > article .entry-title.h2 {
15255 font-size: 1rem !important;
15256 line-height: 1.25rem !important;
15257 }
15258 }
15259 #search-wrapper #main > article .entry-summary p {
15260 color: #4D4D4D;
15261 font-size: 1rem;
15262 font-family: "PT Sans", sans-serif;
15263 }
15264 #search-wrapper #main .understrap-read-more-link {
15265 display: none;
15266 }
15267 #search-wrapper .search-field {
15268 border: 0;
15269 border-bottom: 1px solid #707070;
15270 border-radius: 0;
15271 }
15272
15273 #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 {
15274 position: relative;
15275 visibility: visible;
15276 display: block;
15277 margin-top: 50px;
15278 padding-left: 36px;
15279 -webkit-appearance: none;
15280 -moz-appearance: none;
15281 appearance: none;
15282 background-color: transparent;
15283 border: 1px solid #BEBEBE !important;
15284 background-color: #F0F0F0;
15285 border-radius: 0;
15286 color: #000;
15287 text-decoration: none;
15288 font-weight: 700;
15289 }
15290 #search-wrapper .btn.filter:after, #search-wrapper .wpcf7 input.filter[type=submit]:after, .wpcf7 #search-wrapper input.filter[type=submit]:after, #search-wrapper .woocommerce-notices-wrapper .woocommerce-message a.filter.button:after, .woocommerce-notices-wrapper .woocommerce-message #search-wrapper a.filter.button:after, #search-wrapper .woocommerce-info a.filter.button:after, .woocommerce-info #search-wrapper a.filter.button:after {
15291 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>');
15292 background-size: contain;
15293 background-repeat: no-repeat;
15294 width: 16px;
15295 height: 16px;
15296 position: absolute;
15297 left: 10px;
15298 top: 10px;
15299 content: "";
15300 display: block;
15301 }
15302 #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 {
15303 color: #fff;
15304 background-color: red;
15305 padding: 12px 45px 11px 45px;
15306 margin: auto;
15307 margin-top: 28px;
15308 }
15309 #search-wrapper .btn.filter.apply-filters:after, #search-wrapper .wpcf7 input.filter.apply-filters[type=submit]:after, .wpcf7 #search-wrapper input.filter.apply-filters[type=submit]:after, #search-wrapper .woocommerce-notices-wrapper .woocommerce-message a.filter.apply-filters.button:after, .woocommerce-notices-wrapper .woocommerce-message #search-wrapper a.filter.apply-filters.button:after, #search-wrapper .woocommerce-info a.filter.apply-filters.button:after, .woocommerce-info #search-wrapper a.filter.apply-filters.button:after {
15310 display: none;
15311 }
15312 #search-wrapper .btn.filter.apply-filters:hover, #search-wrapper .wpcf7 input.filter.apply-filters[type=submit]:hover, .wpcf7 #search-wrapper input.filter.apply-filters[type=submit]:hover, #search-wrapper .woocommerce-notices-wrapper .woocommerce-message a.filter.apply-filters.button:hover, .woocommerce-notices-wrapper .woocommerce-message #search-wrapper a.filter.apply-filters.button:hover, #search-wrapper .woocommerce-info a.filter.apply-filters.button:hover, .woocommerce-info #search-wrapper a.filter.apply-filters.button:hover {
15313 background-color: #669999;
15314 color: #fff;
15315 }
15316 @media screen and (min-width: 768px) {
15317 #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 {
15318 visibility: hidden;
15319 display: none;
15320 }
15321 }
15322 #search-wrapper .search-form {
15323 margin-left: 50px;
15324 }
15325
15326 .search-result {
15327 padding-left: 0px;
15328 }
15329 @media screen and (min-width: 768px) {
15330 .search-result {
15331 padding-left: 45px;
15332 }
15333 }
15334
15335 #search-wrapper {
15336 display: flex;
15337 }
15338 #search-wrapper #search-sidebar {
15339 flex-direction: column;
15340 }
15341 #search-wrapper #search-sidebar .sf-field-search {
15342 display: none !important;
15343 }
15344 @media screen and (min-width: 768px) {
15345 #search-wrapper .collapse:not(.show) {
15346 display: block;
15347 height: auto !important;
15348 visibility: visible;
15349 }
15350 #search-wrapper .collapsing {
15351 position: relative;
15352 height: unset !important;
15353 overflow: hidden;
15354 }
15355 }
15356 #search-wrapper #main {
15357 display: flex;
15358 flex-direction: column;
15359 }
15360 #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 {
15361 visibility: hidden;
15362 display: none;
15363 }
15364 #search-wrapper .searchandfilter {
15365 /* Hide the browser's default checkbox */
15366 /* Create a custom checkbox */
15367 /* When the checkbox is checked, add a blue background */
15368 /* Create the checkmark/indicator (hidden when not checked) */
15369 /* Show the checkmark when checked */
15370 /* Style the checkmark/indicator */
15371 }
15372 #search-wrapper .searchandfilter ul {
15373 padding-left: 0px;
15374 }
15375 #search-wrapper .searchandfilter select {
15376 border: 0px solid #707070 !important;
15377 min-width: unset !important;
15378 }
15379 #search-wrapper .searchandfilter [data-sf-field-input-type=select] label {
15380 display: grid;
15381 grid-template-areas: "select";
15382 align-items: center;
15383 position: relative;
15384 min-width: 15ch;
15385 max-width: 30ch;
15386 padding: 0.506rem;
15387 font-size: 1rem;
15388 cursor: pointer;
15389 line-height: 1.1;
15390 background-color: #fff;
15391 border: 1px solid #bebebe;
15392 }
15393 #search-wrapper .searchandfilter [data-sf-field-input-type=select] label:after {
15394 content: "";
15395 display: block;
15396 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");
15397 background-size: contain;
15398 background-repeat: no-repeat;
15399 width: 1rem;
15400 height: 0.5rem;
15401 position: absolute;
15402 right: 0;
15403 }
15404 #search-wrapper .searchandfilter [data-sf-field-input-type=select] label:hover:after {
15405 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");
15406 background-size: contain;
15407 background-repeat: no-repeat;
15408 }
15409 #search-wrapper .searchandfilter .checkbox-wrap {
15410 display: block;
15411 position: relative;
15412 padding-left: 1.875rem;
15413 margin-bottom: 0.75rem;
15414 cursor: pointer;
15415 margin-bottom: 0;
15416 font-size: 1.375rem;
15417 -webkit-user-select: none;
15418 -moz-user-select: none;
15419 user-select: none;
15420 }
15421 #search-wrapper .searchandfilter .app-step-check-btn input, #search-wrapper .searchandfilter .checkbox-wrap input {
15422 position: absolute;
15423 opacity: 0;
15424 cursor: pointer;
15425 height: 0;
15426 width: 0;
15427 }
15428 #search-wrapper .searchandfilter .checkmark {
15429 position: absolute;
15430 top: 0;
15431 left: 0;
15432 height: 1.375rem;
15433 width: 1.375rem;
15434 background-color: #FFFFFF;
15435 display: flex;
15436 align-items: center;
15437 justify-content: center;
15438 margin-top: 0;
15439 }
15440 #search-wrapper .searchandfilter input:checked ~ .checkmark, #search-wrapper .searchandfilter .checkbox-wrap input:checked ~ .checkmark {
15441 background-color: #ccc;
15442 }
15443 #search-wrapper .searchandfilter .checkmark:after {
15444 display: none;
15445 }
15446 #search-wrapper .searchandfilter input:checked ~ .checkmark:after, #search-wrapper .searchandfilter .checkbox-wrap input:checked ~ .checkmark:after {
15447 display: block;
15448 }
15449 #search-wrapper .searchandfilter .checkmark:after, #search-wrapper .searchandfilter .checkbox-wrap .checkmark:after {
15450 content: "";
15451 width: 100%;
15452 height: 100%;
15453 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");
15454 background-position: center;
15455 background-size: 75%;
15456 background-repeat: no-repeat;
15457 }
15458 #search-wrapper input[type=checkbox] {
15459 -webkit-appearance: none;
15460 -moz-appearance: none;
15461 appearance: none;
15462 margin: 0;
15463 height: 1.375rem;
15464 width: 1.375rem;
15465 border: 0.15em solid currentColor;
15466 border-radius: 0.15em;
15467 transform: translateY(-0.075em);
15468 background-color: #fff;
15469 display: inline-grid;
15470 place-content: center;
15471 }
15472 #search-wrapper input[type=checkbox]::before {
15473 content: "";
15474 width: 1.4em;
15475 height: 1.4em;
15476 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");
15477 background-position: center;
15478 background-size: 75%;
15479 background-repeat: no-repeat;
15480 transform: scale(0);
15481 transform-origin: bottom left;
15482 }
15483 #search-wrapper input[type=checkbox]:hover::before {
15484 content: "";
15485 width: 1.4em;
15486 height: 1.4em;
15487 transition: 120ms transform ease-in-out;
15488 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");
15489 background-position: center;
15490 background-size: 75%;
15491 background-repeat: no-repeat;
15492 transform: scale(1);
15493 transform-origin: bottom left;
15494 }
15495 #search-wrapper .sf-label-checkbox {
15496 font-size: 16px !important;
15497 color: #4D4D4D !important;
15498 font-weight: 300 !important;
15499 }
15500 #search-wrapper input[type=checkbox]:checked::before {
15501 transform: scale(1);
15502 }
15503 #search-wrapper input[type=checkbox]:focus {
15504 outline: max(2px, 0.15em) solid currentColor;
15505 outline-offset: max(2px, 0.15em);
15506 }
15507 #search-wrapper [data-sf-field-input-type=checkbox] label {
15508 vertical-align: super;
15509 }
15510 #search-wrapper .searchandfilter .sf-date-prefix {
15511 width: 50px;
15512 }
15513 #search-wrapper .search-filter-reset {
15514 -webkit-appearance: none;
15515 -moz-appearance: none;
15516 appearance: none;
15517 background-color: transparent;
15518 border: 1px solid #BEBEBE !important;
15519 width: 110px;
15520 height: 30px;
15521 display: inline-block;
15522 font-size: 12px;
15523 float: right;
15524 color: #000;
15525 padding: 5px 14px;
15526 text-decoration: none;
15527 }
15528 #search-wrapper .search-filter-reset:hover {
15529 background-color: #669999;
15530 color: #fff;
15531 }
15532 #search-wrapper .search-wrapper form.searchandfilter {
15533 display: block;
15534 }
15535 #search-wrapper .searchandfilter h4, #search-wrapper .searchandfilter .h4 {
15536 font-size: 16px !important;
15537 color: #4D4D4D !important;
15538 font-weight: 700 !important;
15539 }
15540 #search-wrapper .sf-field-sort_order label {
15541 display: inline-grid !important;
15542 width: 60%;
15543 float: right;
15544 }
15545 @media screen and (max-width: 768px) {
15546 #search-wrapper .sf-field-sort_order label {
15547 width: 60%;
15548 }
15549 }
15550 #search-wrapper .sf-field-sort_order h4, #search-wrapper .sf-field-sort_order .h4,
15551 #search-wrapper .sf-field-reset h4,
15552 #search-wrapper .sf-field-reset .h4 {
15553 width: 110px;
15554 font-size: 24px !important;
15555 display: inline-block;
15556 color: #000 !important;
15557 font-weight: 700 !important;
15558 }
15559
15560 .sf-date-prefix {
15561 width: unset !important;
15562 }
15563
15564 .sf-datepicker {
15565 width: 110px;
15566 border: 1px solid #ccc;
15567 }
15568
15569 ul.sf_date_field {
15570 display: flex;
15571 flex-wrap: wrap;
15572 justify-content: space-between;
15573 align-items: center;
15574 width: 100%;
15575 margin: 0;
15576 padding: 0;
15577 list-style: none;
15578 }
15579 ul.sf_date_field li {
15580 display: inline-block;
15581 }
15582
15583 .ui-datepicker {
15584 padding: 0;
15585 border: 1px solid #ddd;
15586 border-radius: 0;
15587 }
15588
15589 .ui-datepicker * {
15590 padding: 0;
15591 font-family: "Open Sans", sans-serif;
15592 border-radius: 0;
15593 }
15594
15595 .ui-datepicker table {
15596 font-size: 13px;
15597 margin: 0;
15598 }
15599
15600 .ui-datepicker .ui-datepicker-header {
15601 border: none;
15602 background: #222;
15603 color: #fff !important;
15604 font-weight: normal;
15605 }
15606
15607 .ui-datepicker .ui-datepicker-header .ui-state-hover {
15608 background: #222;
15609 border-color: transparent;
15610 cursor: pointer;
15611 border-radius: 0;
15612 }
15613
15614 .ui-datepicker thead {
15615 background: #222;
15616 color: #fff !important;
15617 }
15618
15619 .ui-datepicker .ui-datepicker-title {
15620 margin-top: 0.4em;
15621 margin-bottom: 0.3em;
15622 color: #fff !important;
15623 font-size: 14px;
15624 }
15625
15626 .ui-datepicker .ui-datepicker-title span {
15627 color: #fff !important;
15628 }
15629
15630 .ui-datepicker span {
15631 color: #fff !important;
15632 }
15633
15634 .ui-datepicker .ui-datepicker-prev-hover,
15635 .ui-datepicker .ui-datepicker-next-hover,
15636 .ui-datepicker .ui-datepicker-next,
15637 .ui-datepicker .ui-datepicker-prev {
15638 height: 1em;
15639 top: 0.9em;
15640 border: none;
15641 }
15642
15643 .ui-datepicker .ui-datepicker-prev-hover {
15644 left: 2px;
15645 }
15646
15647 .ui-datepicker .ui-datepicker-next-hover {
15648 right: 2px;
15649 }
15650
15651 .ui-datepicker .ui-datepicker-next span,
15652 .ui-datepicker .ui-datepicker-prev span {
15653 background-image: url("data:image/png;base64,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");
15654 background-position: -32px 0;
15655 margin-top: 0;
15656 top: 0;
15657 font-weight: normal;
15658 }
15659
15660 .ui-datepicker .ui-datepicker-prev span {
15661 background-position: -96px 0;
15662 }
15663
15664 .ui-datepicker th {
15665 padding: 0.75em 0;
15666 color: #fff !important;
15667 font-weight: normal;
15668 border: none;
15669 border-top: 1px solid #333;
15670 }
15671
15672 .ui-datepicker td {
15673 background: #f1f1f1;
15674 border: none;
15675 padding: 0;
15676 }
15677
15678 .ui-datepicker td .ui-state-default {
15679 background: transparent;
15680 border: none;
15681 text-align: center;
15682 padding: 0.5em;
15683 margin: 0;
15684 font-weight: normal;
15685 color: #333;
15686 }
15687
15688 .ui-datepicker td .ui-state-active,
15689 .ui-datepicker td .ui-state-hover {
15690 background: #0074a2;
15691 color: #fff !important;
15692 }
15693
15694 .ui-datepicker td.ui-state-disabled,
15695 .ui-datepicker td.ui-state-disabled .ui-state-default {
15696 opacity: 1;
15697 color: #999 !important;
15698 }
15699
15700 .ll-skin-melon .ui-datepicker .ui-datepicker-header,
15701 .ll-skin-melon .ui-datepicker .ui-datepicker-header .ui-state-hover,
15702 .ll-skin-melon .ui-datepicker thead {
15703 background: #26292c !important;
15704 }
15705
15706 .ll-skin-melon .ui-datepicker th {
15707 border-color: #363b3f !important;
15708 }
15709
15710 .ll-skin-melon .ui-datepicker td .ui-state-active,
15711 .ll-skin-melon .ui-datepicker td .ui-state-hover {
15712 background: red !important;
15713 }
15714
15715 #search-wrapper .sf-field-search h4, #search-wrapper .sf-field-search .h4 {
15716 display: none;
15717 }
15718 #search-wrapper .sf-field-search {
15719 width: 90%;
15720 margin: 0 auto;
15721 margin-bottom: 60px;
15722 position: relative;
15723 flex-wrap: nowrap;
15724 display: inline-block !important;
15725 margin-left: 50px;
15726 }
15727 @media screen and (max-width: 768px) {
15728 #search-wrapper .sf-field-search {
15729 width: 80%;
15730 }
15731 }
15732 #search-wrapper .sf-field-search:after {
15733 content: "";
15734 position: absolute;
15735 left: -3rem;
15736 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
15737 background-size: contain;
15738 width: 2.063rem;
15739 height: 2.063rem;
15740 top: 1.5rem;
15741 }
15742 #search-wrapper .sf-field-search label {
15743 width: 100%;
15744 }
15745 #search-wrapper .sf-field-search input[name="_sf_search[]"] {
15746 width: 100%;
15747 border: 0;
15748 border-bottom: 1px solid #707070;
15749 border-radius: 0;
15750 font-size: 1.75rem;
15751 font-weight: 400;
15752 line-height: 1.5;
15753 color: #212529;
15754 padding: 0.375rem 0.75rem;
15755 }
15756 #search-wrapper .sf-field-submit {
15757 display: inline-block !important;
15758 }
15759 #search-wrapper .sf-field-submit input[name=_sf_submit] {
15760 border-radius: 50% !important;
15761 padding: 0;
15762 height: 3.438rem;
15763 width: 3.438rem;
15764 margin-top: -0.6rem;
15765 margin-left: 1rem;
15766 font-size: 1.125rem;
15767 font-family: "PT Sans", sans-serif;
15768 font-weight: 700;
15769 background: #e00;
15770 color: #fff;
15771 border: 0;
15772 text-transform: uppercase;
15773 transition: none;
15774 display: inline-block !important;
15775 }
15776 #search-wrapper .sf-field-submit input[name=_sf_submit]:hover {
15777 background: #669999;
15778 }
15779
15780 .select:after {
15781 content: "";
15782 display: block;
15783 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");
15784 background-size: contain;
15785 background-repeat: no-repeat;
15786 width: 1rem;
15787 height: 0.5rem;
15788 position: absolute;
15789 right: 0;
15790 }
15791 .select:hover:after {
15792 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");
15793 background-size: contain;
15794 background-repeat: no-repeat;
15795 }
15796
15797 select {
15798 -webkit-appearance: none;
15799 -moz-appearance: none;
15800 appearance: none;
15801 background-color: transparent;
15802 border: none;
15803 margin: 0;
15804 width: 100%;
15805 font-family: inherit;
15806 font-size: inherit;
15807 cursor: inherit;
15808 line-height: inherit;
15809 color: #4D4D4D;
15810 font-family: "PT Sans", sans-serif;
15811 font-size: 1rem;
15812 z-index: 1;
15813 outline: none;
15814 }
15815 select::-ms-expand {
15816 display: none;
15817 }
15818
15819 .select {
15820 display: grid;
15821 grid-template-areas: "select";
15822 align-items: center;
15823 position: relative;
15824 min-width: 15ch;
15825 max-width: 30ch;
15826 padding: 0.506rem;
15827 font-size: 1rem;
15828 cursor: pointer;
15829 line-height: 1.1;
15830 background-color: #fff;
15831 border: 1px solid #BEBEBE;
15832 }
15833 .select select, .select::after {
15834 grid-area: select;
15835 }
15836 .select select {
15837 border: 0 !important;
15838 }
15839
15840 select:focus + .focus {
15841 position: absolute;
15842 top: -1px;
15843 left: -1px;
15844 right: -1px;
15845 bottom: -1px;
15846 border: 2px solid var(--select-focus);
15847 border-radius: inherit;
15848 }
15849
15850 select[multiple] {
15851 padding-right: 0;
15852 }
15853
15854 input:not(.search-field):not(.sf-input-text), optgroup, select, textarea {
15855 border: 1px solid #707070 !important;
15856 }
15857
15858 .html-form table {
15859 width: 100% !important;
15860 background-color: #F0F0F0 !important;
15861 }
15862 .html-form tbody {
15863 display: flex;
15864 flex-wrap: wrap;
15865 }
15866 .html-form tr {
15867 background-color: transparent !important;
15868 height: auto !important;
15869 display: inline-flex;
15870 flex-basis: 50% !important;
15871 }
15872 .html-form tr td {
15873 font-family: "PT Sans", sans-serif !important;
15874 -webkit-font-smoothing: antialiased !important;
15875 font-size: 1rem !important;
15876 }
15877 .html-form tr td:first-child {
15878 width: 9rem !important;
15879 }
15880 .html-form tr.enter-the-captcha + tr td {
15881 display: flex;
15882 }
15883 .html-form tr.enter-the-captcha + tr td:first-child {
15884 display: none;
15885 }
15886 .html-form tr td:last-child {
15887 width: 100% !important;
15888 }
15889 .html-form tr td:last-child input, .html-form tr td:last-child select {
15890 width: 100% !important;
15891 }
15892 .html-form tr:last-of-type {
15893 flex-basis: 100% !important;
15894 }
15895 .html-form tr:last-of-type > td {
15896 display: flex;
15897 gap: 1rem;
15898 }
15899 .html-form tr:last-of-type > td input {
15900 border-radius: 0;
15901 color: #fff !important;
15902 padding: 1.25rem 2.125rem !important;
15903 font-size: 1rem !important;
15904 font-family: "PT Sans", sans-serif;
15905 font-weight: 700;
15906 background: #ee0000;
15907 border: none;
15908 width: auto !important;
15909 height: auto !important;
15910 }
15911 .html-form tr:last-of-type > td input:hover {
15912 background: #699;
15913 }
15914 .html-form input, .html-form select {
15915 border: 0;
15916 height: 2.188rem;
15917 padding: 0 12px;
15918 background: white;
15919 }
15920 .html-form input[multiple=multiple], .html-form select[multiple=multiple] {
15921 height: 5.5rem;
15922 }
15923 .html-form select:after {
15924 content: "";
15925 width: 1.15rem;
15926 height: 1rem;
15927 display: block;
15928 background-repeat: no-repeat;
15929 background-position: center;
15930 background-size: 10px 16px;
15931 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") !important;
15932 pointer-events: none;
15933 }
15934 .html-form select[multiple=multiple]:after {
15935 display: none;
15936 }
15937
15938 .nf-form-cont {
15939 background: #F0F0F0 !important;
15940 padding: 30px;
15941 }
15942 .nf-form-cont h3, .nf-form-cont .h3 {
15943 margin-top: 0px !important;
15944 }
15945
15946 .nf-row.required:before {
15947 content: "* Required field";
15948 display: block;
15949 width: 100%;
15950 text-align: right;
15951 font-size: 1rem;
15952 font-family: "PT Sans", sans-serif;
15953 }
15954
15955 .number-format {
15956 position: relative;
15957 }
15958 .number-format input {
15959 padding-left: 1.525rem !important;
15960 }
15961 .number-format .nf-field-element input {
15962 padding-left: 1.525rem !important;
15963 }
15964 .number-format .nf-field-element:before {
15965 content: "$";
15966 position: absolute;
15967 bottom: 0;
15968 left: 0.5rem;
15969 z-index: 9;
15970 font-size: 1.563rem;
15971 font-weight: 700;
15972 }
15973
15974 .number-format:not(.nf-field-container):before {
15975 content: "$";
15976 position: absolute;
15977 bottom: 0;
15978 left: 0.5rem;
15979 color: black;
15980 }
15981
15982 html:lang(fr-FR) .number-format {
15983 position: relative;
15984 }
15985 html:lang(fr-FR) .number-format input {
15986 padding-left: 0.5rem !important;
15987 }
15988 html:lang(fr-FR) .number-format:not(.nf-field-container):before {
15989 display: none;
15990 }
15991 html:lang(fr-FR) .number-format:not(.nf-field-container):after {
15992 content: "$";
15993 position: absolute;
15994 bottom: 0.25rem;
15995 right: 0.5rem;
15996 color: black;
15997 z-index: 99;
15998 font-size: 1.563rem;
15999 font-weight: 700;
16000 }
16001 html:lang(fr-FR) .number-format {
16002 position: relative;
16003 }
16004 html:lang(fr-FR) .number-format .nf-field-element:before {
16005 display: none;
16006 }
16007 html:lang(fr-FR) .number-format .nf-field-element:after {
16008 content: "$";
16009 position: absolute;
16010 bottom: 0;
16011 right: 0.5rem;
16012 z-index: 9;
16013 font-size: 1.563rem;
16014 font-weight: 700;
16015 }
16016
16017 #dd-container .lets-check, #dd-container .lets-check.disabled, #dd-container .lets-check[disabled], #dd-container .lets-check.disabled:hover, #dd-container .lets-check[disabled]:hover, #dd-container .lets-check.disabled:focus, #dd-container .lets-check[disabled]:focus, .dtd-plugin .lets-check, .dtd-plugin .lets-check.disabled, .dtd-plugin .lets-check[disabled], .dtd-plugin .lets-check.disabled:hover, .dtd-plugin .lets-check[disabled]:hover, .dtd-plugin .lets-check.disabled:focus, .dtd-plugin .lets-check[disabled]:focus {
16018 background-color: #e00 !important;
16019 font-weight: bold;
16020 }
16021
16022 #content {
16023 /*
16024 These two are for the required fields floating text..
16025 */
16026 }
16027 #content .nf-form-cont p {
16028 color: black;
16029 }
16030 #content #content .list-checkbox-wrap .nf-field-element li label, #content #content .list-image-wrap .nf-field-element li label, #content #content .list-radio-wrap .nf-field-element li label {
16031 margin-top: 0 !important;
16032 }
16033 #content .nf-form-content .listcheckbox-wrap li, #content .nf-form-content .listradio-wrap li {
16034 margin-bottom: 0 !important;
16035 }
16036 #content .nf-row {
16037 position: relative;
16038 }
16039 #content .nf-field-container {
16040 position: static;
16041 }
16042 #content .nf-error {
16043 position: static;
16044 }
16045 #content .checkmark {
16046 border: 1px solid #707070;
16047 }
16048 #content .nf-before-form-content {
16049 display: none;
16050 }
16051 #content .nf-form-title > h3, #content .nf-form-title > .h3 {
16052 font-size: 2.188rem !important;
16053 font-family: "PT Sans", sans-serif;
16054 font-weight: bold;
16055 }
16056 #content .checkbox-wrap .nf-field-element label:before, #content .checkbox-wrap .nf-field-label label:before,
16057 #content .listcheckbox-wrap .nf-field-element label:before, #content .listcheckbox-wrap .nf-field-label label:before {
16058 font-size: 1rem;
16059 height: 1.563rem;
16060 width: 1.563rem;
16061 display: flex;
16062 justify-content: center;
16063 align-items: center;
16064 }
16065 #content .checkbox-container.label-right label:before {
16066 left: -1.8rem;
16067 }
16068 #content .nf-field-element {
16069 font-size: 1rem;
16070 }
16071 #content .nf-row:last-of-type .field-wrap.html-wrap p {
16072 font-size: 0.875rem;
16073 line-height: 1.2;
16074 }
16075 #content .nf-before-form-content {
16076 font-family: "PT Sans", sans-serif;
16077 }
16078 #content .field-wrap.checkbox-wrap {
16079 margin: 0.5rem 0;
16080 }
16081 #content .nf-form-content button, #content .nf-form-content input[type=button], #content .nf-form-content input[type=submit] {
16082 transition: none;
16083 font-family: "PT Sans", sans-serif !important;
16084 font-weight: bold;
16085 border-radius: 0 !important;
16086 }
16087 #content .nf-error.field-wrap .nf-field-element:after {
16088 height: 100%;
16089 top: 0;
16090 right: 0;
16091 bottom: auto;
16092 font-size: 1rem;
16093 line-height: 2.2rem;
16094 }
16095 #content .nf-error-msg.nf-error-required-error {
16096 display: none;
16097 }
16098 #content .nf-field-container.submit-container {
16099 margin: 1rem 0;
16100 }
16101 #content .listradio-wrap .nf-field-element label:after {
16102 top: 0;
16103 }
16104 #content .field-wrap.html-wrap p {
16105 margin-bottom: 0;
16106 }
16107 #content .field-wrap.html-wrap p b {
16108 font-size: 1.25rem;
16109 }
16110 #content .label-left .nf-field-label {
16111 text-align: left;
16112 flex: none;
16113 }
16114 #content .list-checkbox-wrap .nf-field-element li label, #content .list-image-wrap .nf-field-element li label, #content .list-radio-wrap .nf-field-element li label {
16115 height: 1.563rem;
16116 align-items: center;
16117 display: flex;
16118 }
16119 #content .label-left .nf-field-label {
16120 padding-right: 0;
16121 width: 9rem;
16122 box-sizing: content-box;
16123 }
16124 #content .label-left .field-wrap.textbox-wrap .nf-field-label {
16125 padding-right: 0;
16126 }
16127 #content .field-wrap.textarea-wrap {
16128 align-items: center;
16129 }
16130 #content .field-wrap.textarea-wrap .nf-field-label {
16131 max-width: 100%;
16132 white-space: nowrap;
16133 margin-bottom: 5px;
16134 }
16135 #content .field-wrap.listradio-wrap {
16136 align-items: center;
16137 }
16138 #content .field-wrap.listradio-wrap .nf-field-label {
16139 max-width: 100%;
16140 white-space: nowrap;
16141 }
16142 #content .field-wrap.listradio-wrap .nf-field-element ul {
16143 gap: 2.5rem;
16144 }
16145 #content .field-wrap.listradio-wrap .nf-field-element ul li {
16146 margin-bottom: 0 !important;
16147 }
16148 #content .nf-field-container {
16149 margin-bottom: 0.25rem;
16150 }
16151 #content .nf-before-form-content {
16152 text-align: right;
16153 }
16154
16155 #div_MainContent a.pdf:before {
16156 position: static;
16157 }
16158
16159 nf-cells {
16160 display: flex;
16161 gap: 1rem;
16162 }
16163
16164 .nf-cell + .nf-cell .nf-field-label {
16165 text-align: left !important;
16166 }
16167
16168 .nf-multi-cell .nf-cell {
16169 padding: 0 !important;
16170 }
16171
16172 .nf-form-content textarea.ninja-forms-field {
16173 height: 4.688rem !important;
16174 }
16175
16176 .label-left .field-wrap {
16177 flex-wrap: nowrap !important;
16178 }
16179
16180 .field-wrap.listradio-wrap .nf-field-label {
16181 width: 30rem !important;
16182 }
16183
16184 .label-left .nf-field-label {
16185 width: 11rem !important;
16186 }
16187
16188 .label-left .nf-field-label label {
16189 width: auto !important;
16190 }
16191
16192 .checkbox-container.label-right label {
16193 font-family: "PT Sans", sans-serif;
16194 }
16195
16196 .nf-field-element > ul {
16197 display: flex;
16198 }
16199
16200 .nf-form-content {
16201 padding: 0 !important;
16202 max-width: none !important;
16203 margin: 0 !important;
16204 }
16205
16206 .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
16207 height: auto !important;
16208 }
16209
16210 .ninja-forms-field impact-select nf-element {
16211 height: 100% !important;
16212 }
16213
16214 .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
16215 padding: 0.35rem 0.625rem !important;
16216 color: #000000 !important;
16217 font-family: "PT Sans", sans-serif !important;
16218 }
16219
16220 .nf-form-content .list-select-wrap > .nf-field-element {
16221 position: relative;
16222 background: white;
16223 }
16224
16225 .nf-error-msg, .ninja-forms-req-symbol {
16226 color: #4D4D4D !important;
16227 }
16228
16229 .ninja-forms-req-symbol.req-symbol:before {
16230 position: absolute;
16231 top: 0;
16232 right: 0;
16233 content: "* Required fields";
16234 display: block;
16235 width: 100%;
16236 text-align: right;
16237 font-size: 1rem;
16238 font-family: "PT Sans", sans-serif;
16239 color: black;
16240 }
16241
16242 .nf-form-content .list-select-wrap > .nf-field-element > div {
16243 display: none;
16244 }
16245
16246 .nf-form-content .list-select-wrap > .nf-field-element:after {
16247 content: "" !important;
16248 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") !important;
16249 display: block;
16250 width: 1rem;
16251 height: 0.825rem !important;
16252 background-repeat: no-repeat;
16253 position: absolute;
16254 z-index: 9;
16255 right: 1rem;
16256 top: 1rem;
16257 }
16258
16259 .nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {
16260 margin-bottom: 5px !important;
16261 }
16262
16263 .nf-form-content label {
16264 font-size: 1rem !important;
16265 line-height: 1.2 !important;
16266 font-weight: 300 !important;
16267 color: #000000 !important;
16268 font-family: "PT Sans", sans-serif;
16269 }
16270
16271 .list-select-wrap div:after {
16272 color: #000 !important;
16273 }
16274
16275 .listradio-wrap .nf-element {
16276 -webkit-appearance: none;
16277 -moz-appearance: none;
16278 appearance: none;
16279 opacity: 0;
16280 }
16281
16282 .submit-wrap .nf-field-label {
16283 display: none !important;
16284 }
16285
16286 .label-left .nf-field-element {
16287 width: 100% !important;
16288 }
16289
16290 .textarea-container .nf-field .field-wrap {
16291 flex-wrap: wrap !important;
16292 }
16293 .textarea-container .nf-field .field-wrap .nf-field-label {
16294 width: 100% !important;
16295 }
16296 .textarea-container .nf-field .field-wrap .nf-field-element {
16297 width: 100% !important;
16298 }
16299
16300 .nf-pass.field-wrap .nf-field-element:after {
16301 line-height: 1.2 !important;
16302 }
16303
16304 .nf-response-msg {
16305 position: fixed;
16306 width: 100%;
16307 height: 100%;
16308 top: 0;
16309 left: 0;
16310 display: flex;
16311 justify-content: center;
16312 align-items: center;
16313 background: rgba(0, 0, 0, 0.75);
16314 z-index: 9999;
16315 }
16316 .nf-response-msg > div {
16317 background: white;
16318 width: 440px;
16319 position: relative;
16320 padding: 2.188rem;
16321 font-size: 1rem;
16322 font-family: "PT Sans", sans-serif;
16323 }
16324 .nf-response-msg > div h1, .nf-response-msg > div .h1, .nf-response-msg > div h2, .nf-response-msg > div .h2, .nf-response-msg > div h3, .nf-response-msg > div .h3, .nf-response-msg > div h4, .nf-response-msg > div .h4, .nf-response-msg > div h5, .nf-response-msg > div .h5 {
16325 font-family: "PT Sans", sans-serif;
16326 font-weight: bold;
16327 font-size: 2.188rem;
16328 }
16329 .nf-response-msg .close-response-modal {
16330 position: absolute;
16331 top: 0;
16332 right: 0;
16333 color: transparent;
16334 background-image: url("data:image/svg+xml,%3Csvg id='Component_138_2' data-name='Component 138 %E2%80%93 2' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_204' data-name='Rectangle 204' width='35' height='35' fill='%23e00'/%3E%3Cg id='Group_1279' data-name='Group 1279' transform='translate(-924.013 -952.05) rotate(45)'%3E%3Cline id='Line_34' data-name='Line 34' y2='19.943' transform='translate(1350.972 9.5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Line_35' data-name='Line 35' y2='19.943' transform='translate(1360.943 19.472) rotate(90)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
16335 background-repeat: no-repeat;
16336 height: 2.188rem;
16337 width: 2.188rem;
16338 }
16339 .nf-response-msg .close-response-modal:hover {
16340 background-image: url("data:image/svg+xml,%3Csvg id='Component_138_2' data-name='Component 138 %E2%80%93 2' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_204' data-name='Rectangle 204' width='35' height='35' fill='%23699'/%3E%3Cg id='Group_1279' data-name='Group 1279' transform='translate(-924.013 -952.05) rotate(45)'%3E%3Cline id='Line_34' data-name='Line 34' y2='19.943' transform='translate(1350.972 9.5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Line_35' data-name='Line 35' y2='19.943' transform='translate(1360.943 19.472) rotate(90)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
16341 }
16342
16343 .listradio-wrap .nf-field-element label:after {
16344 width: 1.75rem !important;
16345 height: 1.75rem !important;
16346 left: -2.563rem !important;
16347 border: 2px solid #fff !important;
16348 background: #fff !important;
16349 }
16350
16351 .listradio-wrap .nf-field-element label.nf-checked-label:before {
16352 height: 1.25rem !important;
16353 width: 1.25rem !important;
16354 left: -2.313rem !important;
16355 }
16356
16357 .listradio-wrap .nf-field-element label.nf-checked-label:before {
16358 background: #EE0000 !important;
16359 }
16360
16361 .listradio-wrap .nf-field-element label.nf-checked-label:after {
16362 border-color: #fff !important;
16363 }
16364
16365 .nf-form-cont.full-width .nf-field-container.html-container.label-left:first-of-type {
16366 margin-bottom: 2.563rem !important;
16367 }
16368 .nf-form-cont.full-width .label-left .nf-field-label {
16369 width: auto !important;
16370 padding-right: 1.5rem !important;
16371 }
16372 .nf-form-cont.full-width nf-cells {
16373 gap: 3rem !important;
16374 }
16375
16376 .nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
16377 border: 0px solid #c4c4c4 !important;
16378 background: #fff !important;
16379 }
16380
16381 .checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after {
16382 background: #fff !important;
16383 }
16384
16385 .checkbox-wrap .nf-field-element label.nf-checked-label:after, .checkbox-wrap .nf-field-label label.nf-checked-label:after, .listcheckbox-wrap .nf-field-element label.nf-checked-label:after, .listcheckbox-wrap .nf-field-label label.nf-checked-label:after {
16386 border-color: #fff !important;
16387 }
16388
16389 .checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after {
16390 height: 1.375rem !important;
16391 width: 1.375rem !important;
16392 border-color: #fff !important;
16393 }
16394
16395 .checkbox-wrap .nf-field-element label.nf-checked-label:before, .checkbox-wrap .nf-field-label label.nf-checked-label:before, .listcheckbox-wrap .nf-field-element label.nf-checked-label:before, .listcheckbox-wrap .nf-field-label label.nf-checked-label:before {
16396 color: #EE0000 !important;
16397 }
16398
16399 .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
16400 background: #EE0000 !important;
16401 padding: 1.25rem 2.813rem !important;
16402 color: #fff !important;
16403 height: unset !important;
16404 font-size: 16px !important;
16405 line-height: 20px !important;
16406 text-transform: uppercase;
16407 color: #fff !important;
16408 }
16409 .nf-form-content button:disabled, .nf-form-content input[type=button]:disabled, .nf-form-content input[type=submit]:disabled {
16410 background: #BEBEBE !important;
16411 }
16412
16413 .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
16414 background-color: #669999 !important;
16415 color: #fff !important;
16416 }
16417 .nf-form-content button:hover:disabled, .nf-form-content input[type=button]:hover:disabled, .nf-form-content input[type=submit]:hover:disabled {
16418 background: #BEBEBE !important;
16419 }
16420
16421 .nf-error-msg:before {
16422 content: "";
16423 display: inline-block;
16424 background-image: url("data:image/svg+xml,%3Csvg id='Group_1765' data-name='Group 1765' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.396' height='21.911' viewBox='0 0 24.396 21.911'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_301' data-name='Rectangle 301' width='24.396' height='21.911' transform='translate(0 0)' fill='%23e00'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1764' data-name='Group 1764' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1451' data-name='Path 1451' d='M24 17.487 14.752 1.474a2.948 2.948 0 0 0-5.107 0L.4 17.487A2.949 2.949 0 0 0 2.953 21.91H21.443A2.949 2.949 0 0 0 24 17.487m-10.35 1.539h-2.9v-2.9h2.9Zm0-4.169h-2.9V4.967h2.9Z' transform='translate(0 0)' fill='%23e00'/%3E%3C/g%3E%3C/svg%3E");
16425 background-repeat: no-repeat;
16426 background-size: contain;
16427 width: 1.5rem;
16428 height: 1.313rem;
16429 margin-right: 0.5rem;
16430 }
16431
16432 .datepicker {
16433 width: calc(100% - 45px) !important;
16434 float: right !important;
16435 }
16436
16437 .label-left .field-wrap {
16438 align-items: center;
16439 margin-top: 0.25rem;
16440 }
16441
16442 .field-wrap {
16443 margin-top: 0.25rem;
16444 }
16445
16446 .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
16447 margin-top: 0;
16448 }
16449
16450 .checkbox-wrap .nf-field-element label, .checkbox-wrap .nf-field-label label, .listcheckbox-wrap .nf-field-element label, .listcheckbox-wrap .nf-field-label label {
16451 margin-left: 0 !important;
16452 }
16453
16454 .field-wrap.date-wrap .nf-field-element {
16455 display: flex;
16456 }
16457 .field-wrap.date-wrap .nf-field-element .pikaday__container {
16458 flex-basis: 20%;
16459 min-width: 200px;
16460 margin-right: 1rem;
16461 }
16462 .field-wrap.date-wrap .nf-field-element .extra {
16463 text-align: center;
16464 padding-right: 0;
16465 }
16466 .field-wrap.date-wrap .nf-field-element > .pikaday__container + div {
16467 height: 40px;
16468 display: flex;
16469 align-items: center;
16470 background: white;
16471 margin-right: 1rem;
16472 padding: 0 0.5rem;
16473 }
16474 .field-wrap.date-wrap .nf-field-element > .pikaday__container + div:after {
16475 content: "";
16476 width: 1.15rem;
16477 height: 1rem;
16478 display: block;
16479 background-repeat: no-repeat;
16480 background-position: center;
16481 background-size: 10px 16px;
16482 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") !important;
16483 pointer-events: none;
16484 }
16485 .field-wrap.date-wrap .nf-field-element > .pikaday__container + div + div {
16486 height: 40px;
16487 display: flex;
16488 align-items: center;
16489 background: white;
16490 margin-right: 1rem;
16491 padding: 0 0.5rem;
16492 }
16493 .field-wrap.date-wrap .nf-field-element > .pikaday__container + div + div:after {
16494 content: "";
16495 width: 1.15rem;
16496 height: 1rem;
16497 display: block;
16498 background-repeat: no-repeat;
16499 background-position: center;
16500 background-size: 10px 16px;
16501 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") !important;
16502 pointer-events: none;
16503 }
16504 .field-wrap.date-wrap .nf-field-element > .pikaday__container + div + div + div {
16505 height: 40px;
16506 display: flex;
16507 align-items: center;
16508 background: white;
16509 margin-right: 1rem;
16510 padding: 0 0.5rem;
16511 }
16512 .field-wrap.date-wrap .nf-field-element > .pikaday__container + div + div + div:after {
16513 content: "";
16514 width: 1.15rem;
16515 height: 1rem;
16516 display: block;
16517 background-repeat: no-repeat;
16518 background-position: center;
16519 background-size: 10px 16px;
16520 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") !important;
16521 pointer-events: none;
16522 }
16523
16524 .pikaday__container::before {
16525 content: "";
16526 background-image: url("data:image/svg+xml,%3Csvg id='Component_271_1' data-name='Component 271 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_224' data-name='Rectangle 224' width='35' height='35'/%3E%3Cg id='Group_1575' data-name='Group 1575' transform='translate(-83 -842)'%3E%3Cpath id='Path_1397' data-name='Path 1397' d='M73.645 56.3V54.6H71.713v1.7H65.2V54.6H63.268v1.7H58.426V74.353H78.38V56.3Zm2.907 16.224h-16.3v-14.4h16.3Z' transform='translate(32.098 794.427)' fill='%23fff'/%3E%3Crect id='Rectangle_225' data-name='Rectangle 225' width='2.611' height='1.931' transform='translate(95.025 855.357)' fill='%23fff'/%3E%3Crect id='Rectangle_226' data-name='Rectangle 226' width='2.611' height='1.931' transform='translate(99.248 855.357)' fill='%23fff'/%3E%3Crect id='Rectangle_227' data-name='Rectangle 227' width='2.611' height='1.931' transform='translate(103.471 855.357)' fill='%23fff'/%3E%3Crect id='Rectangle_228' data-name='Rectangle 228' width='2.611' height='1.931' transform='translate(95.025 858.663)' fill='%23fff'/%3E%3Crect id='Rectangle_229' data-name='Rectangle 229' width='2.611' height='1.931' transform='translate(99.248 858.663)' fill='%23fff'/%3E%3Crect id='Rectangle_230' data-name='Rectangle 230' width='2.611' height='1.931' transform='translate(103.471 858.663)' fill='%23fff'/%3E%3Crect id='Rectangle_231' data-name='Rectangle 231' width='2.611' height='1.931' transform='translate(95.025 861.969)' fill='%23fff'/%3E%3Crect id='Rectangle_232' data-name='Rectangle 232' width='2.611' height='1.931' transform='translate(99.248 861.969)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
16527 background-repeat: no-repeat;
16528 background-size: contain;
16529 display: inline-block;
16530 height: 2rem;
16531 width: 2rem;
16532 margin: 0;
16533 cursor: pointer;
16534 }
16535
16536 .pikaday__container:hover::before {
16537 background-image: url(../img/cal-hover.png);
16538 }
16539
16540 .flatpickr-day.selected {
16541 background: #669999 !important;
16542 border-color: #669999 !important;
16543 }
16544
16545 .flatpickr-day.today {
16546 border-color: #EE0000 !important;
16547 }
16548
16549 .flatpickr-day:hover {
16550 background: #EE0000 !important;
16551 border-color: #EE0000 !important;
16552 color: #fff !important;
16553 }
16554
16555 .content br {
16556 display: none;
16557 }
16558
16559 .appArea.responsive {
16560 margin-top: 2.5rem;
16561 }
16562 .appArea.responsive .form-content {
16563 position: relative;
16564 }
16565 .appArea.responsive .form-content .required-text {
16566 position: absolute;
16567 top: 0;
16568 top: -2.5rem;
16569 right: 0;
16570 }
16571 .appArea.responsive #email_opt_in_container .input-container, .appArea.responsive #email_opt_in_container p {
16572 text-align: center;
16573 justify-content: center;
16574 }
16575 .appArea.responsive fieldset {
16576 padding: 0 !important;
16577 border-radius: 0 !important;
16578 }
16579 .appArea.responsive fieldset > legend + p {
16580 display: none;
16581 }
16582 .appArea.responsive .input-container {
16583 width: 100%;
16584 }
16585 .appArea.responsive #cons_info_component_personal_info_section {
16586 flex-basis: 55%;
16587 }
16588 .appArea.responsive #cons_info_component_personal_info_section > .sub-section-header {
16589 display: none;
16590 }
16591 .appArea.responsive #cons_info_component_contact_info_section {
16592 flex-basis: 25%;
16593 }
16594 .appArea.responsive #cons_info_component_container > .input-container:first-of-type {
16595 width: 0;
16596 }
16597 .appArea.responsive .sub-section-container {
16598 width: 100%;
16599 flex: 1;
16600 }
16601 .appArea.responsive .sub-section-container > .sub-section-body {
16602 width: 100%;
16603 }
16604 .appArea.responsive .sub-section-container > .sub-section-body > div {
16605 width: 100%;
16606 }
16607 .appArea.responsive .sub-section-container > .sub-section-body > div .cons-info-question-container {
16608 flex-basis: 50%;
16609 }
16610 .appArea.responsive > .appArea.responsive {
16611 margin-top: 2.188rem;
16612 }
16613 .appArea.responsive #cons_info_component_container {
16614 max-width: 100%;
16615 width: 1068px;
16616 }
16617 .appArea.responsive .input-label {
16618 color: black;
16619 }
16620 .appArea.responsive #email_opt_in_container {
16621 color: #4D4D4D;
16622 }
16623 .appArea.responsive #email_opt_in_container .input-container {
16624 display: inline;
16625 }
16626 .appArea.responsive #email_opt_in_container span {
16627 margin-top: 0;
16628 font-size: 1rem;
16629 }
16630 .appArea.responsive #email_opt_in_container span a {
16631 color: black;
16632 background: none;
16633 text-transform: none;
16634 }
16635 .appArea.responsive #email_opt_in_container span a span {
16636 color: black;
16637 }
16638 .appArea.responsive #email_opt_in_container span a:hover .input-container {
16639 text-decoration: underline !important;
16640 }
16641 .appArea.responsive p, .appArea.responsive span {
16642 color: black !important;
16643 font-size: 1rem;
16644 }
16645 .appArea.responsive p em, .appArea.responsive span em {
16646 color: black;
16647 font-style: normal;
16648 }
16649 .appArea.responsive p {
16650 margin-top: 0;
16651 }
16652 .appArea.responsive #ACTION_SUBMIT_SURVEY_RESPONSE {
16653 color: white !important;
16654 padding: 1.25rem 2.125rem !important;
16655 font-size: 1rem !important;
16656 font-family: "PT Sans", sans-serif;
16657 font-weight: 700;
16658 }
16659 .appArea.responsive #ACTION_SUBMIT_SURVEY_RESPONSE:hover {
16660 background: #669999 !important;
16661 }
16662 .appArea.responsive legend {
16663 display: none;
16664 }
16665 .appArea.responsive #email_opt_in_container {
16666 margin-top: 0.938rem;
16667 }
16668 .appArea.responsive .input-container, .appArea.responsive .ungrouped {
16669 margin-top: 0 !important;
16670 }
16671 .appArea.responsive .input-container {
16672 display: flex;
16673 }
16674 .appArea.responsive .input-container .ungrouped {
16675 flex-basis: 70%;
16676 }
16677 .appArea.responsive .input-container .ungrouped input {
16678 width: 100%;
16679 }
16680 .appArea.responsive .input-container label {
16681 flex-basis: 25%;
16682 white-space: normal;
16683 display: flex;
16684 align-items: center;
16685 }
16686 .appArea.responsive .interest-category-container {
16687 margin: 1rem 0;
16688 gap: 1rem;
16689 }
16690 .appArea.responsive .interest-category-container label {
16691 flex-basis: 100%;
16692 }
16693 .appArea.responsive .indented-field-group ul {
16694 display: flex;
16695 flex-wrap: wrap;
16696 }
16697 .appArea.responsive .indented-field-group ul .input-container {
16698 flex-basis: 50%;
16699 }
16700 .appArea.responsive .indented-field-group ul .input-container label {
16701 flex: 1;
16702 }
16703 .appArea.responsive a {
16704 background: none;
16705 margin-top: 0 !important;
16706 padding: 0;
16707 }
16708 .appArea.responsive #cons_info_component_container {
16709 display: inline-flex;
16710 flex-wrap: wrap;
16711 row-gap: 1rem;
16712 }
16713 .appArea.responsive #cons_info_component_container .sub-section-container {
16714 display: flex;
16715 }
16716 .appArea.responsive #cons_info_component_container .sub-section-container .sub-section-body {
16717 display: flex;
16718 }
16719 .appArea.responsive #cons_info_component_container .sub-section-container .sub-section-body #personal_info_section_one {
16720 display: flex;
16721 gap: 1rem;
16722 }
16723 .appArea.responsive #cons_info_component_container input {
16724 border-radius: 0 !important;
16725 height: 2.188rem !important;
16726 min-width: 200px;
16727 }
16728 .appArea.responsive #cons_info_component_container label {
16729 font-size: 1rem !important;
16730 line-height: 1.2 !important;
16731 font-weight: 300 !important;
16732 color: #000 !important;
16733 font-family: "PT Sans", sans-serif;
16734 }
16735 @media (max-width: 1156px) {
16736 .appArea.responsive #cons_info_component_container {
16737 row-gap: 0;
16738 }
16739 }
16740 .appArea.responsive #cons_email {
16741 height: auto !important;
16742 }
16743
16744 #div_MainContent input[type=submit] {
16745 width: auto;
16746 max-width: none;
16747 margin: 1rem 0;
16748 }
16749 #div_MainContent .appArea.responsive {
16750 margin-top: 0;
16751 text-align: left;
16752 }
16753 #div_MainContent .input-container {
16754 margin: 1rem 0;
16755 }
16756 #div_MainContent .survey-question-number-container {
16757 display: none;
16758 }
16759 #div_MainContent input, #div_MainContent select, #div_MainContent textarea {
16760 border: 0;
16761 width: 100%;
16762 max-width: 350px;
16763 }
16764 #div_MainContent textarea {
16765 width: 100%;
16766 }
16767 #div_MainContent input[type=radio], #div_MainContent input[type=checkbox] {
16768 transform: scale(1.5);
16769 width: auto;
16770 }
16771 #div_MainContent .ungrouped {
16772 padding-top: 1rem;
16773 }
16774
16775 body {
16776 font-family: "PT Sans", sans-serif;
16777 }
16778
16779 * {
16780 font-family: "PT Sans", sans-serif;
16781 -webkit-font-smoothing: antialiased;
16782 }
16783
16784 a.skip-link {
16785 display: none;
16786 left: 0;
16787 opacity: 0;
16788 }
16789 a.skip-link:focus {
16790 opacity: 1;
16791 }
16792
16793 .fr-only {
16794 display: none !important;
16795 }
16796
16797 html:lang(fr-FR) .en-only {
16798 display: none !important;
16799 }
16800 html:lang(fr-FR) .fr-only {
16801 display: inline-block !important;
16802 }
16803
15140 .home-header { 16804 .home-header {
15141 position: relative; 16805 position: relative;
15142 height: 100%; 16806 height: 100%;
...@@ -15183,7 +16847,7 @@ body { ...@@ -15183,7 +16847,7 @@ body {
15183 padding-left: 0px; 16847 padding-left: 0px;
15184 } 16848 }
15185 .home-header .search-box .searchandfilter h4, .home-header .search-box .searchandfilter .h4 { 16849 .home-header .search-box .searchandfilter h4, .home-header .search-box .searchandfilter .h4 {
15186 font-size: 45px; 16850 font-size: 45px !important;
15187 line-height: 53px; 16851 line-height: 53px;
15188 text-align: center; 16852 text-align: center;
15189 font-weight: lighter; 16853 font-weight: lighter;
......
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.
1 <?php
2 /**
3 * The template for displaying search results pages
4 *
5 * @package Understrap
6 */
7
8 // Exit if accessed directly.
9 defined( 'ABSPATH' ) || exit;
10
11 get_header();
12
13 $container = get_theme_mod( 'understrap_container_type' );
14
15 ?>
16
17 <div class="wrapper" id="search-wrapper">
18
19 <div class="<?php echo esc_attr( $container ); ?> container" id="content" tabindex="-1">
20 <h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1>
21 <?php //get_search_form() ?>
22 <?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); ?>
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" >
25 <?php _e("SORT AND FILTER", 'msf'); ?>
26 </button>
27 <div class="search-wrapper row">
28
29 <div class="col-sm-12 col-md-3 widget-area collapse" id="search-sidebar">
30 <?php echo do_shortcode('[searchandfilter slug="search"]'); ?>
31 <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" >
32 <?php _e("APPLY FILTERS", 'msf'); ?>
33 </button>
34 </div>
35 <main class="col-sm-12 col-md-9 content-area site-main search-result" id="main">
36
37
38 <?php if ( have_posts() ) :
39 global $wp_query;
40
41
42 ?>
43
44 <header class="page-header">
45
46 <h3 class="page-title">
47 <?php
48 printf(
49 /* translators: %s: query term */
50 esc_html__( 'SHOWING: %s', 'understrap' ),
51 '<span>' .$wp_query->found_posts. '</span>'
52 );
53 ?>
54 </h3>
55
56 </header><!-- .page-header -->
57
58 <?php /* Start the Loop */ ?>
59 <?php
60 while ( have_posts() ) :
61 the_post();
62
63 /*
64 * Run the loop for the search to output the results.
65 * If you want to overload this in a child theme then include a file
66 * called content-search.php and that will be used instead.
67 */
68 get_template_part( 'loop-templates/content', 'search' );
69 endwhile;
70 ?>
71
72 <?php else : ?>
73
74 <?php get_template_part( 'loop-templates/content', 'none' ); ?>
75
76 <?php endif; ?>
77
78 </main><!-- #main -->
79
80 <!-- The pagination component -->
81
82 </div>
83
84 <!-- The pagination component -->
85 <?php understrap_pagination(); ?>
86
87
88
89 </div><!-- #content -->
90
91 </div><!-- #search-wrapper -->
92
93 <?php
94 get_footer();
1 <?php
2 /**
3 * The template for displaying search forms
4 *
5 * @package Understrap
6 */
7
8 // Exit if accessed directly.
9 defined( 'ABSPATH' ) || exit;
10
11 $bootstrap_version = get_theme_mod( 'understrap_bootstrap_version', 'bootstrap4' );
12 $uid = wp_unique_id( 's-' ); // The search form specific unique ID for the input.
13
14 $aria_label = '';
15 if ( isset( $args['aria_label'] ) && ! empty( $args['aria_label'] ) ) {
16 $aria_label = 'aria-label="' . esc_attr( $args['aria_label'] ) . '"';
17 }
18 ?>
19 <div class="side-menu input-group">
20 <?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); ?>
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. ?>>
23 <label class="screen-reader-text" for="<?php echo $uid; ?>"><?php echo esc_html_x( 'Search for:', 'label', 'understrap' ); ?></label>
24 <div class="input-group">
25 <input type="hidden" class="field search-field form-control" id="<?php echo $uid; ?>" name="s" value="<?php the_search_query(); ?>" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'understrap' ); ?>">
26 <input type="search" class="field search-field form-control" name="_sf_s" value="<?php echo $_GET['_sf_s']; ?>" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'understrap' ); ?>">
27 <?php if ( 'bootstrap5' === $bootstrap_version ) : ?>
28 <input type="submit" class="submit search-submit btn btn-primary" name="submit" value="<?php echo esc_attr_x( 'OK', 'submit button', 'understrap' ); ?>">
29 <?php else : ?>
30 <span class="input-group-append">
31 <input type="submit" class="submit search-submit btn btn-primary" name="submit" value="<?php echo esc_attr_x( 'OK', 'submit button', 'understrap' ); ?>">
32 </span>
33 <?php endif; ?>
34 </div>
35 </form> -->
36
37 <?php
...@@ -5,4 +5,9 @@ body{ ...@@ -5,4 +5,9 @@ body{
5 5
6 @import "menu"; 6 @import "menu";
7 @import "header"; 7 @import "header";
8 @import "search";
9 @import "custom_select";
10 @import "forms";
11 @import "elements";
8 @import "front_page"; 12 @import "front_page";
13
......
1
2 .select {
3 &:after {
4 content:'';
5 display: block;
6 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");
7 background-size: contain;
8 background-repeat: no-repeat;
9 width: 1rem;
10 height: 0.5rem;
11 position: absolute;
12 right: 0;
13 }
14 &:hover {
15 &:after {
16 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");
17 background-size: contain;
18 background-repeat: no-repeat;
19 }
20 }
21 }
22
23 // Learn about this solution to creating custom select styles:
24 // @link https://moderncss.dev/custom-select-styles-with-pure-css/
25
26 select {
27 // A reset of styles, including removing the default dropdown arrow
28 appearance: none;
29 background-color: transparent;
30 border: none;
31 margin: 0;
32 width: 100%;
33 font-family: inherit;
34 font-size: inherit;
35 cursor: inherit;
36 line-height: inherit;
37 color:#4D4D4D;
38 font-family: "PT Sans",sans-serif;
39 font-size: 1rem;
40
41 // Stack above custom arrow
42 z-index: 1;
43
44 // Remove dropdown arrow in IE10 & IE11
45 // @link https://www.filamentgroup.com/lab/select-css.html
46 &::-ms-expand {
47 display: none;
48 }
49
50 // Remove focus outline, will add on alternate element
51 outline: none;
52 }
53
54 .select {
55 display: grid;
56 grid-template-areas: "select";
57 align-items: center;
58 position: relative;
59
60 select,
61 &::after {
62 grid-area: select;
63 }
64
65 select {
66 border: 0 !important;
67 }
68
69 min-width: 15ch;
70 max-width: 30ch;
71
72 padding: 0.506rem;
73
74 font-size: 1rem;
75 cursor: pointer;
76 line-height: 1.1;
77
78 // Optional styles
79 // remove for transparency
80 background-color: #fff;
81 border:1px solid #BEBEBE;
82
83 }
84
85 // Interim solution until :focus-within has better support
86 select:focus + .focus {
87 position: absolute;
88 top: -1px;
89 left: -1px;
90 right: -1px;
91 bottom: -1px;
92 border: 2px solid var(--select-focus);
93 border-radius: inherit;
94 }
95
96 select[multiple] {
97 padding-right: 0;
98 }
...\ No newline at end of file ...\ No newline at end of file
1
2 body {
3
4 font-family: "PT Sans",sans-serif;
5 }
6
7 * {
8 font-family: "PT Sans",sans-serif;
9 -webkit-font-smoothing: antialiased;
10 }
11
12 a.skip-link {
13 display: none;
14 left:0;
15 opacity: 0;
16 &:focus {
17 opacity: 1;
18 }
19 }
20
21 .fr-only {
22 display: none !important;
23 }
24
25 html:lang(fr-FR) {
26 .en-only {
27 display: none !important;
28 }
29 .fr-only {
30 display: inline-block !important;
31 }
32 }
1
2 input:not(.search-field):not(.sf-input-text), optgroup, select, textarea {
3 border:1px solid #707070 !important;
4
5 }
6
7 .html-form {
8 table {
9 width: 100% !important;
10 background-color:#F0F0F0 !important;
11 }
12 tbody {
13 display: flex;
14 flex-wrap: wrap;
15 }
16 tr {
17 background-color:transparent !important;
18 height: auto !important;
19 display: inline-flex;
20 flex-basis: 50% !important;
21 td {
22 font-family: "PT Sans",sans-serif !important;
23 -webkit-font-smoothing: antialiased !important;
24 font-size: 1rem !important;
25 }
26 td:first-child {
27 width: 9rem !important;
28 }
29 &.enter-the-captcha + tr {
30 td {
31 display: flex;
32 }
33 td:first-child {
34 display: none;
35 }
36 }
37 td:last-child {
38 width: 100% !important;
39 input, select {
40 width: 100% !important;
41 }
42 }
43 &:last-of-type {
44 flex-basis: 100% !important;
45 & > td {
46 display: flex;
47 gap:1rem;
48 input {
49 border-radius: 0;
50 color: #fff!important;
51 padding: 1.25rem 2.125rem!important;
52 font-size: 1rem!important;
53 font-family: "PT Sans",sans-serif;
54 font-weight: 700;
55 background: #ee0000;
56 border: none;
57 width: auto !important;
58 height: auto !important;
59 &:hover {
60 background: #699;
61 }
62 }
63 }
64 }
65 }
66 input, select {
67 border:0;
68 height: 2.188rem;
69 padding:0 12px;
70 background:white;
71 &[multiple="multiple"] {
72 height: 5.5rem;
73 }
74 }
75 select {
76 &:after {
77 content: "";
78 width: 1.15rem;
79 height: 1rem;
80 display: block;
81 background-repeat: no-repeat;
82 background-position: center;
83 background-size: 10px 16px;
84 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")!important;
85 pointer-events: none;
86 }
87 &[multiple="multiple"] {
88 &:after {
89 display: none;
90 }
91 }
92 }
93 }
94
95 .list-checkbox-wrap .nf-field-element li, .list-image-wrap .nf-field-element li, .list-radio-wrap .nf-field-element li{
96 //float: left;
97 //padding-right: 30px !important;
98 }
99
100 .nf-form-cont{
101 background: #F0F0F0 !important;
102 padding: 30px;
103 h3{
104 margin-top: 0px !important;
105 }
106 }
107
108 .nf-row.required {
109 &:before {
110 content:'* Required field';
111 display: block;
112 width: 100%;
113 text-align: right;
114 font-size: 1rem;
115 font-family: "PT Sans",sans-serif;
116 }
117 }
118
119 .number-format {
120 position: relative;
121 input {
122 padding-left:1.525rem!important
123 }
124 .nf-field-element {
125 input {
126 padding-left:1.525rem!important
127 }
128 &:before {
129 content:'$';
130 position: absolute;
131 bottom: 0;
132 left:0.5rem;
133 z-index: 9;
134 font-size: 1.563rem;
135 font-weight: 700;
136 }
137 }
138 }
139
140 .number-format {
141 &:not(.nf-field-container):before {
142 content:'$';
143 position: absolute;
144 bottom: 0;
145 left:0.5rem;
146 color:black;
147 }
148 }
149
150 html:lang(fr-FR) {
151 .number-format {
152 position: relative;
153 input {
154 padding-left:0.5rem !important;
155 }
156 &:not(.nf-field-container):before {
157 display: none;
158 }
159 &:not(.nf-field-container):after {
160 content:'$';
161 position: absolute;
162 bottom: 0.25rem;
163 right:0.5rem;
164 color:black;
165 z-index: 99;
166 font-size: 1.563rem;
167 font-weight: 700;
168 }
169 }
170 .number-format {
171 position: relative;
172 .nf-field-element {
173 &:before {
174 display: none;
175 }
176 &:after {
177 content:'$';
178 position: absolute;
179 bottom: 0;
180 right:0.5rem;
181 z-index: 9;
182 font-size: 1.563rem;
183 font-weight: 700;
184 }
185 }
186 }
187 }
188
189
190 #dd-container .lets-check, #dd-container .lets-check.disabled, #dd-container .lets-check[disabled], #dd-container .lets-check.disabled:hover, #dd-container .lets-check[disabled]:hover, #dd-container .lets-check.disabled:focus, #dd-container .lets-check[disabled]:focus, .dtd-plugin .lets-check, .dtd-plugin .lets-check.disabled, .dtd-plugin .lets-check[disabled], .dtd-plugin .lets-check.disabled:hover, .dtd-plugin .lets-check[disabled]:hover, .dtd-plugin .lets-check.disabled:focus, .dtd-plugin .lets-check[disabled]:focus {
191 background-color: #e00 !important;
192 font-weight: bold;
193 }
194
195
196 #content {
197
198 .nf-form-cont {
199 p {
200 color:black;
201 }
202 }
203
204 #content .list-checkbox-wrap .nf-field-element li label, #content .list-image-wrap .nf-field-element li label, #content .list-radio-wrap .nf-field-element li label {
205 margin-top: 0 !important;
206 }
207
208 .nf-form-content .listcheckbox-wrap li, .nf-form-content .listradio-wrap li {
209 margin-bottom:0 !important;
210 }
211
212 /*
213 These two are for the required fields floating text..
214 */
215 .nf-row {
216 position: relative;
217 }
218 .nf-field-container {
219 position: static;
220 }
221 .nf-error {
222 position: static;
223 }
224
225 .checkmark {
226 border:1px solid #707070;
227 }
228
229 .nf-before-form-content {
230 display: none;
231 }
232
233 .nf-form-title {
234 & > h3 {
235 font-size: 2.188rem !important;
236 font-family: "PT Sans",sans-serif; font-weight:bold;;
237 }
238 }
239
240 .checkbox-wrap .nf-field-element label:before, .checkbox-wrap .nf-field-label label:before,
241 .listcheckbox-wrap .nf-field-element label:before, .listcheckbox-wrap .nf-field-label label:before {
242 font-size: 1rem;
243 height: 1.563rem;
244 width: 1.563rem;
245 display: flex;
246 justify-content: center;
247 align-items: center;
248 }
249
250 .checkbox-container.label-right label:before {
251 left: -1.8rem;
252 }
253
254 .nf-field-element {
255 font-size: 1rem;
256 }
257
258 .nf-row:last-of-type {
259 .field-wrap.html-wrap {
260 p {
261 font-size: 0.875rem;
262 line-height: 1.2;
263 }
264 }
265 }
266
267 .nf-before-form-content {
268 font-family: "PT Sans",sans-serif;
269 }
270
271 .field-wrap.checkbox-wrap {
272 margin:0.5rem 0;
273 }
274
275 .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
276 transition: none;
277 font-family: "PT Sans", sans-serif !important;
278 font-weight:bold;
279 border-radius: 0 !important;
280 }
281
282 .nf-error.field-wrap .nf-field-element:after {
283 height: 100%;
284 top:0;
285 right:0;
286 bottom: auto;
287 font-size: 1rem;
288 line-height: 2.2rem;
289 }
290
291 .nf-error-msg.nf-error-required-error {
292 display: none;
293 }
294
295 .nf-field-container.submit-container {
296 margin:1rem 0;
297 }
298
299 .listradio-wrap .nf-field-element label:after {
300 top:0;
301 }
302
303 .field-wrap.html-wrap {
304 p {
305 margin-bottom:0;
306 b {
307 font-size: 1.25rem;
308 }
309 }
310 }
311
312 .label-left .nf-field-label {
313 text-align: left;
314 flex: none;
315 }
316
317 .list-checkbox-wrap .nf-field-element li label, .list-image-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
318 height:1.563rem;
319 align-items: center;
320 display: flex;
321 }
322
323 .label-left .nf-field-label {
324 padding-right:0;
325 width:9rem;
326 // max-width: 9rem;
327 // min-width: 9rem;
328
329 // !!! Doesn't work for Host A Fundrasier Form !!!
330 // padding-right: 1.5rem;
331
332 box-sizing: content-box;
333 }
334
335 .label-left .field-wrap.textbox-wrap .nf-field-label {
336 padding-right:0;
337 }
338
339 .field-wrap.textarea-wrap {
340 align-items: center;
341 .nf-field-label {
342 max-width: 100%;
343 white-space: nowrap;
344 margin-bottom:5px;
345 }
346 }
347
348 .field-wrap.listradio-wrap {
349 align-items: center;
350 .nf-field-label {
351 max-width: 100%;
352 white-space: nowrap;
353 }
354 .nf-field-element {
355 ul {
356 gap:2.5rem;
357 // margin:0 4rem !important;
358 li {
359 margin-bottom:0 !important;
360 input[type='radio'] {
361 // height: 1.75rem !important;
362 }
363 }
364 }
365 }
366 }
367
368 .nf-field-container {
369 margin-bottom:0.25rem;
370 // &.checkbox-container {
371 // padding-left:2.5rem; //doesn't work on /ways-to-give/planned-giving/
372 // }
373 }
374
375 .nf-before-form-content {
376 text-align: right;
377 }
378
379 }
380
381 #div_MainContent {
382 a.pdf:before {
383 position: static;
384 }
385 }
386
387 nf-cells {
388 display: flex;
389 gap: 1rem;
390 }
391
392
393 //Setup in accordance to the gifts of stocks and securities STEP #2
394 .nf-cell + .nf-cell {
395 .nf-field-label {
396 text-align: left !important;
397 }
398 }
399
400 .nf-multi-cell .nf-cell {
401 padding: 0 !important;
402 }
403
404 .nf-form-content textarea.ninja-forms-field {
405 height: 4.688rem !important;
406 }
407
408 .label-left .field-wrap {
409 flex-wrap: nowrap !important;
410 }
411
412 .field-wrap.listradio-wrap .nf-field-label {
413 width: 30rem !important;
414 }
415
416 .label-left .nf-field-label {
417 width: 11rem !important;
418 }
419
420 .label-left .nf-field-label label {
421 width: auto !important;
422 }
423
424 .checkbox-container.label-right label {
425 font-family: "PT Sans",sans-serif;
426 }
427
428 .nf-field-element > ul {
429 display: flex;
430 }
431
432 .nf-form-content {
433 padding: 0 !important;
434 max-width: none !important;
435 margin: 0 !important;
436 }
437
438 .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
439 height:auto !important;
440 }
441
442 .ninja-forms-field impact-select nf-element {
443 height:100% !important;
444 }
445
446 .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
447 padding:0.35rem 0.625rem !important;
448 color:#000000 !important;
449 font-family: "PT Sans",sans-serif !important;
450 }
451
452 .nf-form-content .list-select-wrap>.nf-field-element {
453 position: relative;
454 background: white;
455 }
456
457 .nf-error-msg, .ninja-forms-req-symbol {
458 color:#4D4D4D !important;
459 }
460
461 .ninja-forms-req-symbol.req-symbol {
462 &:before {
463 position: absolute;
464 top:0;
465 right:0;
466 content:'* Required fields';
467 display: block;
468 width: 100%;
469 text-align: right;
470 font-size: 1rem;
471 font-family: "PT Sans",sans-serif;
472 color:black;
473 }
474 }
475
476 .nf-form-content .list-select-wrap > .nf-field-element > div {
477 display: none;
478 }
479
480 .nf-form-content .list-select-wrap>.nf-field-element:after {
481 content:'' !important;
482 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") !important;
483 display: block;
484 width: 1rem;
485 height: 0.825rem !important;
486 background-repeat: no-repeat;
487 position: absolute;
488 z-index: 9;
489 right: 1rem;
490 top: 1rem;
491 }
492
493 .nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {
494 margin-bottom:5px !important;
495 }
496
497 .nf-form-content label{
498 font-size: 1rem !important;
499 line-height: 1.2 !important;
500 font-weight: 300 !important;
501 color:#000000 !important;
502 font-family: "PT Sans",sans-serif;
503
504 }
505
506 .list-select-wrap div:after{
507 color: #000 !important;
508 }
509
510 .listradio-wrap .nf-element {
511 appearance: none;
512 opacity: 0;
513 }
514
515 .submit-wrap {
516 .nf-field-label {
517 display: none !important;
518 }
519 }
520
521 .label-left .nf-field-element {
522 width: 100% !important;
523 }
524
525 .textarea-container .nf-field .field-wrap {
526 flex-wrap: wrap !important;
527 .nf-field-label {
528 width: 100% !important;
529 }
530 .nf-field-element {
531 width: 100% !important;
532 }
533 }
534
535 .nf-pass.field-wrap .nf-field-element:after {
536 line-height: 1.2 !important;
537 }
538
539 .nf-response-msg {
540 position: fixed;
541 width: 100%;
542 height: 100%;
543 top:0;
544 left:0;
545 display: flex;
546 justify-content: center;
547 align-items: center;
548 background: rgba(0,0,0,0.75);
549 z-index: 9999;
550 & > div {
551 background:white;
552 width: 440px;
553 position: relative;
554 padding:2.188rem;
555 font-size: 1rem;
556 font-family: "PT Sans",sans-serif;
557 h1, h2, h3, h4, h5 {
558 font-family: "PT Sans",sans-serif; font-weight:bold;;
559 font-size: 2.188rem;
560 }
561 }
562 .close-response-modal {
563 position: absolute;
564 top:0;
565 right:0;
566 color:transparent;
567 background-image: url("data:image/svg+xml,%3Csvg id='Component_138_2' data-name='Component 138 %E2%80%93 2' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_204' data-name='Rectangle 204' width='35' height='35' fill='%23e00'/%3E%3Cg id='Group_1279' data-name='Group 1279' transform='translate(-924.013 -952.05) rotate(45)'%3E%3Cline id='Line_34' data-name='Line 34' y2='19.943' transform='translate(1350.972 9.5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Line_35' data-name='Line 35' y2='19.943' transform='translate(1360.943 19.472) rotate(90)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
568 background-repeat: no-repeat;
569 height: 2.188rem;
570 width: 2.188rem;
571 &:hover {
572 background-image: url("data:image/svg+xml,%3Csvg id='Component_138_2' data-name='Component 138 %E2%80%93 2' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_204' data-name='Rectangle 204' width='35' height='35' fill='%23699'/%3E%3Cg id='Group_1279' data-name='Group 1279' transform='translate(-924.013 -952.05) rotate(45)'%3E%3Cline id='Line_34' data-name='Line 34' y2='19.943' transform='translate(1350.972 9.5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Line_35' data-name='Line 35' y2='19.943' transform='translate(1360.943 19.472) rotate(90)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
573 }
574 }
575 }
576
577 .listradio-wrap .nf-field-element label:after{
578 width: 1.75rem !important;
579 height: 1.75rem !important;
580 left: -2.563rem !important;
581 // margin-top: -0.313rem;
582 border: 2px solid #fff !important;
583 background:#fff !important;
584 }
585
586 .listradio-wrap .nf-field-element label.nf-checked-label:before{
587 height: 1.25rem !important;
588 width: 1.25rem !important;
589 left: -2.313rem !important;
590 // margin-top: -0.313rem;
591 }
592
593 .listradio-wrap .nf-field-element label.nf-checked-label:before{
594 background: #EE0000 !important;
595 }
596 .listradio-wrap .nf-field-element label.nf-checked-label:after{
597 border-color: #fff !important;
598 }
599
600
601 .nf-form-cont.full-width {
602 .nf-field-container.html-container.label-left {
603 &:first-of-type {
604 margin-bottom:2.563rem !important;
605 }
606 }
607 .label-left .nf-field-label {
608 width: auto !important;
609 padding-right:1.5rem !important;
610 }
611 nf-cells {
612 gap:3rem !important;
613 }
614 }
615
616 .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{
617 border: 0px solid #c4c4c4 !important;
618 background:#fff !important;
619 }
620 .checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after{
621 background:#fff !important;
622 }
623 .checkbox-wrap .nf-field-element label.nf-checked-label:after, .checkbox-wrap .nf-field-label label.nf-checked-label:after, .listcheckbox-wrap .nf-field-element label.nf-checked-label:after, .listcheckbox-wrap .nf-field-label label.nf-checked-label:after{
624 border-color: #fff !important;
625 }
626 .checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after{
627 height: 1.375rem !important;
628 width: 1.375rem !important;
629 border-color: #fff !important
630 }
631 .checkbox-wrap .nf-field-element label.nf-checked-label:before, .checkbox-wrap .nf-field-label label.nf-checked-label:before, .listcheckbox-wrap .nf-field-element label.nf-checked-label:before, .listcheckbox-wrap .nf-field-label label.nf-checked-label:before{
632 color: #EE0000 !important;
633 }
634 .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{
635 background: #EE0000 !important;
636 padding: 1.25rem 2.813rem !important;
637 color: #fff !important;
638 height:unset !important;
639 font-size: 16px !important;
640 line-height: 20px !important;
641 text-transform: uppercase;
642 color: #fff !important;
643 &:disabled {
644 background:#BEBEBE !important;
645 }
646 }
647
648 .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{
649 background-color: #669999 !important;
650 color: #fff !important;
651 &:disabled {
652 background:#BEBEBE !important;
653 }
654 }
655
656 .nf-error-msg {
657 &:before {
658 content:'';
659 display: inline-block;
660 background-image: url("data:image/svg+xml,%3Csvg id='Group_1765' data-name='Group 1765' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.396' height='21.911' viewBox='0 0 24.396 21.911'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_301' data-name='Rectangle 301' width='24.396' height='21.911' transform='translate(0 0)' fill='%23e00'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1764' data-name='Group 1764' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1451' data-name='Path 1451' d='M24 17.487 14.752 1.474a2.948 2.948 0 0 0-5.107 0L.4 17.487A2.949 2.949 0 0 0 2.953 21.91H21.443A2.949 2.949 0 0 0 24 17.487m-10.35 1.539h-2.9v-2.9h2.9Zm0-4.169h-2.9V4.967h2.9Z' transform='translate(0 0)' fill='%23e00'/%3E%3C/g%3E%3C/svg%3E");
661 background-repeat: no-repeat;
662 background-size: contain;
663 width: 1.5rem;
664 height: 1.313rem;
665 margin-right:0.5rem;
666 }
667 }
668
669
670 .datepicker{
671 width: calc(100% - 45px)!important;
672 float: right !important;
673
674 }
675
676 .label-left .field-wrap {
677 align-items: center;
678 margin-top:0.25rem;
679 }
680 .field-wrap {
681 //Works for the Host a Fundraiser form
682 margin-top:0.25rem;
683 }
684
685 .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
686 margin-top:0;
687 }
688
689
690 .checkbox-wrap .nf-field-element label, .checkbox-wrap .nf-field-label label, .listcheckbox-wrap .nf-field-element label, .listcheckbox-wrap .nf-field-label label {
691 margin-left:0 !important;
692 }
693
694 .field-wrap.date-wrap {
695 .nf-field-element {
696 .pikaday__container {
697 flex-basis: 20%;
698 min-width: 200px;
699 margin-right:1rem;
700 }
701 .extra {
702 text-align: center;
703 padding-right: 0;
704 }
705 display: flex;
706 & > .pikaday__container + div {
707 height:40px;
708 display: flex;
709 align-items: center;
710 background:white;
711 margin-right:1rem;
712 padding:0 0.5rem;
713 &:after {
714 content: "";
715 width: 1.15rem;
716 height: 1rem;
717 display: block;
718 background-repeat: no-repeat;
719 background-position: center;
720 background-size: 10px 16px;
721 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") !important;
722 pointer-events: none;
723 }
724 }
725 & > .pikaday__container + div + div {
726 height:40px;
727 display: flex;
728 align-items: center;
729 background:white;
730 margin-right:1rem;
731 padding:0 0.5rem;
732 &:after {
733 content: "";
734 width: 1.15rem;
735 height: 1rem;
736 display: block;
737 background-repeat: no-repeat;
738 background-position: center;
739 background-size: 10px 16px;
740 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") !important;
741 pointer-events: none;
742 }
743 }
744 & > .pikaday__container + div + div + div {
745 height:40px;
746 display: flex;
747 align-items: center;
748 background:white;
749 margin-right:1rem;
750 padding:0 0.5rem;
751 &:after {
752 content: "";
753 width: 1.15rem;
754 height: 1rem;
755 display: block;
756 background-repeat: no-repeat;
757 background-position: center;
758 background-size: 10px 16px;
759 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") !important;
760 pointer-events: none;
761 }
762 }
763 }
764 }
765
766 .pikaday__container::before{
767 content:'';
768 background-image: url("data:image/svg+xml,%3Csvg id='Component_271_1' data-name='Component 271 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_224' data-name='Rectangle 224' width='35' height='35'/%3E%3Cg id='Group_1575' data-name='Group 1575' transform='translate(-83 -842)'%3E%3Cpath id='Path_1397' data-name='Path 1397' d='M73.645 56.3V54.6H71.713v1.7H65.2V54.6H63.268v1.7H58.426V74.353H78.38V56.3Zm2.907 16.224h-16.3v-14.4h16.3Z' transform='translate(32.098 794.427)' fill='%23fff'/%3E%3Crect id='Rectangle_225' data-name='Rectangle 225' width='2.611' height='1.931' transform='translate(95.025 855.357)' fill='%23fff'/%3E%3Crect id='Rectangle_226' data-name='Rectangle 226' width='2.611' height='1.931' transform='translate(99.248 855.357)' fill='%23fff'/%3E%3Crect id='Rectangle_227' data-name='Rectangle 227' width='2.611' height='1.931' transform='translate(103.471 855.357)' fill='%23fff'/%3E%3Crect id='Rectangle_228' data-name='Rectangle 228' width='2.611' height='1.931' transform='translate(95.025 858.663)' fill='%23fff'/%3E%3Crect id='Rectangle_229' data-name='Rectangle 229' width='2.611' height='1.931' transform='translate(99.248 858.663)' fill='%23fff'/%3E%3Crect id='Rectangle_230' data-name='Rectangle 230' width='2.611' height='1.931' transform='translate(103.471 858.663)' fill='%23fff'/%3E%3Crect id='Rectangle_231' data-name='Rectangle 231' width='2.611' height='1.931' transform='translate(95.025 861.969)' fill='%23fff'/%3E%3Crect id='Rectangle_232' data-name='Rectangle 232' width='2.611' height='1.931' transform='translate(99.248 861.969)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
769 background-repeat: no-repeat;
770 background-size: contain;
771 display: inline-block;
772 height: 2rem;
773 width:2rem;
774 margin:0;
775 cursor: pointer;
776 }
777
778 .pikaday__container:hover::before{
779 background-image: url(../img/cal-hover.png);
780 }
781 .flatpickr-day.selected{
782
783 background: #669999 !important;
784 border-color: #669999 !important;
785 }
786
787 .flatpickr-day.today{
788 border-color: #EE0000 !important;
789 }
790 .flatpickr-day:hover{
791 background: #EE0000 !important;
792 border-color: #EE0000 !important;
793 color:#fff !important;
794 }
795
796 // .checbox-filter-section {
797 // input {
798 // opacity: 0;
799 // width: 0;
800 // }
801 // .checkbox-field {
802 // position: relative;
803 // &:before{
804 // content:'';
805 // display: inline-block;
806 // height: 1.375rem!important;
807 // width: 1.375rem!important;
808 // border-color: #f0f0f0!important;
809 // background: #f0f0f0!important;
810 // }
811 // }
812 // input:checked + .checkbox-field {
813 // &:after {
814 // content: "\f00c";
815 // font-family: FontAwesome;
816 // font-size: 1.125rem;
817 // // height: 1rem;
818 // // width: 1rem;
819 // // background:red;
820 // display: flex;
821 // justify-content: center;
822 // align-items: center;
823 // font-size: 24px;
824 // position: absolute;
825 // bottom: 0;
826 // left: 0;
827 // z-index: 2;
828 // }
829 // }
830 // }
831
832
833 //Forms from luminate
834
835 .content {
836 br {
837 display: none;
838 }
839 }
840
841 .appArea.responsive {
842
843 .form-content {
844 position: relative;
845 .required-text {
846 position: absolute;
847 top: 0;
848 top: -2.5rem;
849 right: 0;
850 }
851 }
852
853 #email_opt_in_container {
854 .input-container, p {
855 text-align: center;
856 justify-content: center;
857 }
858 }
859
860
861 fieldset {
862 padding:0 !important;
863 border-radius: 0 !important;
864 & > legend + p {
865 display: none;
866 }
867 }
868
869 .input-container {
870 width: 100%;
871 }
872
873
874 #cons_info_component_personal_info_section {
875 flex-basis: 55%;
876 & > .sub-section-header {
877 display: none;
878 }
879 }
880
881
882 #cons_info_component_contact_info_section {
883 flex-basis: 25%;
884 }
885
886 #cons_info_component_container {
887 & > .input-container:first-of-type {
888 width: 0;
889 }
890 }
891
892 .sub-section-container {
893 width: 100%;
894 flex: 1;
895 & > .sub-section-body {
896 width: 100%;
897 & > div {
898 width: 100%;
899 .cons-info-question-container {
900 flex-basis: 50%;
901 }
902 }
903 }
904 }
905
906 //Setup as per spacing on newsletter signup on homepage
907 margin-top:2.5rem;
908
909 & > .appArea.responsive {
910 margin-top:2.188rem;
911 }
912
913 //The newsletter signup on homepage
914 #cons_info_component_container {
915 max-width: 100%;
916 width: 1068px;
917 }
918
919 .input-label {
920 color:black;
921 }
922
923 #email_opt_in_container {
924 .input-container {
925 display: inline;
926 }
927 span {
928 margin-top:0;
929 font-size: 1rem;
930 a {
931 color:#000f;
932 background:none;
933 text-transform: none;
934 span {
935 color:#000f;
936 }
937 &:hover {
938 .input-container {
939 text-decoration: underline !important;
940 }
941 }
942 }
943 }
944 color:#4D4D4D;
945 }
946
947 p, span {
948 color:#000f !important;
949 font-size: 1rem;
950 em {
951 color:#000f;
952 font-style: normal;
953 }
954 }
955
956 p {
957 margin-top:0;
958 }
959
960 #ACTION_SUBMIT_SURVEY_RESPONSE {
961 color:white !important;
962 padding:1.25rem 2.125rem !important;
963 font-size: 1rem !important;
964 font-family: "PT Sans",sans-serif;
965 font-weight: 700;
966 &:hover {
967 background:#669999 !important;
968 }
969 }
970
971
972
973 legend {
974 display: none;
975 }
976
977 #email_opt_in_container {
978 margin-top:0.938rem;
979 }
980
981 .input-container, .ungrouped {
982 margin-top:0 !important;
983 }
984
985 .input-container {
986 display: flex;
987 .ungrouped {
988 flex-basis: 70%;
989 input {
990 width: 100%;
991 }
992 }
993 label {
994 flex-basis: 25%;
995 white-space: normal;
996 display: flex;
997 align-items: center;
998 }
999 }
1000
1001 .interest-category-container {
1002 margin: 1rem 0;
1003 gap: 1rem;
1004 label {
1005 flex-basis: 100%;
1006 }
1007 }
1008
1009 .indented-field-group {
1010 ul {
1011 display: flex;
1012 flex-wrap: wrap;
1013 .input-container {
1014 flex-basis: 50%;
1015 label {
1016 flex:1;
1017 }
1018 }
1019 }
1020 }
1021
1022 a {
1023 background:none;
1024 margin-top:0 !important;
1025 padding:0;
1026 }
1027
1028 #cons_info_component_container {
1029 display: inline-flex;
1030 flex-wrap: wrap;
1031 row-gap: 1rem;
1032 .sub-section-container {
1033 display: flex;
1034 .sub-section-body {
1035 display: flex;
1036 #personal_info_section_one {
1037 display: flex;
1038 gap:1rem;
1039 }
1040 }
1041 }
1042 input {
1043 border-radius: 0 !important;
1044 height:2.188rem !important;
1045 min-width: 200px;
1046 }
1047 label {
1048 font-size: 1rem!important;
1049 line-height: 1.2!important;
1050 font-weight: 300!important;
1051 color: #000!important;
1052 font-family: "PT Sans",sans-serif;
1053 }
1054 }
1055
1056 @media(max-width:1156px) {
1057 #cons_info_component_container {
1058 row-gap: 0;
1059 }
1060 }
1061
1062 #cons_email {
1063 height: auto !important;
1064 }
1065
1066 }
1067
1068 #div_MainContent {
1069 input[type='submit'] {
1070 width: auto;
1071 max-width: none;
1072 margin:1rem 0;
1073 }
1074 .appArea.responsive {
1075 margin-top:0;
1076 text-align: left;
1077 }
1078 .input-container {
1079 margin:1rem 0;
1080 }
1081 .survey-question-number-container {
1082 display: none;
1083 }
1084 input, select, textarea {
1085 border:0;
1086 width: 100%;
1087 max-width: 350px;
1088 }
1089 textarea {
1090 width: 100%;
1091 }
1092 input[type='radio'], input[type='checkbox'] {
1093 transform: scale(1.5);
1094 width: auto;
1095 }
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 }
1108 }
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
45 padding-left: 0px; 45 padding-left: 0px;
46 } 46 }
47 .searchandfilter h4{ 47 .searchandfilter h4{
48 font-size: 45px; 48 font-size: 45px !important;
49 line-height: 53px; 49 line-height: 53px;
50 text-align: center; 50 text-align: center;
51 font-weight: lighter; 51 font-weight: lighter;
......
1 #search-wrapper {
2 margin-top:1rem;
3 padding-top: 3rem;
4 }
5
6 .search-results {
7 .search-field {
8 border:0;
9 border-bottom: 1px solid #707070;
10 border-radius: 0;
11 }
12 #content {
13 padding: 2.5rem 0;
14 padding-top:1rem;
15 }
16 }
17
18
19
20
21
22 .pagination {
23 justify-content: center;
24 margin-top:1rem;
25 .page-item {
26 border: 0;
27 display: flex;
28 align-items: center;
29 .page-link {
30 color:#000000;
31 margin-left:0;
32 border: 0;
33 font-family: "PT Sans",sans-serif;
34 &:hover {
35 text-decoration: underline;
36 background:none;
37 }
38 &.next, &.prev {
39 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");
41 height: 0.938rem;
42 background-size: contain;
43 background-repeat: no-repeat;
44 background-position: center;
45 &:hover {
46 background: none;
47 text-decoration: none;
48 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)' fill='%23699'/%3E%3C/svg%3E");
49 background-size: contain;
50 background-repeat: no-repeat;
51 background-position: center;
52 }
53 }
54 &.prev {
55 transform: rotate(180deg);
56 }
57 }
58 &.active {
59 .page-link {
60 font-family: "PT Sans",sans-serif; font-weight:bold;;
61 &:hover {
62 text-decoration: none;
63 }
64 }
65 }
66 }
67 }
68 .sh1{
69 font-weight: 700;
70 line-height: 24px!important;
71 font-size: 30px!important;
72 text-transform: uppercase;
73 @media screen and (max-width: 768px){
74 font-size: 2.188rem!important;
75 line-height: 40px!important;
76 padding-bottom: 32px!important;
77 }
78 }
79
80 #search-wrapper {
81 #main {
82 & > article {
83 padding:2rem 0;
84 border-top:1px solid #BEBEBE;
85 display: flex;
86 .photo {
87 min-width: 18.375rem;
88 min-height: 12.375rem;
89 max-width: 18.375rem;
90 max-height: 12.375rem;
91 img {
92 object-fit: cover;
93 object-position: center;
94 height: 100%;
95 width:100%;
96 }
97 }
98 a {
99 gap:1.5rem;
100 display: flex;
101 color:#000000;
102 text-decoration: none;
103 flex-direction: row;
104 &:hover {
105 h2.entry-title {
106 text-decoration: underline;
107 }
108 }
109 }
110 .entry-header{
111 height: auto !important;
112 }
113 h2.entry-title {
114 margin-top:0 !important;
115 font-size: 1.25rem !important;
116
117 font-family: "PT Sans",sans-serif; font-weight:bold;
118 @media screen and (max-width: 768px){
119 font-size: 1rem !important;
120 line-height: 1.25rem !important;
121 }
122 }
123 .entry-summary {
124 p {
125 color:#4D4D4D;
126 font-size: 1rem;
127 font-family: "PT Sans",sans-serif;
128 }
129 }
130 }
131 .understrap-read-more-link {
132 display: none;
133 }
134 }
135
136 .search-field{
137 border: 0;
138 border-bottom: 1px solid #707070;
139 border-radius: 0;
140 }
141 }
142 #search-wrapper{
143
144 .btn.filter{
145 position: relative;
146 visibility: visible;
147 display: block;
148 margin-top: 50px;
149 padding-left: 36px;
150 -webkit-appearance: none;
151 appearance: none;
152 background-color: transparent;
153 border: 1px solid #BEBEBE !important;
154 background-color: #F0F0F0;
155 border-radius: 0;
156 color: #000;
157 text-decoration: none;
158 font-weight: 700;
159 &: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>');
161 background-size: contain;
162 background-repeat: no-repeat;
163 width: 16px;
164 height: 16px;
165 position: absolute;
166 left: 10px;
167 top:10px;
168 content:'';
169 display: block;
170 }
171 }
172
173 .btn.filter.apply-filters{
174 color: #fff;
175 background-color: red;
176 padding: 12px 45px 11px 45px;
177 margin: auto;
178 margin-top: 28px;
179 &:after{
180 display: none;
181 }
182 }
183 .btn.filter.apply-filters:hover{
184 background-color: #669999;
185 color: #fff;
186 }
187
188 @media screen and (min-width: 768px){
189 .btn.filter{
190 visibility: hidden;
191 display: none;
192 }
193 }
194 .search-form{
195 margin-left: 50px;
196 }
197 }
198 .search-result{
199
200 padding-left: 0px;
201 @media screen and (min-width: 768px){
202 padding-left: 45px;
203 }
204 }
205
206
207 #search-wrapper{
208 display:flex;
209
210 #search-sidebar{
211 flex-direction: column;
212 .sf-field-search{
213 display: none !important;
214 }
215 }
216 @media screen and (min-width: 768px){
217 .collapse:not(.show) {
218 display: block;
219 height: auto !important;
220 visibility: visible;
221 }
222 .collapsing{
223 position: relative;
224 height: unset !important;
225 overflow: hidden;
226 }
227
228 }
229 #main{
230 display: flex;
231 flex-direction: column;
232 }
233 .btn.filter{
234 visibility: hidden;
235 display: none;
236 }
237
238 .searchandfilter{
239
240 ul{
241 padding-left: 0px;
242 }
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
396 input[type="checkbox"]:checked::before {
397 transform: scale(1);
398 }
399
400 input[type="checkbox"]:focus {
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;
409 }
410 .search-filter-reset{
411 -webkit-appearance: none;
412 appearance: none;
413 background-color: transparent;
414 border: 1px solid #BEBEBE !important;
415 width: 110px;
416 height: 30px;
417 display: inline-block;
418 font-size: 12px;
419 float: right;
420 color: #000;
421 padding: 5px 14px;
422 text-decoration: none;
423
424 }
425 .search-filter-reset:hover{
426 background-color: #669999;
427 color: #fff;
428 }
429 .search-wrapper {
430 form.searchandfilter{
431 display: block;
432 }
433 }
434
435
436
437 .searchandfilter h4{
438 font-size: 16px !important;
439 color: #4D4D4D !important;
440 font-weight: 700 !important;
441
442 }
443
444 .sf-field-sort_order label{
445 display: inline-grid !important;
446 width: 60%;
447 float: right;
448 @media screen and (max-width: 768px){
449 width: 60%;
450 }
451 }
452 .sf-field-sort_order h4,
453 .sf-field-reset h4{
454 width: 110px;
455 font-size: 24px !important;
456 display: inline-block;
457 color: #000 !important;
458 font-weight: 700 !important;
459 }
460 }
461 .sf-date-prefix{
462 width: unset !important;
463 }
464 .sf-datepicker{
465 width: 110px;
466 border: 1px solid #ccc;
467 }
468 ul.sf_date_field{
469 li{
470 display: inline-block;
471 }
472 display: flex;
473 flex-wrap: wrap;
474 justify-content: space-between;
475 align-items: center;
476 width: 100%;
477 margin: 0;
478 padding: 0;
479 list-style: none;
480 }
481 .ui-datepicker {
482 padding: 0;
483 border: 1px solid #ddd;
484 -webkit-border-radius: 0;
485 -moz-border-radius: 0;
486 border-radius: 0;
487 }
488 .ui-datepicker * {
489 padding: 0;
490 font-family: "Open Sans", sans-serif;
491 -webkit-border-radius: 0;
492 -moz-border-radius: 0;
493 border-radius: 0;
494 }
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
586
587 .ll-skin-melon .ui-datepicker .ui-datepicker-header,
588 .ll-skin-melon .ui-datepicker .ui-datepicker-header .ui-state-hover,
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 }
599
600
601 #search-wrapper{
602
603 .sf-field-search h4{
604 display: none;
605 }
606
607 .sf-field-search{
608 width: 90%;
609 @media screen and (max-width: 768px){
610 width: 80%;
611 }
612 margin: 0 auto;
613 margin-bottom: 60px;
614 position: relative;
615 flex-wrap: nowrap;
616 display: inline-block !important;
617 margin-left: 50px;
618 &:after {
619 content: "";
620 position: absolute;
621 left: -3rem;
622 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
623 background-size: contain;
624 width: 2.063rem;
625 height: 2.063rem;
626 top: 1.5rem;
627 }
628 label{
629 width: 100%;
630
631 }
632 input[name="_sf_search[]"]{
633 width: 100%;
634 border: 0;
635 border-bottom: 1px solid #707070;
636 border-radius: 0;
637 font-size: 1.75rem;
638 font-weight: 400;
639 line-height: 1.5;
640 color: #212529;
641 padding: 0.375rem 0.75rem;
642
643 }
644 }
645
646
647 .sf-field-submit{
648 display: inline-block !important;
649 input[name="_sf_submit"]{
650 border-radius: 50% !important;
651 padding: 0;
652 height: 3.438rem;
653 width: 3.438rem;
654 margin-top: -0.6rem;
655 margin-left: 1rem;
656 font-size: 1.125rem;
657 font-family: "PT Sans",sans-serif;
658 font-weight: 700;
659 background: #e00;
660 color: #fff;
661 border: 0;
662 text-transform: uppercase;
663 transition: none;
664 display: inline-block !important;
665 &:hover {
666 background:#669999;
667 }
668 }
669 }
670
671 }