Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
36963a81 by Jeff Balicki
Options

sub page search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent f5e0b1f3
Inline Side-by-side
Showing 26 changed files with 980 additions and 50 deletions
...@@ -15096,12 +15096,14 @@ body { ...@@ -15096,12 +15096,14 @@ body {
15096 } 15096 }
15097 @media only screen and (max-width: 1000px) { 15097 @media only screen and (max-width: 1000px) {
15098 #mega-menu-primary { 15098 #mega-menu-primary {
15099 margin-top: 75px !important;
15100 padding-top: 20px !important; 15099 padding-top: 20px !important;
15101 padding-bottom: 100px !important; 15100 padding-bottom: 130px !important;
15102 overflow-x: scroll !important; 15101 overflow-x: scroll !important;
15103 height: calc(100vh - 80px) !important; 15102 height: calc(100vh - 80px) !important;
15104 } 15103 }
15104 .admin-bar #mega-menu-primary {
15105 margin-top: 140px !important;
15106 }
15105 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after { 15107 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
15106 display: none !important; 15108 display: none !important;
15107 } 15109 }
...@@ -15110,10 +15112,9 @@ body { ...@@ -15110,10 +15112,9 @@ body {
15110 max-width: 100%; 15112 max-width: 100%;
15111 padding: 0px 34px; 15113 padding: 0px 34px;
15112 margin: auto; 15114 margin: auto;
15113 }
15114 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
15115 left: -100%; 15115 left: -100%;
15116 background-color: #F0F0F0; 15116 background-color: #F0F0F0;
15117 margin-top: 80px;
15117 } 15118 }
15118 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { 15119 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
15119 margin-top: 0px; 15120 margin-top: 0px;
...@@ -15219,7 +15220,7 @@ body { ...@@ -15219,7 +15220,7 @@ body {
15219 .sub-menu-wrapper { 15220 .sub-menu-wrapper {
15220 background-color: #F0F0F0; 15221 background-color: #F0F0F0;
15221 width: 100% !important; 15222 width: 100% !important;
15222 height: 90vh; 15223 height: 100vh;
15223 padding: 0px 10% !important; 15224 padding: 0px 10% !important;
15224 margin: auto !important; 15225 margin: auto !important;
15225 float: none !important; 15226 float: none !important;
...@@ -15245,6 +15246,11 @@ body { ...@@ -15245,6 +15246,11 @@ body {
15245 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { 15246 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
15246 display: none !important; 15247 display: none !important;
15247 } 15248 }
15249 .list-wrapper2,
15250 .list-wrapper3 {
15251 max-width: 100%;
15252 overflow-x: hidden;
15253 }
15248 .list-wrapper2 ul.mega-sub-menu, 15254 .list-wrapper2 ul.mega-sub-menu,
15249 .list-wrapper3 ul.mega-sub-menu { 15255 .list-wrapper3 ul.mega-sub-menu {
15250 display: block !important; 15256 display: block !important;
...@@ -15375,6 +15381,32 @@ body { ...@@ -15375,6 +15381,32 @@ body {
15375 width: 100px; 15381 width: 100px;
15376 } 15382 }
15377 } 15383 }
15384 .site {
15385 margin-top: 170px;
15386 }
15387 @media only screen and (max-width: 1000px) {
15388 .site {
15389 margin-top: 80px;
15390 }
15391 }
15392
15393 #wrapper-navbar {
15394 position: fixed;
15395 width: 100%;
15396 background-color: #fff;
15397 z-index: 999;
15398 top: 0px;
15399 }
15400
15401 .admin-bar #wrapper-navbar {
15402 top: 32px;
15403 }
15404
15405 @media only screen and (max-width: 782px) {
15406 .admin-bar #wrapper-navbar {
15407 top: 46px;
15408 }
15409 }
15378 .select:after { 15410 .select:after {
15379 content: ""; 15411 content: "";
15380 display: block; 15412 display: block;
...@@ -16991,6 +17023,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -16991,6 +17023,7 @@ ul.sf_date_field .sf-datepicker {
16991 height: 40px; 17023 height: 40px;
16992 width: 40px; 17024 width: 40px;
16993 text-indent: -9999px; 17025 text-indent: -9999px;
17026 right: -10px;
16994 display: inline-block; 17027 display: inline-block;
16995 } 17028 }
16996 @media screen and (max-width: 900px) { 17029 @media screen and (max-width: 900px) {
...@@ -17024,6 +17057,16 @@ ul.sf_date_field .sf-datepicker { ...@@ -17024,6 +17057,16 @@ ul.sf_date_field .sf-datepicker {
17024 opacity: 0.7; 17057 opacity: 0.7;
17025 } 17058 }
17026 17059
17060 #advance-search-modal {
17061 z-index: 8;
17062 position: fixed;
17063 margin-top: 80px;
17064 }
17065 @media screen and (max-width: 900px) {
17066 #advance-search-modal {
17067 margin-top: 0px;
17068 }
17069 }
17027 #advance-search-modal .btn-close { 17070 #advance-search-modal .btn-close {
17028 opacity: 1; 17071 opacity: 1;
17029 } 17072 }
...@@ -17091,7 +17134,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -17091,7 +17134,7 @@ ul.sf_date_field .sf-datepicker {
17091 width: 100%; 17134 width: 100%;
17092 margin: 0px; 17135 margin: 0px;
17093 height: 100vh; 17136 height: 100vh;
17094 padding-top: 40px; 17137 padding-top: 80px;
17095 } 17138 }
17096 } 17139 }
17097 @media screen and (max-width: 900px) { 17140 @media screen and (max-width: 900px) {
...@@ -17214,6 +17257,44 @@ ul.sf_date_field .sf-datepicker { ...@@ -17214,6 +17257,44 @@ ul.sf_date_field .sf-datepicker {
17214 width: 50px !important; 17257 width: 50px !important;
17215 } 17258 }
17216 17259
17260 @media screen and (max-width: 900px) {
17261 .modal.left .modal-dialog,
17262 .modal.right .modal-dialog {
17263 position: fixed;
17264 margin: auto;
17265 width: 100%;
17266 height: 100%;
17267 transform: translate3d(0%, 0, 0);
17268 }
17269 .modal.left .modal-content,
17270 .modal.right .modal-content {
17271 height: 100%;
17272 overflow-y: auto;
17273 }
17274 .modal.left .modal-body,
17275 .modal.right .modal-body {
17276 padding: 15px 15px 80px;
17277 }
17278 .modal.left.fade .modal-dialog {
17279 left: -100%;
17280 opacity: 1 !important;
17281 transition: left 0.5s;
17282 }
17283 .fade:not(.show) {
17284 opacity: 1 !important;
17285 }
17286 .modal.left.show .modal-dialog {
17287 left: 0;
17288 }
17289 .modal-backdrop {
17290 display: none !important;
17291 opacity: 0 !important;
17292 }
17293 }
17294 .modal-backdrop {
17295 z-index: 6;
17296 }
17297
17217 .search-results .search-field { 17298 .search-results .search-field {
17218 border: 0; 17299 border: 0;
17219 border-bottom: 1px solid #707070; 17300 border-bottom: 1px solid #707070;
...@@ -17394,6 +17475,10 @@ ul.sf_date_field .sf-datepicker { ...@@ -17394,6 +17475,10 @@ ul.sf_date_field .sf-datepicker {
17394 position: relative; 17475 position: relative;
17395 height: 100%; 17476 height: 100%;
17396 overflow: hidden; 17477 overflow: hidden;
17478 min-height: 600px;
17479 background-repeat: no-repeat;
17480 background-size: cover;
17481 background-position: center;
17397 } 17482 }
17398 .home-header img { 17483 .home-header img {
17399 width: 100%; 17484 width: 100%;
...@@ -17410,6 +17495,12 @@ ul.sf_date_field .sf-datepicker { ...@@ -17410,6 +17495,12 @@ ul.sf_date_field .sf-datepicker {
17410 width: 100%; 17495 width: 100%;
17411 max-width: 720px; 17496 max-width: 720px;
17412 } 17497 }
17498 @media only screen and (max-width: 782px) {
17499 .home-header h1, .home-header .h1 {
17500 font-size: 18px;
17501 line-height: 22px;
17502 }
17503 }
17413 .home-header .content-container { 17504 .home-header .content-container {
17414 position: absolute; 17505 position: absolute;
17415 bottom: 0px; 17506 bottom: 0px;
...@@ -17432,6 +17523,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -17432,6 +17523,11 @@ ul.sf_date_field .sf-datepicker {
17432 margin: auto; 17523 margin: auto;
17433 padding: 42px 50px; 17524 padding: 42px 50px;
17434 } 17525 }
17526 @media only screen and (max-width: 782px) {
17527 .home-header .search-box {
17528 padding: 28px 48px;
17529 }
17530 }
17435 .home-header .search-box h4, .home-header .search-box .h4 { 17531 .home-header .search-box h4, .home-header .search-box .h4 {
17436 font-size: 45px !important; 17532 font-size: 45px !important;
17437 line-height: 53px; 17533 line-height: 53px;
...@@ -17439,10 +17535,21 @@ ul.sf_date_field .sf-datepicker { ...@@ -17439,10 +17535,21 @@ ul.sf_date_field .sf-datepicker {
17439 font-weight: lighter; 17535 font-weight: lighter;
17440 font-family: "PT Sans", sans-serif; 17536 font-family: "PT Sans", sans-serif;
17441 } 17537 }
17538 @media only screen and (max-width: 782px) {
17539 .home-header .search-box h4, .home-header .search-box .h4 {
17540 font-size: 35px !important;
17541 line-height: 40px;
17542 }
17543 }
17442 .home-header .search-box .searchandfilter { 17544 .home-header .search-box .searchandfilter {
17443 width: calc(100% - 50px); 17545 width: calc(100% - 50px);
17444 display: inline-block; 17546 display: inline-block;
17445 } 17547 }
17548 @media only screen and (max-width: 782px) {
17549 .home-header .search-box .searchandfilter {
17550 width: calc(100% - 40px);
17551 }
17552 }
17446 .home-header .search-box .searchandfilter ul { 17553 .home-header .search-box .searchandfilter ul {
17447 padding-left: 0px; 17554 padding-left: 0px;
17448 } 17555 }
...@@ -17454,10 +17561,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -17454,10 +17561,11 @@ ul.sf_date_field .sf-datepicker {
17454 font-family: "PT Sans", sans-serif; 17561 font-family: "PT Sans", sans-serif;
17455 } 17562 }
17456 .home-header .search-box .sf-field-search { 17563 .home-header .search-box .sf-field-search {
17457 display: inline; 17564 display: inline-block;
17565 width: calc(100% - 80px);
17458 } 17566 }
17459 .home-header .search-box .sf-field-search label { 17567 .home-header .search-box .sf-field-search label {
17460 width: 74%; 17568 width: 90%;
17461 position: relative; 17569 position: relative;
17462 display: inline-block !important; 17570 display: inline-block !important;
17463 margin: auto; 17571 margin: auto;
...@@ -17508,25 +17616,29 @@ ul.sf_date_field .sf-datepicker { ...@@ -17508,25 +17616,29 @@ ul.sf_date_field .sf-datepicker {
17508 .home-header .search-box .sf-field-submit input[name=_sf_submit]:hover { 17616 .home-header .search-box .sf-field-submit input[name=_sf_submit]:hover {
17509 background: #669999; 17617 background: #669999;
17510 } 17618 }
17511 .home-header .side-caption:hover, .home-header .side-caption:focus-within { 17619
17620 .side-caption:hover, .side-caption:focus-within {
17512 bottom: 0 !important; 17621 bottom: 0 !important;
17513 } 17622 }
17514 .home-header .side-caption { 17623
17624 .side-caption {
17515 position: absolute; 17625 position: absolute;
17516 bottom: -100%; 17626 bottom: -100%;
17517 z-index: 99; 17627 z-index: 99;
17518 } 17628 }
17519 .home-header .side-caption.hide { 17629 .side-caption.hide {
17520 display: none; 17630 display: none;
17521 } 17631 }
17522 .home-header .side-caption.ready { 17632 .side-caption.ready {
17523 opacity: 1; 17633 opacity: 1;
17524 transition: bottom 0.3s; 17634 transition: bottom 0.3s;
17525 } 17635 }
17526 .home-header .side-caption { 17636
17637 .side-caption {
17527 max-width: 30%; 17638 max-width: 30%;
17528 } 17639 }
17529 .home-header .copy-link { 17640
17641 .copy-link {
17530 background: url("./../img/caption.svg"); 17642 background: url("./../img/caption.svg");
17531 background-repeat: no-repeat; 17643 background-repeat: no-repeat;
17532 display: block; 17644 display: block;
...@@ -17535,7 +17647,8 @@ ul.sf_date_field .sf-datepicker { ...@@ -17535,7 +17647,8 @@ ul.sf_date_field .sf-datepicker {
17535 z-index: 9; 17647 z-index: 9;
17536 position: relative; 17648 position: relative;
17537 } 17649 }
17538 .home-header .image-side-caption { 17650
17651 .image-side-caption {
17539 background: rgba(0, 0, 0, 0.7); 17652 background: rgba(0, 0, 0, 0.7);
17540 display: block; 17653 display: block;
17541 color: white; 17654 color: white;
...@@ -17543,16 +17656,223 @@ ul.sf_date_field .sf-datepicker { ...@@ -17543,16 +17656,223 @@ ul.sf_date_field .sf-datepicker {
17543 font-size: 14px; 17656 font-size: 14px;
17544 margin-top: 0; 17657 margin-top: 0;
17545 } 17658 }
17546 .home-header .image-side-caption .cap, .home-header .image-side-caption .copyright { 17659 .image-side-caption .cap, .image-side-caption .copyright {
17547 display: block; 17660 display: block;
17548 } 17661 }
17549 .home-header .image-side-caption .copyright { 17662 .image-side-caption .copyright {
17550 padding-top: 0.25rem; 17663 padding-top: 0.25rem;
17551 } 17664 }
17552 .home-header .image-side-caption span { 17665 .image-side-caption span {
17553 color: white; 17666 color: white;
17554 } 17667 }
17555 17668
17669 #content:not(.search-content) {
17670 display: flex;
17671 }
17672
17673 .entry-header.page {
17674 position: relative;
17675 height: 100%;
17676 overflow: hidden;
17677 min-height: 600px;
17678 background-repeat: no-repeat;
17679 background-size: cover;
17680 background-position: center;
17681 }
17682 .entry-header.page .search-box:focus-within #search-box-content,
17683 .entry-header.page .search-box:hover #search-box-content {
17684 display: block;
17685 }
17686 .entry-header.page .search-box:focus-within .search-button,
17687 .entry-header.page .search-box:hover .search-button {
17688 display: none;
17689 }
17690 .entry-header.page .search-box.show .search-button {
17691 display: none;
17692 }
17693 @media only screen and (max-width: 782px) {
17694 .entry-header.page .advance-search-button {
17695 display: none;
17696 }
17697 }
17698 .entry-header.page .search-box {
17699 background-color: #fff;
17700 border-radius: 1.25rem;
17701 max-width: 90%;
17702 margin: auto;
17703 margin-top: 40px;
17704 padding: 0px 100px;
17705 position: relative;
17706 }
17707 @media only screen and (max-width: 782px) {
17708 .entry-header.page .search-box {
17709 padding: 0px 10px;
17710 }
17711 }
17712 .entry-header.page .search-box .search-button {
17713 height: 64px;
17714 width: 64px;
17715 text-indent: -9999px;
17716 position: absolute;
17717 right: 0px;
17718 top: 20px;
17719 background-color: #fff;
17720 border-radius: 10px;
17721 }
17722 .entry-header.page .search-box .search-button:after {
17723 content: "";
17724 position: absolute;
17725 left: 0rem;
17726 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");
17727 background-size: contain;
17728 width: 36px;
17729 height: 36px;
17730 top: 13px;
17731 left: 12px;
17732 }
17733 .entry-header.page .search-box #search-box-content {
17734 display: none;
17735 position: relative;
17736 }
17737 .entry-header.page .search-box #search-box-content.show {
17738 display: block;
17739 }
17740 .entry-header.page .search-box h4, .entry-header.page .search-box .h4 {
17741 font-size: 45px !important;
17742 line-height: 53px;
17743 text-align: center;
17744 font-weight: lighter;
17745 font-family: "PT Sans", sans-serif;
17746 }
17747 @media only screen and (max-width: 782px) {
17748 .entry-header.page .search-box h4, .entry-header.page .search-box .h4 {
17749 font-size: 35px !important;
17750 line-height: 40px;
17751 }
17752 }
17753 .entry-header.page .search-box .searchandfilter {
17754 width: calc(100% - 150px);
17755 display: inline-block;
17756 }
17757 @media only screen and (max-width: 782px) {
17758 .entry-header.page .search-box .searchandfilter {
17759 width: calc(100% - 0px);
17760 padding-left: 40px;
17761 }
17762 }
17763 .entry-header.page .search-box .searchandfilter ul {
17764 padding-left: 0px;
17765 }
17766 .entry-header.page .search-box .searchandfilter h4, .entry-header.page .search-box .searchandfilter .h4 {
17767 font-size: 45px !important;
17768 line-height: 53px;
17769 text-align: center;
17770 font-weight: lighter;
17771 font-family: "PT Sans", sans-serif;
17772 }
17773 .entry-header.page .search-box .sf-field-search {
17774 display: inline-block;
17775 width: calc(100% - 80px);
17776 padding: 18px 0 27px 0;
17777 }
17778 .entry-header.page .search-box .sf-field-search label {
17779 width: 90%;
17780 position: relative;
17781 display: inline-block !important;
17782 margin: auto;
17783 margin-left: 10%;
17784 }
17785 .entry-header.page .search-box .sf-field-search label:after {
17786 content: "";
17787 position: absolute;
17788 left: -3rem;
17789 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");
17790 background-size: contain;
17791 width: 2.063rem;
17792 height: 2.063rem;
17793 top: 1.2rem;
17794 }
17795 .entry-header.page .search-box .sf-field-search input[name="_sf_search[]"] {
17796 width: 100%;
17797 border: 0;
17798 border-bottom: 1px solid #707070;
17799 border-radius: 0;
17800 font-size: 1.75rem;
17801 font-weight: 400;
17802 line-height: 1.5;
17803 color: #212529;
17804 padding: 0.375rem 0.75rem;
17805 margin: auto;
17806 }
17807 .entry-header.page .search-box .sf-field-submit {
17808 display: inline-block !important;
17809 }
17810 .entry-header.page .search-box .sf-field-submit input[name=_sf_submit] {
17811 border-radius: 50%;
17812 padding: 0;
17813 height: 3.438rem;
17814 width: 3.438rem;
17815 margin-top: -0.6rem;
17816 margin-left: 1rem;
17817 font-size: 1.125rem;
17818 font-family: "PT Sans", sans-serif;
17819 font-weight: 700;
17820 background: #e00;
17821 color: #fff;
17822 border: 0;
17823 text-transform: uppercase;
17824 transition: none;
17825 display: inline-block !important;
17826 }
17827 .entry-header.page .search-box .sf-field-submit input[name=_sf_submit]:hover {
17828 background: #669999;
17829 }
17830
17831 #page-wrapper {
17832 margin-top: 34px;
17833 }
17834 #page-wrapper .breadcrumb {
17835 margin-bottom: 0px;
17836 }
17837 #page-wrapper .breadcrumb #breadcrumb {
17838 margin-bottom: 10px;
17839 }
17840 #page-wrapper h1, #page-wrapper .h1 {
17841 font-size: 45px;
17842 line-height: 52px;
17843 font-weight: bold;
17844 }
17845 #page-wrapper h1 + p, #page-wrapper .h1 + p {
17846 font-weight: bold;
17847 }
17848
17849 .top_parent {
17850 font-weight: bold;
17851 font-size: 20px;
17852 line-height: 25px;
17853 }
17854
17855 .side-menu {
17856 list-style: none;
17857 margin-top: 14px;
17858 }
17859 .side-menu li {
17860 margin-bottom: 14px;
17861 }
17862 .side-menu li a {
17863 text-decoration: none;
17864 font-size: 20px;
17865 line-height: 25px;
17866 }
17867
17868 @media only screen and (max-width: 1000px) {
17869 #page-sidebar {
17870 display: none;
17871 }
17872 #main {
17873 width: 100%;
17874 }
17875 }
17556 .has-blue-color, 17876 .has-blue-color,
17557 .has-blue-color:visited { 17877 .has-blue-color:visited {
17558 color: #0d6efd; 17878 color: #0d6efd;
......
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.
...@@ -22,15 +22,15 @@ $container = get_theme_mod( 'understrap_container_type' ); ...@@ -22,15 +22,15 @@ $container = get_theme_mod( 'understrap_container_type' );
22 if ( is_front_page() ) { 22 if ( is_front_page() ) {
23 get_template_part( 'global-templates/hero' ); 23 get_template_part( 'global-templates/hero' );
24 } 24 }
25 25 $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'full' );
26 ?> 26 ?>
27 27
28 28
29 <article <?php post_class(); ?> id="post-<?php the_ID(); ?>"> 29 <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
30 30
31 <?php if ( has_post_thumbnail() ) { ?> 31 <?php if ( has_post_thumbnail() ) { ?>
32 <div class='cap-wrap home-header'> 32 <div class='cap-wrap home-header' style=" background-image: url('<?php echo $url;?> ')">
33 <?php echo get_the_post_thumbnail( $post->ID, 'full' ); ?> 33
34 <div class="content-container"> 34 <div class="content-container">
35 <div class="container" style="height: 100%;"> 35 <div class="container" style="height: 100%;">
36 <div class="col-md-12 fx-style"> 36 <div class="col-md-12 fx-style">
......
1 <?php
2
3 if( function_exists('acf_add_options_page') ) {
4
5
6 acf_add_options_page(array(
7 'page_title' => 'Theme General Settings',
8 'menu_title' => 'Theme Settings',
9 'menu_slug' => 'theme-general-settings',
10 'capability' => 'edit_posts',
11 'redirect' => false
12 ));
13
14 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -6,3 +6,5 @@ require_once 'breadcrumb.php'; ...@@ -6,3 +6,5 @@ require_once 'breadcrumb.php';
6 require_once 'shortcodes.php'; 6 require_once 'shortcodes.php';
7 require_once 'search-extras.php'; 7 require_once 'search-extras.php';
8 require_once 'disable-comments.php'; 8 require_once 'disable-comments.php';
9 require_once 'blocks.php';
10 require_once 'side-menu.php';
......
...@@ -10,7 +10,7 @@ function advance_search($atts){ ...@@ -10,7 +10,7 @@ function advance_search($atts){
10 $search_id = $atts['search_id']; 10 $search_id = $atts['search_id'];
11 ob_start(); ?> 11 ob_start(); ?>
12 <a type="button" class="advance-search-button" data-bs-toggle="modal" data-bs-target="#advance-search-modal">Advance Search</a> 12 <a type="button" class="advance-search-button" data-bs-toggle="modal" data-bs-target="#advance-search-modal">Advance Search</a>
13 <div class="modal fade flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true"> 13 <div class="modal fade left flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
14 <div class="modal-dialog modal-dialog-centered"> 14 <div class="modal-dialog modal-dialog-centered">
15 <div class="modal-content"> 15 <div class="modal-content">
16 <div class="modal-header"> 16 <div class="modal-header">
......
1 <?php
2
3 function show_all_children($parent_id, $post_id, $current_level)
4 {
5
6 $top_parents = array();
7 $top_parents = get_post_ancestors($post_id);
8 $top_parents[] = $post_id;
9
10 $children = get_posts(
11 array(
12 'post_type' => 'page'
13 , 'posts_per_page' => -1
14 , 'post_parent' => $parent_id
15 , 'order_by' => 'title'
16 , 'order' => 'ASC'
17 ));
18
19 if (empty($children)) return;
20 echo '
21 <a class="top_parent" href="'.get_permalink($parent_id).'" title="'.get_the_title($parent_id).'">'.get_the_title($parent_id).'</a>';
22
23
24 echo '<ul class="side-menu children level-'.$current_level.'-children">';
25
26 foreach ($children as $child)
27 {
28 echo '<li';
29 if (in_array($child->ID, $top_parents))
30 {
31 echo ' class="current_page_item"';
32 }
33 echo '>';
34
35 echo '<a href="'.get_permalink($child->ID).'">';
36 echo apply_filters('the_title', $child->post_title);
37 echo '</a>';
38
39 // now call the same function for child of this child
40 if ($child->ID && (in_array($child->ID, $top_parents)))
41 {
42 show_all_children($child->ID, $post_id, $current_level+1);
43 }
44
45 echo '</li>';
46 }
47
48 echo '</ul>';
49 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -4,10 +4,10 @@ ...@@ -4,10 +4,10 @@
4 * Licensed under GPL-3.0 (undefined) 4 * Licensed under GPL-3.0 (undefined)
5 */ 5 */
6 (function (global, factory) { 6 (function (global, factory) {
7 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : 7 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
8 typeof define === 'function' && define.amd ? define(['exports'], factory) : 8 typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
9 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.understrap = {})); 9 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.understrap = {}, global.jQuery));
10 })(this, (function (exports) { 'use strict'; 10 })(this, (function (exports, jquery) { 'use strict';
11 11
12 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; 12 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
13 13
...@@ -7503,6 +7503,193 @@ ...@@ -7503,6 +7503,193 @@
7503 $(this).closest('.searchandfilter')[0].reset(); 7503 $(this).closest('.searchandfilter')[0].reset();
7504 return false; 7504 return false;
7505 }); 7505 });
7506 $(document).on("click", ".advance-search-button", function (e) {
7507 $('#search-box-content').addClass('show');
7508 $('.search-box').addClass('show');
7509 });
7510 var myModal = document.getElementById('advance-search-modal');
7511 myModal.addEventListener('hidden.bs.modal', function () {
7512 $('#search-box-content').removeClass('show');
7513 $('.search-box').removeClass('show');
7514 });
7515 });
7516
7517 var Responsive = function ($) {
7518 // $('.play-pause-btn').on('click', function() {
7519 // if(!this.isDesktop()) {
7520 // $(this).hide();
7521 // $(this).parents('.swiper-wrapper').find('.header-video').trigger('play');
7522 // }
7523 // });
7524
7525 var desk = window.matchMedia("(min-width: 1150px)");
7526 function isDesktop() {
7527 return desk.matches;
7528 }
7529 function toggleMobileMenu() {
7530 $('#navbarNavDropdown').toggleClass('show');
7531 $('.navbar-toggler').toggleClass('active');
7532 if ($('#navbarNavDropdown').hasClass('show')) {
7533 $('body').addClass('locked');
7534 } else {
7535 $('body').removeClass('locked');
7536 }
7537 }
7538 $(document).on('click', '.navbar-toggler', function () {
7539 toggleMobileMenu();
7540 });
7541 $.fn.classChange = function (cb) {
7542 return $(this).each((_, el) => {
7543 new MutationObserver(mutations => {
7544 mutations.forEach(mutation => cb && cb(mutation.target, $(mutation.target).prop(mutation.attributeName)));
7545 }).observe(el, {
7546 attributes: true,
7547 attributeFilter: ['class'] // only listen for class attribute changes
7548 });
7549 });
7550 };
7551
7552 function init() {
7553 $('body').classChange(function (el, new_class) {
7554 if (new_class.indexOf('pojo-a11y-resize-font-130') !== -1) {
7555 setTimeout(function () {
7556 $(window).trigger('resize');
7557 }, 500);
7558 }
7559 });
7560 function putBackMenuItemsToLastIndex() {
7561 $('.mi-image-container').each(function () {
7562 var item = $(this).parentsUntil('.menu-item');
7563 var last_idx = $(item).data('last-idx');
7564 var cur_idx = $(item).index();
7565 console.log(last_idx + " " + cur_idx);
7566 if (last_idx != cur_idx) {
7567 var item = $(this).parents('.menu-item')[0];
7568 var dropdown = $(this).parents('.dropdown-menu');
7569 $(dropdown).children().eq(last_idx).before(item);
7570 }
7571 });
7572 }
7573 function makeImageMenuItemsLastItems() {
7574 $('.mi-image-container').each(function () {
7575 var item = $(this).parents('.menu-item')[0];
7576 if (last_idx != 1) {
7577 var dropdown = $(this).parents('.dropdown-menu');
7578 var last_idx = $(dropdown).find('li').index(item);
7579 $(item).data('last-idx', last_idx);
7580 $(dropdown).append(item);
7581 }
7582 });
7583 }
7584 function setupDropdownMenuHeights() {
7585 $('.dropdown-menu').each(function () {
7586 $(this).css('height', $(this).height() + 5);
7587 $(this).addClass('ready');
7588 });
7589 }
7590 function makeMobileCarousels() {
7591 LegacyCalc.mobilize();
7592 ImageCollage.mobilize();
7593 }
7594 function demobilize() {
7595 $('.donate.menu-item').append($('#main-nav .donate-btn'));
7596 $('.navbar-toggler').after($('#navbarNavDropdown'));
7597 $('.news-and-stories-block').each(function () {
7598 var btn = $(this).find('.post-list-load-more');
7599 $(this).append(btn);
7600 });
7601 // HeaderMenu.alignTheSideCaptions();
7602 putBackMenuItemsToLastIndex();
7603 // demobilizeJobIframes();
7604
7605 if ($('.menu-item-11505').length > 0) {
7606 $('.menu-item-11503').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-11503'));
7607 $('.menu-item-11505').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-11505'));
7608 }
7609 if ($('.menu-item-15438').length > 0) {
7610 $('.menu-item-15438').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-15438'));
7611 $('.menu-item-15442').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-15442'));
7612 }
7613 }
7614 function mobilize() {
7615 var donate_btn = $('#main-menu .donate > a');
7616 if (!$(donate_btn).hasClass('donate-btn')) {
7617 $(donate_btn).addClass('donate-btn');
7618 }
7619 $('#main-nav .container').append(donate_btn);
7620 $('#wrapper-navbar').append($('#navbarNavDropdown'));
7621 $('.news-and-stories-block').each(function () {
7622 var btn = $(this).find('.post-list-load-more');
7623 $(this).prepend(btn);
7624 });
7625 // HeaderMenu.alignTheSideCaptions();
7626 makeMobileCarousels();
7627 makeImageMenuItemsLastItems();
7628 setupDropdownMenuHeights();
7629 if ($('.menu-item-11505').length > 0) {
7630 $('.menu-item-11505').parents('.dropdown-menu').prepend($('.menu-item-11505'));
7631 $('.menu-item-11503').parents('.dropdown-menu').prepend($('.menu-item-11503'));
7632 }
7633 if ($('.menu-item-15438').length > 0) {
7634 $('.menu-item-15442').parents('.dropdown-menu').prepend($('.menu-item-15442'));
7635 $('.menu-item-15438').parents('.dropdown-menu').prepend($('.menu-item-15438'));
7636 }
7637 }
7638 desk.addEventListener('change', event => {
7639 if (event.matches) {
7640 demobilize();
7641 } else {
7642 mobilize();
7643 }
7644 });
7645 if (desk.matches) ; else {
7646 mobilize();
7647 }
7648 }
7649 return {
7650 init: init,
7651 isDesktop: isDesktop
7652 };
7653 }(jquery);
7654 jquery(document).ready(Responsive.init);
7655
7656 var HeaderMenu = function () {
7657 return {
7658 alignTheSideCaptions: function () {
7659 jQuery('.side-caption').each(function () {
7660 var that = this;
7661 var _bottom = jQuery(this).find('.image-side-caption').innerHeight();
7662 if (!Responsive.isDesktop()) {
7663 if (jQuery(that).parent().is('.entry-header') && !jQuery(that).parent().is('.no-photo')) {
7664 jQuery(that).css('margin-bottom', -_bottom);
7665 var _bottom = jQuery(that).parent().find('.title-container').innerHeight();
7666 jQuery(that).css('bottom', _bottom);
7667 setTimeout(function () {
7668 jQuery(that).addClass('ready');
7669 }, 500);
7670 } else {
7671 jQuery(that).css('bottom', -_bottom);
7672 setTimeout(function () {
7673 jQuery(that).addClass('ready');
7674 }, 500);
7675 }
7676 } else {
7677 jQuery(this).css('bottom', -_bottom);
7678 setTimeout(function () {
7679 jQuery(that).addClass('ready');
7680 }, 500);
7681 }
7682 });
7683 }
7684 };
7685 }();
7686 jQuery(function ($) {
7687 setInterval(function () {
7688 HeaderMenu.alignTheSideCaptions();
7689 }, 1000);
7690 $('.copy-link').on('click', function (e) {
7691 e.preventDefault();
7692 });
7506 }); 7693 });
7507 7694
7508 // Add your custom JS here. 7695 // Add your custom JS here.
......
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.
...@@ -14,10 +14,6 @@ defined( 'ABSPATH' ) || exit; ...@@ -14,10 +14,6 @@ defined( 'ABSPATH' ) || exit;
14 14
15 15
16 16
17 <header class="entry-header home">
18
19
20 </header><!-- .entry-header -->
21 <div class='content-header-seperater'></div> 17 <div class='content-header-seperater'></div>
22 18
23 19
......
...@@ -14,17 +14,41 @@ ...@@ -14,17 +14,41 @@
14 defined( 'ABSPATH' ) || exit; 14 defined( 'ABSPATH' ) || exit;
15 15
16 get_header(); 16 get_header();
17 17 $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'full' );
18 $container = get_theme_mod( 'understrap_container_type' ); 18 $container = get_theme_mod( 'understrap_container_type' );
19 19
20 ?> 20 $subhead = get_field('subhead');
21 $thumb_id = get_post_thumbnail_id();
22 $first_cap = get_field('caption');
23 $first_copy = get_field('copyright');
21 24
25 ?>
26 <?php if ( has_post_thumbnail() ) { ?>
27 <header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')">
28
29 <div class="search-box"><div id="search-box-content"><?php the_field('page_search_block', 'option'); ?></div> <div class="search-button">Search</div></div>
30 <div class='side-caption header-caption <?= (empty($first_copy) && empty($first_cap)) ? "hide" : "" ?>'>
31 <a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
32 <span class='image-side-caption'>
33 <span class='cap'><?= $first_cap ?></span>
34 <span class='copyright'><?= ($first_copy) ? "&copy; ".$first_copy : "" ?></span>
35 </span>
36 </div>
37 </header><!-- .entry-header -->
38 <?php } ?>
22 <div class="wrapper" id="page-wrapper"> 39 <div class="wrapper" id="page-wrapper">
23 40
24 <div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1"> 41 <div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1">
25 42 <div class="col-sm-12 col-md-12 col-lg-3 widget-area" id="page-sidebar">
26 <main class="site-main" id="main"> 43 <?php
27 44 $parents_ids = get_post_ancestors($post->ID);
45 $top_parent_id = (count($parents_ids) > 0) ? $parents_ids[count($parents_ids)-1] : $post->ID;
46 show_all_children($top_parent_id, $post->ID, 1);
47 ?>
48 </div>
49 <main class="col-sm-12 col-md-9 content-area site-main site-main" id="main">
50
51 <div class="breadcrumb"><?php get_breadcrumb(); ?></div>
28 <?php 52 <?php
29 while ( have_posts() ) { 53 while ( have_posts() ) {
30 the_post(); 54 the_post();
......
...@@ -14,7 +14,7 @@ get_header(); ...@@ -14,7 +14,7 @@ get_header();
14 14
15 <div class="wrapper" id="search-wrapper"> 15 <div class="wrapper" id="search-wrapper">
16 16
17 <div class="<?php echo esc_attr( $container ); ?> container" id="content" tabindex="-1"> 17 <div class="<?php echo esc_attr( $container ); ?> container search-content" id="content" tabindex="-1">
18 <h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1> 18 <h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1>
19 <?php //get_search_form() ?> 19 <?php //get_search_form() ?>
20 <?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); echo do_shortcode('[advance-search search_id="112"]'); ?> 20 <?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); echo do_shortcode('[advance-search search_id="112"]'); ?>
......
...@@ -26,7 +26,7 @@ if ( is_front_page() ) { ...@@ -26,7 +26,7 @@ if ( is_front_page() ) {
26 <div class="col-md-12 content-area" id="primary"> 26 <div class="col-md-12 content-area" id="primary">
27 27
28 <main class="site-main" id="main" role="main"> 28 <main class="site-main" id="main" role="main">
29 29
30 <?php 30 <?php
31 while ( have_posts() ) { 31 while ( have_posts() ) {
32 the_post(); 32 the_post();
......
...@@ -34,6 +34,9 @@ var HeaderMenu = (function() { ...@@ -34,6 +34,9 @@ var HeaderMenu = (function() {
34 })(); 34 })();
35 35
36 36
37
38
39
37 jQuery(function($) { 40 jQuery(function($) {
38 41
39 42
...@@ -44,6 +47,7 @@ jQuery(function($) { ...@@ -44,6 +47,7 @@ jQuery(function($) {
44 47
45 $('.copy-link').on('click', function(e) { 48 $('.copy-link').on('click', function(e) {
46 e.preventDefault(); 49 e.preventDefault();
50
47 }); 51 });
48 52
49 53
......
...@@ -10,4 +10,18 @@ jQuery(document).ready(function($){ ...@@ -10,4 +10,18 @@ jQuery(document).ready(function($){
10 $(this).closest('.searchandfilter')[0].reset(); 10 $(this).closest('.searchandfilter')[0].reset();
11 return false; 11 return false;
12 }); 12 });
13
14 $(document).on("click", ".advance-search-button", function(e){
15 $('#search-box-content').addClass('show');
16 $('.search-box').addClass('show');
17 });
18
19 var myModal = document.getElementById('advance-search-modal');
20
21 myModal.addEventListener('hidden.bs.modal', function () {
22 $('#search-box-content').removeClass('show');
23 $('.search-box').removeClass('show');
24 })
13 }); 25 });
26
27
......
...@@ -3,6 +3,7 @@ import LazyLoad from "vanilla-lazyload"; ...@@ -3,6 +3,7 @@ import LazyLoad from "vanilla-lazyload";
3 3
4 import "./_menu_mobile"; 4 import "./_menu_mobile";
5 import "./_search"; 5 import "./_search";
6 import "./_header_menu";
6 7
7 8
8 var myLazyLoad = new LazyLoad(); 9 var myLazyLoad = new LazyLoad();
......
...@@ -11,4 +11,5 @@ body{ ...@@ -11,4 +11,5 @@ body{
11 @import "search"; 11 @import "search";
12 @import "search_results"; 12 @import "search_results";
13 @import "front_page"; 13 @import "front_page";
14 @import "page";
14 15
......
...@@ -2,6 +2,10 @@ ...@@ -2,6 +2,10 @@
2 position: relative; 2 position: relative;
3 height: 100%; 3 height: 100%;
4 overflow: hidden; 4 overflow: hidden;
5 min-height: 600px;
6 background-repeat: no-repeat;
7 background-size: cover;
8 background-position: center;
5 9
6 img{ 10 img{
7 width: 100%; 11 width: 100%;
...@@ -17,6 +21,10 @@ ...@@ -17,6 +21,10 @@
17 margin-bottom: 40px; 21 margin-bottom: 40px;
18 width: 100%; 22 width: 100%;
19 max-width: 720px; 23 max-width: 720px;
24 @media only screen and (max-width: 782px) {
25 font-size: 18px;
26 line-height:22px ;
27 }
20 } 28 }
21 29
22 .content-container{ 30 .content-container{
...@@ -41,6 +49,9 @@ ...@@ -41,6 +49,9 @@
41 max-width: 720px; 49 max-width: 720px;
42 margin: auto; 50 margin: auto;
43 padding: 42px 50px ; 51 padding: 42px 50px ;
52 @media only screen and (max-width: 782px) {
53 padding: 28px 48px ;
54 }
44 55
45 h4{ 56 h4{
46 font-size: 45px !important; 57 font-size: 45px !important;
...@@ -48,9 +59,16 @@ ...@@ -48,9 +59,16 @@
48 text-align: center; 59 text-align: center;
49 font-weight: lighter; 60 font-weight: lighter;
50 font-family: "PT Sans",sans-serif; 61 font-family: "PT Sans",sans-serif;
62 @media only screen and (max-width: 782px) {
63 font-size: 35px !important;
64 line-height: 40px;
65 }
51 } 66 }
52 .searchandfilter{ 67 .searchandfilter{
53 width: calc(100% - 50px); 68 width: calc(100% - 50px);
69 @media only screen and (max-width: 782px) {
70 width: calc(100% - 40px);
71 }
54 display: inline-block; 72 display: inline-block;
55 } 73 }
56 74
...@@ -65,9 +83,10 @@ ...@@ -65,9 +83,10 @@
65 font-family: "PT Sans",sans-serif; 83 font-family: "PT Sans",sans-serif;
66 } 84 }
67 .sf-field-search{ 85 .sf-field-search{
68 display: inline; 86 display: inline-block;
87 width: calc(100% - 80px);
69 label{ 88 label{
70 width: 74%; 89 width: 90%;
71 position: relative; 90 position: relative;
72 display: inline-block !important; 91 display: inline-block !important;
73 margin: auto; 92 margin: auto;
...@@ -123,6 +142,7 @@ ...@@ -123,6 +142,7 @@
123 } 142 }
124 } 143 }
125 144
145 }
126 146
127 .side-caption { 147 .side-caption {
128 &:hover, &:focus-within { 148 &:hover, &:focus-within {
...@@ -176,4 +196,3 @@ ...@@ -176,4 +196,3 @@
176 color:white; 196 color:white;
177 } 197 }
178 } 198 }
179 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -45,4 +45,29 @@ ...@@ -45,4 +45,29 @@
45 .navbar-brand{ 45 .navbar-brand{
46 width:100px; 46 width:100px;
47 } 47 }
48 }
...\ No newline at end of file ...\ No newline at end of file
48 }
49 .site{
50 margin-top: 170px;
51 @media only screen and (max-width: 1000px) {
52 margin-top: 80px;
53 }
54 }
55 #wrapper-navbar {
56 position: fixed;
57 width: 100%;
58 background-color: #fff;
59 z-index: 999;
60 top: 0px;
61 }
62
63 .admin-bar #wrapper-navbar {
64 top: 32px;
65 }
66
67 @media only screen and (max-width: 782px) {
68
69 .admin-bar #wrapper-navbar {
70 top: 46px;
71 }
72
73 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -126,13 +126,16 @@ ...@@ -126,13 +126,16 @@
126 @media only screen and (max-width: 1000px) { 126 @media only screen and (max-width: 1000px) {
127 127
128 128
129
129 #mega-menu-primary{ 130 #mega-menu-primary{
130 margin-top: 75px !important;
131 padding-top: 20px !important; 131 padding-top: 20px !important;
132 padding-bottom: 100px !important; 132 padding-bottom: 130px !important;
133 overflow-x: scroll !important; 133 overflow-x: scroll !important;
134 height: calc(100vh - 80px) !important; 134 height: calc(100vh - 80px) !important;
135 } 135 }
136 .admin-bar #mega-menu-primary{
137 margin-top: 140px !important;
138 }
136 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{ 139 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
137 display: none !important; 140 display: none !important;
138 } 141 }
...@@ -141,13 +144,11 @@ ...@@ -141,13 +144,11 @@
141 max-width: 100%; 144 max-width: 100%;
142 padding: 0px 34px; 145 padding: 0px 34px;
143 margin: auto; 146 margin: auto;
144 }
145
146 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
147 left: -100%; 147 left: -100%;
148 background-color: #F0F0F0; 148 background-color: #F0F0F0;
149 149 margin-top: 80px;
150 } 150 }
151
151 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ 152 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
152 margin-top: 0px; 153 margin-top: 0px;
153 } 154 }
...@@ -266,9 +267,9 @@ ...@@ -266,9 +267,9 @@
266 .sub-menu-wrapper{ 267 .sub-menu-wrapper{
267 background-color: #F0F0F0; 268 background-color: #F0F0F0;
268 width: 100% !important; 269 width: 100% !important;
269 height: 90vh; 270 height: 100vh;
270 padding: 0px 10% !important; 271 padding: 0px 10% !important;
271 margin: auto !important; 272 margin: auto !important;
272 float: none !important; 273 float: none !important;
273 274
274 } 275 }
...@@ -300,6 +301,8 @@ ...@@ -300,6 +301,8 @@
300 } 301 }
301 .list-wrapper2, 302 .list-wrapper2,
302 .list-wrapper3 { 303 .list-wrapper3 {
304 max-width: 100%;
305 overflow-x: hidden;
303 ul.mega-sub-menu{ 306 ul.mega-sub-menu{
304 display: block !important; 307 display: block !important;
305 } 308 }
......
1 #content:not(.search-content){
2 display: flex;
3 }
4
5 .entry-header.page{
6 position: relative;
7 height: 100%;
8 overflow: hidden;
9 min-height: 600px;
10 background-repeat: no-repeat;
11 background-size: cover;
12 background-position: center;
13
14
15 .search-box:focus-within #search-box-content,
16 .search-box:hover #search-box-content{
17 display: block;
18 }
19
20 .search-box:focus-within .search-button,
21 .search-box:hover .search-button{
22 display: none;
23 }
24
25 .search-box.show .search-button{
26 display: none;
27 }
28
29 .advance-search-button{
30 @media only screen and (max-width: 782px) {
31 display: none;
32 }
33
34
35 }
36
37
38 .search-box{
39 background-color: #fff;
40 border-radius: 1.25rem ;
41 max-width: 90%;
42 margin: auto;
43 margin-top: 40px;
44 padding: 0px 100px ;
45 position: relative;
46 @media only screen and (max-width: 782px) {
47 padding: 0px 10px ;
48 }
49
50 .search-button{
51 height: 64px;
52 width: 64px;
53 text-indent: -9999px;
54 position: absolute;
55 right: 0px;
56 top: 20px;
57 background-color: #fff;
58 border-radius: 10px;
59 &:after {
60 content: "";
61 position: absolute;
62 left: 0rem;
63 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");
64 background-size: contain;
65 width: 36px;
66 height:36px;
67 top: 13px;
68 left: 12px;
69 }
70 }
71
72 #search-box-content{
73 display: none;
74 position: relative;
75 }
76 #search-box-content.show{
77 display: block;
78 }
79
80
81
82 h4{
83 font-size: 45px !important;
84 line-height: 53px;
85 text-align: center;
86 font-weight: lighter;
87 font-family: "PT Sans",sans-serif;
88 @media only screen and (max-width: 782px) {
89 font-size: 35px !important;
90 line-height: 40px;
91 }
92 }
93 .searchandfilter{
94 width: calc(100% - 150px);
95 @media only screen and (max-width: 782px) {
96 width: calc(100% - 0px);
97 padding-left: 40px;
98 }
99 display: inline-block;
100 }
101
102 .searchandfilter ul{
103 padding-left: 0px;
104 }
105 .searchandfilter h4{
106 font-size: 45px !important;
107 line-height: 53px;
108 text-align: center;
109 font-weight: lighter;
110 font-family: "PT Sans",sans-serif;
111 }
112 .sf-field-search{
113 display: inline-block;
114 width: calc(100% - 80px);
115 padding: 18px 0 27px 0;
116 label{
117 width: 90%;
118 position: relative;
119 display: inline-block !important;
120 margin: auto;
121 margin-left: 10%;
122 &:after {
123 content: "";
124 position: absolute;
125 left: -3rem;
126 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");
127 background-size: contain;
128 width: 2.063rem;
129 height: 2.063rem;
130 top: 1.2rem;
131 }
132
133 }
134 input[name="_sf_search[]"]{
135 width: 100%;
136 border: 0;
137 border-bottom: 1px solid #707070;
138 border-radius: 0;
139 font-size: 1.75rem;
140 font-weight: 400;
141 line-height: 1.5;
142 color: #212529;
143 padding: 0.375rem 0.75rem;
144 margin: auto;
145 }
146 }
147
148 .sf-field-submit{
149 display: inline-block !important;
150 input[name="_sf_submit"]{
151 border-radius: 50%;
152 padding: 0;
153 height: 3.438rem;
154 width: 3.438rem;
155 margin-top: -0.6rem;
156 margin-left: 1rem;
157 font-size: 1.125rem;
158 font-family: "PT Sans",sans-serif;
159 font-weight: 700;
160 background: #e00;
161 color: #fff;
162 border: 0;
163 text-transform: uppercase;
164 transition: none;
165 display: inline-block !important;
166 &:hover {
167 background:#669999;
168 }
169 }
170 }
171 }
172 }
173 #page-wrapper{
174 margin-top: 34px;
175 .breadcrumb{
176 margin-bottom: 0px;
177 #breadcrumb{
178 margin-bottom: 10px;
179 }
180 }
181 h1{
182 font-size: 45px;
183 line-height: 52px;
184 font-weight: bold;
185 }
186 h1+p {
187 font-weight: bold;
188 }
189 }
190 .top_parent{
191 font-weight: bold;
192 font-size: 20px;
193 line-height: 25px;
194 }
195
196 .side-menu{
197 list-style: none;
198 margin-top: 14px;
199 li{
200 margin-bottom: 14px;
201
202 a{
203 text-decoration: none;
204 font-size: 20px;
205 line-height: 25px;
206 }
207 }
208 }
209 @media only screen and (max-width: 1000px) {
210 #page-sidebar{
211 display: none;
212 }
213 #main{
214 width: 100%;
215 }
216 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -361,6 +361,7 @@ ul.sf_date_field { ...@@ -361,6 +361,7 @@ ul.sf_date_field {
361 height: 40px; 361 height: 40px;
362 width: 40px; 362 width: 40px;
363 text-indent: -9999px; 363 text-indent: -9999px;
364 right:-10px ;
364 display: inline-block; 365 display: inline-block;
365 @media screen and (max-width: 900px) { 366 @media screen and (max-width: 900px) {
366 height: 30px; 367 height: 30px;
...@@ -391,6 +392,12 @@ ul.sf_date_field { ...@@ -391,6 +392,12 @@ ul.sf_date_field {
391 } 392 }
392 393
393 #advance-search-modal { 394 #advance-search-modal {
395 z-index: 8;
396 position: fixed;
397 margin-top: 80px;
398 @media screen and (max-width: 900px) {
399 margin-top: 0px;
400 }
394 .btn-close { 401 .btn-close {
395 opacity: 1; 402 opacity: 1;
396 @media screen and (max-width: 900px) { 403 @media screen and (max-width: 900px) {
...@@ -455,11 +462,12 @@ ul.sf_date_field { ...@@ -455,11 +462,12 @@ ul.sf_date_field {
455 .modal-dialog { 462 .modal-dialog {
456 width: 80%; 463 width: 80%;
457 max-width: 1066px; 464 max-width: 1066px;
465
458 @media screen and (max-width: 900px) { 466 @media screen and (max-width: 900px) {
459 width: 100%; 467 width: 100%;
460 margin: 0px; 468 margin: 0px;
461 height: 100vh; 469 height: 100vh;
462 padding-top: 40px; 470 padding-top: 80px;
463 } 471 }
464 472
465 .searchandfilter { 473 .searchandfilter {
...@@ -591,4 +599,51 @@ ul.sf_date_field { ...@@ -591,4 +599,51 @@ ul.sf_date_field {
591 } 599 }
592 } 600 }
593 } 601 }
602 }
603 @media screen and (max-width: 900px) {
604 .modal.left .modal-dialog,
605 .modal.right .modal-dialog {
606 position: fixed;
607 margin: auto;
608 width: 100%;
609 height: 100%;
610 -webkit-transform: translate3d(0%, 0, 0);
611 -ms-transform: translate3d(0%, 0, 0);
612 -o-transform: translate3d(0%, 0, 0);
613 transform: translate3d(0%, 0, 0);
614 }
615
616 .modal.left .modal-content,
617 .modal.right .modal-content {
618 height: 100%;
619 overflow-y: auto;
620 }
621
622 .modal.left .modal-body,
623 .modal.right .modal-body {
624 padding: 15px 15px 80px;
625 }
626
627 .modal.left.fade .modal-dialog{
628 left: -100%;
629 opacity: 1 !important;
630 transition: left 0.5s;
631 }
632 .fade:not(.show) {
633 opacity: 1 !important;
634 }
635
636 .modal.left.show .modal-dialog{
637 left: 0;
638 }
639
640 .modal-backdrop{
641 display: none !important;
642 opacity: 0 !important;
643 }
644
645 }
646
647 .modal-backdrop{
648 z-index: 6;
594 } 649 }
...\ No newline at end of file ...\ No newline at end of file
......