Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
244c5a80 by Jeff Balicki
Options

Revisions 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 1958eec3
Inline Side-by-side
Showing 10 changed files with 54 additions and 297 deletions
...@@ -16483,7 +16483,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16483,7 +16483,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16483 justify-content: space-between; 16483 justify-content: space-between;
16484 } 16484 }
16485 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { 16485 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
16486 width: 24%; 16486 width: 19%;
16487 color: #fff; 16487 color: #fff;
16488 background-color: #EE0000; 16488 background-color: #EE0000;
16489 border-radius: 1.25rem; 16489 border-radius: 1.25rem;
...@@ -16534,12 +16534,17 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16534,12 +16534,17 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16534 left: unset !important; 16534 left: unset !important;
16535 } 16535 }
16536 .mega-sub-menu:has(.mega-menu-columns-4-of-12) { 16536 .mega-sub-menu:has(.mega-menu-columns-4-of-12) {
16537 width: 75% !important; 16537 width: 80% !important;
16538 } 16538 }
16539 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu { 16539 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu {
16540 left: unset !important; 16540 left: unset !important;
16541 right: 0rem !important; 16541 right: 0rem !important;
16542 } 16542 }
16543 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(5) > ul.mega-sub-menu {
16544 width: 80% !important;
16545 left: unset !important;
16546 right: 0rem !important;
16547 }
16543 .mega-menu-row .mega-sub-menu, 16548 .mega-menu-row .mega-sub-menu,
16544 .mega-menu-column .mega-sub-menu { 16549 .mega-menu-column .mega-sub-menu {
16545 width: 100% !important; 16550 width: 100% !important;
...@@ -19314,143 +19319,6 @@ ul.sf_date_field .sf-datepicker { ...@@ -19314,143 +19319,6 @@ ul.sf_date_field .sf-datepicker {
19314 flex-direction: column; 19319 flex-direction: column;
19315 height: 100%; 19320 height: 100%;
19316 } 19321 }
19317 .home-header .search-box {
19318 background-color: #fff;
19319 border-radius: 1.25rem;
19320 max-width: 45rem;
19321 margin: auto;
19322 padding: 2.625rem 3.125rem;
19323 }
19324 @media only screen and (max-width: 48.875rem) {
19325 .home-header .search-box {
19326 padding: 1.75rem 2rem;
19327 max-width: calc(100% - 20px);
19328 }
19329 }
19330 .home-header .search-box h4, .home-header .search-box .h4 {
19331 font-size: 2.8125rem !important;
19332 line-height: 3.3125rem;
19333 text-align: center;
19334 font-weight: lighter;
19335 font-family: "PT Sans", sans-serif;
19336 }
19337 @media only screen and (max-width: 48.875rem) {
19338 .home-header .search-box h4, .home-header .search-box .h4 {
19339 font-size: 2.1875rem !important;
19340 line-height: 2.5rem;
19341 }
19342 }
19343 .home-header .search-box .searchandfilter {
19344 width: calc(100% - 3.125rem);
19345 display: inline-block;
19346 }
19347 @media only screen and (max-width: 48.875rem) {
19348 .home-header .search-box .searchandfilter {
19349 width: calc(100% - 2.1875rem);
19350 }
19351 }
19352 .home-header .search-box .searchandfilter ul {
19353 padding-left: 0rem;
19354 }
19355 .home-header .search-box .searchandfilter h4, .home-header .search-box .searchandfilter .h4 {
19356 font-size: 2.8125rem !important;
19357 line-height: 3.3125rem;
19358 text-align: center;
19359 font-weight: lighter;
19360 font-family: "PT Sans", sans-serif;
19361 }
19362 .home-header .search-box .sf-field-search {
19363 display: inline-block;
19364 width: calc(100% - 3.75rem);
19365 }
19366 @media screen and (max-width: 56.25rem) {
19367 .home-header .search-box .sf-field-search {
19368 width: calc(100% - 3.5rem);
19369 }
19370 }
19371 .home-header .search-box .sf-field-search label {
19372 width: 90%;
19373 position: relative;
19374 display: inline-block !important;
19375 margin: auto;
19376 margin-left: 10%;
19377 }
19378 @media screen and (max-width: 56.25rem) {
19379 .home-header .search-box .sf-field-search label {
19380 width: 100%;
19381 margin-left: 5%;
19382 }
19383 }
19384 .home-header .search-box .sf-field-search label:after {
19385 content: "";
19386 position: absolute;
19387 left: -3rem;
19388 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");
19389 background-size: contain;
19390 width: 2.063rem;
19391 height: 2.063rem;
19392 top: 1.2rem !important;
19393 }
19394 @media screen and (max-width: 59.375rem) {
19395 .home-header .search-box .sf-field-search label:after {
19396 width: 26px;
19397 height: 26px;
19398 left: -1.8625rem;
19399 top: 0.5rem !important;
19400 }
19401 }
19402 .home-header .search-box .sf-field-search input[name="_sf_search[]"] {
19403 width: 100%;
19404 border: 0;
19405 border-bottom: 0.0625rem solid #707070;
19406 border-radius: 0;
19407 font-size: 1.75rem;
19408 font-weight: 400;
19409 line-height: 1.5;
19410 color: #212529;
19411 padding: 0.375rem 0.75rem;
19412 margin: auto;
19413 }
19414 @media screen and (max-width: 56.25rem) {
19415 .home-header .search-box .sf-field-search input[name="_sf_search[]"] {
19416 padding: 0;
19417 font-size: 1.5rem !important;
19418 }
19419 }
19420 .home-header .search-box .sf-field-submit {
19421 display: inline-block !important;
19422 }
19423 @media screen and (max-width: 56.25rem) {
19424 .home-header .search-box .sf-field-submit {
19425 margin-left: 0rem;
19426 }
19427 }
19428 .home-header .search-box .sf-field-submit input[name=_sf_submit] {
19429 border-radius: 50%;
19430 padding: 0;
19431 height: 2.5rem;
19432 width: 2.5rem;
19433 margin-top: -0.6rem;
19434 margin-left: 1rem;
19435 font-size: 1.125rem;
19436 font-family: "PT Sans", sans-serif;
19437 font-weight: 700;
19438 background: #e00;
19439 color: #fff;
19440 border: 0;
19441 text-transform: uppercase;
19442 transition: none;
19443 display: inline-block !important;
19444 }
19445 @media screen and (max-width: 56.25rem) {
19446 .home-header .search-box .sf-field-submit input[name=_sf_submit] {
19447 height: 2.5rem;
19448 width: 2.5rem;
19449 }
19450 }
19451 .home-header .search-box .sf-field-submit input[name=_sf_submit]:hover {
19452 background: #669999;
19453 }
19454 19322
19455 .side-caption:hover, .side-caption:focus-within { 19323 .side-caption:hover, .side-caption:focus-within {
19456 bottom: 0 !important; 19324 bottom: 0 !important;
...@@ -19562,24 +19430,29 @@ ul.sf_date_field .sf-datepicker { ...@@ -19562,24 +19430,29 @@ ul.sf_date_field .sf-datepicker {
19562 min-height: 430px; 19430 min-height: 430px;
19563 } 19431 }
19564 } 19432 }
19565 .entry-header.page .search-box:hover, 19433
19566 .entry-header.page .search-box:focus-within { 19434 .search-box:hover,
19435 .search-box:focus-within {
19567 width: 100%; 19436 width: 100%;
19568 height: 90px; 19437 height: 90px;
19569 } 19438 }
19570 .entry-header.page .search-box:focus-within #search-box-content, 19439
19571 .entry-header.page .search-box:hover #search-box-content { 19440 .search-box:focus-within #search-box-content,
19441 .search-box:hover #search-box-content {
19572 opacity: 1; 19442 opacity: 1;
19573 width: 100%; 19443 width: 100%;
19574 } 19444 }
19575 .entry-header.page .search-box:focus-within .search-button, 19445
19576 .entry-header.page .search-box:hover .search-button { 19446 .search-box:focus-within .search-button,
19447 .search-box:hover .search-button {
19577 display: none; 19448 display: none;
19578 } 19449 }
19579 .entry-header.page .search-box.show .search-button { 19450
19451 .search-box.show .search-button {
19580 display: none; 19452 display: none;
19581 } 19453 }
19582 .entry-header.page .search-box { 19454
19455 .search-box {
19583 background-color: #fff; 19456 background-color: #fff;
19584 border-radius: 1.25rem; 19457 border-radius: 1.25rem;
19585 max-width: 80%; 19458 max-width: 80%;
...@@ -19594,14 +19467,14 @@ ul.sf_date_field .sf-datepicker { ...@@ -19594,14 +19467,14 @@ ul.sf_date_field .sf-datepicker {
19594 overflow: hidden; 19467 overflow: hidden;
19595 } 19468 }
19596 @media only screen and (max-width: 48.875rem) { 19469 @media only screen and (max-width: 48.875rem) {
19597 .entry-header.page .search-box { 19470 .search-box {
19598 padding: 0rem 0.625rem; 19471 padding: 0rem 0.625rem;
19599 max-width: 90%; 19472 max-width: 90%;
19600 right: 5%; 19473 right: 5%;
19601 margin-top: 3.5rem; 19474 margin-top: 3.5rem;
19602 } 19475 }
19603 } 19476 }
19604 .entry-header.page .search-box .search-button { 19477 .search-box .search-button {
19605 height: 4rem; 19478 height: 4rem;
19606 width: 4rem; 19479 width: 4rem;
19607 text-indent: -624.9375rem; 19480 text-indent: -624.9375rem;
...@@ -19612,7 +19485,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19612,7 +19485,7 @@ ul.sf_date_field .sf-datepicker {
19612 background-color: #fff; 19485 background-color: #fff;
19613 border-radius: 0.625rem; 19486 border-radius: 0.625rem;
19614 } 19487 }
19615 .entry-header.page .search-box .search-button:after { 19488 .search-box .search-button:after {
19616 content: ""; 19489 content: "";
19617 position: absolute; 19490 position: absolute;
19618 left: 0rem; 19491 left: 0rem;
...@@ -19623,7 +19496,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19623,7 +19496,7 @@ ul.sf_date_field .sf-datepicker {
19623 top: 0.8125rem; 19496 top: 0.8125rem;
19624 left: 0.75rem; 19497 left: 0.75rem;
19625 } 19498 }
19626 .entry-header.page .search-box #search-box-content { 19499 .search-box #search-box-content {
19627 opacity: 0; 19500 opacity: 0;
19628 position: relative; 19501 position: relative;
19629 width: 0px; 19502 width: 0px;
...@@ -19631,13 +19504,13 @@ ul.sf_date_field .sf-datepicker { ...@@ -19631,13 +19504,13 @@ ul.sf_date_field .sf-datepicker {
19631 position: absolute; 19504 position: absolute;
19632 right: 0px; 19505 right: 0px;
19633 } 19506 }
19634 .entry-header.page .search-box #search-box-content p { 19507 .search-box #search-box-content p {
19635 display: none; 19508 display: none;
19636 } 19509 }
19637 .entry-header.page .search-box #search-box-content.show { 19510 .search-box #search-box-content.show {
19638 display: block; 19511 display: block;
19639 } 19512 }
19640 .entry-header.page .search-box h4, .entry-header.page .search-box .h4 { 19513 .search-box h4, .search-box .h4 {
19641 font-size: 2.8125rem !important; 19514 font-size: 2.8125rem !important;
19642 line-height: 3.3125rem; 19515 line-height: 3.3125rem;
19643 text-align: center; 19516 text-align: center;
...@@ -19645,45 +19518,45 @@ ul.sf_date_field .sf-datepicker { ...@@ -19645,45 +19518,45 @@ ul.sf_date_field .sf-datepicker {
19645 font-family: "PT Sans", sans-serif; 19518 font-family: "PT Sans", sans-serif;
19646 } 19519 }
19647 @media only screen and (max-width: 48.875rem) { 19520 @media only screen and (max-width: 48.875rem) {
19648 .entry-header.page .search-box h4, .entry-header.page .search-box .h4 { 19521 .search-box h4, .search-box .h4 {
19649 font-size: 2.1875rem !important; 19522 font-size: 2.1875rem !important;
19650 line-height: 2.5rem; 19523 line-height: 2.5rem;
19651 } 19524 }
19652 } 19525 }
19653 .entry-header.page .search-box .searchandfilter { 19526 .search-box .searchandfilter {
19654 width: calc(100% - 6.25rem); 19527 width: calc(100% - 6.25rem);
19655 margin-top: -5px; 19528 margin-top: -5px;
19656 display: inline-block; 19529 display: inline-block;
19657 } 19530 }
19658 @media only screen and (max-width: 48.875rem) { 19531 @media only screen and (max-width: 48.875rem) {
19659 .entry-header.page .search-box .searchandfilter { 19532 .search-box .searchandfilter {
19660 width: calc(100% - 40px); 19533 width: calc(100% - 40px);
19661 padding-left: 2.5rem; 19534 padding-left: 2.5rem;
19662 } 19535 }
19663 } 19536 }
19664 .entry-header.page .search-box .searchandfilter ul { 19537 .search-box .searchandfilter ul {
19665 padding-left: 0rem; 19538 padding-left: 0rem;
19666 } 19539 }
19667 .entry-header.page .search-box .searchandfilter h4, .entry-header.page .search-box .searchandfilter .h4 { 19540 .search-box .searchandfilter h4, .search-box .searchandfilter .h4 {
19668 font-size: 2.8125rem !important; 19541 font-size: 2.8125rem !important;
19669 line-height: 3.3125rem; 19542 line-height: 3.3125rem;
19670 text-align: center; 19543 text-align: center;
19671 font-weight: lighter; 19544 font-weight: lighter;
19672 font-family: "PT Sans", sans-serif; 19545 font-family: "PT Sans", sans-serif;
19673 } 19546 }
19674 .entry-header.page .search-box .sf-field-search { 19547 .search-box .sf-field-search {
19675 display: inline-block; 19548 display: inline-block;
19676 width: calc(100% - 5rem); 19549 width: calc(100% - 5rem);
19677 padding: 1.125rem 0 1.6875rem 0; 19550 padding: 1.125rem 0 1.6875rem 0;
19678 } 19551 }
19679 .entry-header.page .search-box .sf-field-search label { 19552 .search-box .sf-field-search label {
19680 width: 90%; 19553 width: 90%;
19681 position: relative; 19554 position: relative;
19682 display: inline-block !important; 19555 display: inline-block !important;
19683 margin: auto; 19556 margin: auto;
19684 margin-left: 10%; 19557 margin-left: 10%;
19685 } 19558 }
19686 .entry-header.page .search-box .sf-field-search label:after { 19559 .search-box .sf-field-search label:after {
19687 content: ""; 19560 content: "";
19688 position: absolute; 19561 position: absolute;
19689 left: -3rem; 19562 left: -3rem;
...@@ -19693,7 +19566,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19693,7 +19566,7 @@ ul.sf_date_field .sf-datepicker {
19693 height: 2.063rem; 19566 height: 2.063rem;
19694 top: 1.2rem; 19567 top: 1.2rem;
19695 } 19568 }
19696 .entry-header.page .search-box .sf-field-search input[name="_sf_search[]"] { 19569 .search-box .sf-field-search input[name="_sf_search[]"] {
19697 width: 100%; 19570 width: 100%;
19698 border: 0; 19571 border: 0;
19699 border-bottom: 0.0625rem solid #707070; 19572 border-bottom: 0.0625rem solid #707070;
...@@ -19705,10 +19578,10 @@ ul.sf_date_field .sf-datepicker { ...@@ -19705,10 +19578,10 @@ ul.sf_date_field .sf-datepicker {
19705 padding: 0.375rem 0.75rem; 19578 padding: 0.375rem 0.75rem;
19706 margin: auto; 19579 margin: auto;
19707 } 19580 }
19708 .entry-header.page .search-box .sf-field-submit { 19581 .search-box .sf-field-submit {
19709 display: inline-block !important; 19582 display: inline-block !important;
19710 } 19583 }
19711 .entry-header.page .search-box .sf-field-submit input[name=_sf_submit] { 19584 .search-box .sf-field-submit input[name=_sf_submit] {
19712 border-radius: 50%; 19585 border-radius: 50%;
19713 padding: 0; 19586 padding: 0;
19714 height: 2.5rem; 19587 height: 2.5rem;
...@@ -19725,10 +19598,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -19725,10 +19598,11 @@ ul.sf_date_field .sf-datepicker {
19725 transition: none; 19598 transition: none;
19726 display: inline-block !important; 19599 display: inline-block !important;
19727 } 19600 }
19728 .entry-header.page .search-box .sf-field-submit input[name=_sf_submit]:hover { 19601 .search-box .sf-field-submit input[name=_sf_submit]:hover {
19729 background: #669999; 19602 background: #669999;
19730 } 19603 }
19731 .entry-header.page .advance-search-button { 19604
19605 .advance-search-button {
19732 right: 0.625rem; 19606 right: 0.625rem;
19733 } 19607 }
19734 19608
......
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.
...@@ -31,7 +31,6 @@ if ( is_front_page() ) { ...@@ -31,7 +31,6 @@ if ( is_front_page() ) {
31 31
32 ?> 32 ?>
33 33
34
35 <article <?php post_class(); ?> id="post-<?php the_ID(); ?>"> 34 <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
36 35
37 <?php if ( has_post_thumbnail() ) { ?> 36 <?php if ( has_post_thumbnail() ) { ?>
...@@ -40,7 +39,7 @@ if ( is_front_page() ) { ...@@ -40,7 +39,7 @@ if ( is_front_page() ) {
40 <div class="content-container"> 39 <div class="content-container">
41 <div class="container" style="height: 100%;"> 40 <div class="container" style="height: 100%;">
42 <div class="col-md-12 fx-style"> 41 <div class="col-md-12 fx-style">
43 <div class="search-box"><?php the_field('search_box_content'); ?></div> 42 <div class="search-box"><?php the_field('search_box_content'); ?><div class="search-button">Search</div></div>
44 <h1><?php the_field('header_text'); ?></h1> 43 <h1><?php the_field('header_text'); ?></h1>
45 </div> 44 </div>
46 </div> 45 </div>
......
...@@ -37,7 +37,6 @@ if ($thumbnail_image && isset($thumbnail_image[0])) { ...@@ -37,7 +37,6 @@ if ($thumbnail_image && isset($thumbnail_image[0])) {
37 ?> 37 ?>
38 <?php if ( has_post_thumbnail() ) { ?> 38 <?php if ( has_post_thumbnail() ) { ?>
39 <header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')"> 39 <header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')">
40
41 <div class="search-box"><div id="search-box-content"><?php the_field('page_search_block', 'option'); ?></div> <div class="search-button">Search</div></div> 40 <div class="search-box"><div id="search-box-content"><?php the_field('page_search_block', 'option'); ?></div> <div class="search-button">Search</div></div>
42 <div class='side-caption header-caption <?= (empty($copy) && empty($cap)) ? "hide" : "" ?>'> 41 <div class='side-caption header-caption <?= (empty($copy) && empty($cap)) ? "hide" : "" ?>'>
43 <a class='copy-link' aria-label="Header Slide Caption" href='#' ></a> 42 <a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
......
...@@ -44,130 +44,8 @@ ...@@ -44,130 +44,8 @@
44 } 44 }
45 45
46 } 46 }
47 .search-box{ 47
48 background-color: #fff;
49 border-radius: 1.25rem ;
50 max-width: 45rem;
51 margin: auto;
52 padding: 2.625rem 3.125rem ;
53 @media only screen and (max-width: 48.875rem) {
54 padding: 1.75rem 2rem ;
55 max-width: calc(100% - 20px);
56 }
57 48
58 h4{
59 font-size: 2.8125rem !important;
60 line-height: 3.3125rem;
61 text-align: center;
62 font-weight: lighter;
63 font-family: "PT Sans",sans-serif;
64 @media only screen and (max-width: 48.875rem) {
65 font-size: 2.1875rem !important;
66 line-height: 2.5rem;
67 }
68 }
69 .searchandfilter{
70 width: calc(100% - 3.125rem);
71 @media only screen and (max-width: 48.875rem) {
72 width: calc(100% - 2.1875rem);
73 }
74 display: inline-block;
75 }
76
77 .searchandfilter ul{
78 padding-left: 0rem;
79 }
80 .searchandfilter h4{
81 font-size: 2.8125rem !important;
82 line-height: 3.3125rem;
83 text-align: center;
84 font-weight: lighter;
85 font-family: "PT Sans",sans-serif;
86 }
87 .sf-field-search{
88 display: inline-block;
89 width: calc(100% - 3.75rem);
90 @media screen and (max-width: 56.25rem) {
91 width: calc(100% - 3.5rem);
92 }
93 label{
94 width: 90%;
95 position: relative;
96 display: inline-block !important;
97 margin: auto;
98 margin-left: 10%;
99 @media screen and (max-width: 56.25rem) {
100 width: 100%;
101 margin-left: 5%;
102 }
103 &:after {
104 content: "";
105 position: absolute;
106 left: -3rem;
107 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");
108 background-size: contain;
109 width: 2.063rem;
110 height: 2.063rem;
111 top: 1.2rem !important;
112 @media screen and (max-width: 59.375rem) {
113 width: 26px;
114 height: 26px;
115 left: -1.8625rem;
116 top: 0.5rem !important;
117 }
118 }
119
120 }
121 input[name="_sf_search[]"]{
122 width: 100%;
123 border: 0;
124 border-bottom: 0.0625rem solid #707070;
125 border-radius: 0;
126 font-size: 1.75rem;
127 font-weight: 400;
128 line-height: 1.5;
129 color: #212529;
130 padding: 0.375rem 0.75rem;
131 margin: auto;
132 @media screen and (max-width: 56.25rem) {
133 padding: 0;
134 font-size: 1.5rem !important;
135 }
136 }
137 }
138
139 .sf-field-submit{
140 display: inline-block !important;
141 @media screen and (max-width: 56.25rem) {
142 margin-left:0rem;
143 }
144 input[name="_sf_submit"]{
145 border-radius: 50%;
146 padding: 0;
147 height: 2.5rem;
148 width:2.5rem;
149 margin-top: -0.6rem;
150 margin-left: 1rem;
151 font-size: 1.125rem;
152 font-family: "PT Sans",sans-serif;
153 font-weight: 700;
154 background: #e00;
155 color: #fff;
156 border: 0;
157 text-transform: uppercase;
158 transition: none;
159 display: inline-block !important;
160 @media screen and (max-width: 56.25rem) {
161 height: 2.5rem;
162 width:2.5rem;
163
164 }
165 &:hover {
166 background:#669999;
167 }
168 }
169 }
170 }
171 49
172 } 50 }
173 51
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 justify-content: space-between; 11 justify-content: space-between;
12 } 12 }
13 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{ 13 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
14 width: 24%; 14 width: 19%;
15 color:#fff; 15 color:#fff;
16 background-color: #EE0000; 16 background-color: #EE0000;
17 border-radius: 1.25rem; 17 border-radius: 1.25rem;
...@@ -67,13 +67,19 @@ ...@@ -67,13 +67,19 @@
67 left: unset !important;; 67 left: unset !important;;
68 } 68 }
69 .mega-sub-menu:has(.mega-menu-columns-4-of-12){ 69 .mega-sub-menu:has(.mega-menu-columns-4-of-12){
70 width: 75% !important; 70 width: 80% !important;
71 71
72 } 72 }
73 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{ 73 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
74 left: unset !important; 74 left: unset !important;
75 right: 0rem !important; 75 right: 0rem !important;
76 } 76 }
77
78 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(5) > ul.mega-sub-menu{
79 width: 80% !important;
80 left: unset !important;
81 right: 0rem !important;
82 }
77 83
78 .mega-menu-row .mega-sub-menu, 84 .mega-menu-row .mega-sub-menu,
79 .mega-menu-column .mega-sub-menu{ 85 .mega-menu-column .mega-sub-menu{
......
...@@ -46,6 +46,7 @@ ...@@ -46,6 +46,7 @@
46 @media screen and (max-width: 59.375rem) { 46 @media screen and (max-width: 59.375rem) {
47 min-height: 430px; 47 min-height: 430px;
48 } 48 }
49 }
49 .search-box:hover, 50 .search-box:hover,
50 .search-box:focus-within{ 51 .search-box:focus-within{
51 width: 100%; 52 width: 100%;
...@@ -231,7 +232,7 @@ ...@@ -231,7 +232,7 @@
231 .advance-search-button{ 232 .advance-search-button{
232 right: 0.625rem; 233 right: 0.625rem;
233 } 234 }
234 } 235
235 #page-wrapper{ 236 #page-wrapper{
236 margin: 0.625rem 1.875rem 0 1.875rem; 237 margin: 0.625rem 1.875rem 0 1.875rem;
237 min-height: 50vh; 238 min-height: 50vh;
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.504 5 Version: 1.0.506
6 */ 6 */
7 7
......