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
Expand all
Inline Side-by-side
Showing 26 changed files with 642 additions and 32 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -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
......