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 975 additions and 45 deletions
......@@ -15096,12 +15096,14 @@ body {
}
@media only screen and (max-width: 1000px) {
#mega-menu-primary {
margin-top: 75px !important;
padding-top: 20px !important;
padding-bottom: 100px !important;
padding-bottom: 130px !important;
overflow-x: scroll !important;
height: calc(100vh - 80px) !important;
}
.admin-bar #mega-menu-primary {
margin-top: 140px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
display: none !important;
}
......@@ -15110,10 +15112,9 @@ body {
max-width: 100%;
padding: 0px 34px;
margin: auto;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
left: -100%;
background-color: #F0F0F0;
margin-top: 80px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
margin-top: 0px;
......@@ -15219,7 +15220,7 @@ body {
.sub-menu-wrapper {
background-color: #F0F0F0;
width: 100% !important;
height: 90vh;
height: 100vh;
padding: 0px 10% !important;
margin: auto !important;
float: none !important;
......@@ -15245,6 +15246,11 @@ body {
#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 {
display: none !important;
}
.list-wrapper2,
.list-wrapper3 {
max-width: 100%;
overflow-x: hidden;
}
.list-wrapper2 ul.mega-sub-menu,
.list-wrapper3 ul.mega-sub-menu {
display: block !important;
......@@ -15375,6 +15381,32 @@ body {
width: 100px;
}
}
.site {
margin-top: 170px;
}
@media only screen and (max-width: 1000px) {
.site {
margin-top: 80px;
}
}
#wrapper-navbar {
position: fixed;
width: 100%;
background-color: #fff;
z-index: 999;
top: 0px;
}
.admin-bar #wrapper-navbar {
top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar #wrapper-navbar {
top: 46px;
}
}
.select:after {
content: "";
display: block;
......@@ -16991,6 +17023,7 @@ ul.sf_date_field .sf-datepicker {
height: 40px;
width: 40px;
text-indent: -9999px;
right: -10px;
display: inline-block;
}
@media screen and (max-width: 900px) {
......@@ -17024,6 +17057,16 @@ ul.sf_date_field .sf-datepicker {
opacity: 0.7;
}
#advance-search-modal {
z-index: 8;
position: fixed;
margin-top: 80px;
}
@media screen and (max-width: 900px) {
#advance-search-modal {
margin-top: 0px;
}
}
#advance-search-modal .btn-close {
opacity: 1;
}
......@@ -17091,7 +17134,7 @@ ul.sf_date_field .sf-datepicker {
width: 100%;
margin: 0px;
height: 100vh;
padding-top: 40px;
padding-top: 80px;
}
}
@media screen and (max-width: 900px) {
......@@ -17214,6 +17257,44 @@ ul.sf_date_field .sf-datepicker {
width: 50px !important;
}
@media screen and (max-width: 900px) {
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 100%;
height: 100%;
transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
}
.modal.left.fade .modal-dialog {
left: -100%;
opacity: 1 !important;
transition: left 0.5s;
}
.fade:not(.show) {
opacity: 1 !important;
}
.modal.left.show .modal-dialog {
left: 0;
}
.modal-backdrop {
display: none !important;
opacity: 0 !important;
}
}
.modal-backdrop {
z-index: 6;
}
.search-results .search-field {
border: 0;
border-bottom: 1px solid #707070;
......@@ -17394,6 +17475,10 @@ ul.sf_date_field .sf-datepicker {
position: relative;
height: 100%;
overflow: hidden;
min-height: 600px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.home-header img {
width: 100%;
......@@ -17410,6 +17495,12 @@ ul.sf_date_field .sf-datepicker {
width: 100%;
max-width: 720px;
}
@media only screen and (max-width: 782px) {
.home-header h1, .home-header .h1 {
font-size: 18px;
line-height: 22px;
}
}
.home-header .content-container {
position: absolute;
bottom: 0px;
......@@ -17432,6 +17523,11 @@ ul.sf_date_field .sf-datepicker {
margin: auto;
padding: 42px 50px;
}
@media only screen and (max-width: 782px) {
.home-header .search-box {
padding: 28px 48px;
}
}
.home-header .search-box h4, .home-header .search-box .h4 {
font-size: 45px !important;
line-height: 53px;
......@@ -17439,10 +17535,21 @@ ul.sf_date_field .sf-datepicker {
font-weight: lighter;
font-family: "PT Sans", sans-serif;
}
@media only screen and (max-width: 782px) {
.home-header .search-box h4, .home-header .search-box .h4 {
font-size: 35px !important;
line-height: 40px;
}
}
.home-header .search-box .searchandfilter {
width: calc(100% - 50px);
display: inline-block;
}
@media only screen and (max-width: 782px) {
.home-header .search-box .searchandfilter {
width: calc(100% - 40px);
}
}
.home-header .search-box .searchandfilter ul {
padding-left: 0px;
}
......@@ -17454,10 +17561,11 @@ ul.sf_date_field .sf-datepicker {
font-family: "PT Sans", sans-serif;
}
.home-header .search-box .sf-field-search {
display: inline;
display: inline-block;
width: calc(100% - 80px);
}
.home-header .search-box .sf-field-search label {
width: 74%;
width: 90%;
position: relative;
display: inline-block !important;
margin: auto;
......@@ -17508,25 +17616,29 @@ ul.sf_date_field .sf-datepicker {
.home-header .search-box .sf-field-submit input[name=_sf_submit]:hover {
background: #669999;
}
.home-header .side-caption:hover, .home-header .side-caption:focus-within {
.side-caption:hover, .side-caption:focus-within {
bottom: 0 !important;
}
.home-header .side-caption {
.side-caption {
position: absolute;
bottom: -100%;
z-index: 99;
}
.home-header .side-caption.hide {
.side-caption.hide {
display: none;
}
.home-header .side-caption.ready {
.side-caption.ready {
opacity: 1;
transition: bottom 0.3s;
}
.home-header .side-caption {
.side-caption {
max-width: 30%;
}
.home-header .copy-link {
.copy-link {
background: url("./../img/caption.svg");
background-repeat: no-repeat;
display: block;
......@@ -17535,7 +17647,8 @@ ul.sf_date_field .sf-datepicker {
z-index: 9;
position: relative;
}
.home-header .image-side-caption {
.image-side-caption {
background: rgba(0, 0, 0, 0.7);
display: block;
color: white;
......@@ -17543,16 +17656,223 @@ ul.sf_date_field .sf-datepicker {
font-size: 14px;
margin-top: 0;
}
.home-header .image-side-caption .cap, .home-header .image-side-caption .copyright {
.image-side-caption .cap, .image-side-caption .copyright {
display: block;
}
.home-header .image-side-caption .copyright {
.image-side-caption .copyright {
padding-top: 0.25rem;
}
.home-header .image-side-caption span {
.image-side-caption span {
color: white;
}
#content:not(.search-content) {
display: flex;
}
.entry-header.page {
position: relative;
height: 100%;
overflow: hidden;
min-height: 600px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.entry-header.page .search-box:focus-within #search-box-content,
.entry-header.page .search-box:hover #search-box-content {
display: block;
}
.entry-header.page .search-box:focus-within .search-button,
.entry-header.page .search-box:hover .search-button {
display: none;
}
.entry-header.page .search-box.show .search-button {
display: none;
}
@media only screen and (max-width: 782px) {
.entry-header.page .advance-search-button {
display: none;
}
}
.entry-header.page .search-box {
background-color: #fff;
border-radius: 1.25rem;
max-width: 90%;
margin: auto;
margin-top: 40px;
padding: 0px 100px;
position: relative;
}
@media only screen and (max-width: 782px) {
.entry-header.page .search-box {
padding: 0px 10px;
}
}
.entry-header.page .search-box .search-button {
height: 64px;
width: 64px;
text-indent: -9999px;
position: absolute;
right: 0px;
top: 20px;
background-color: #fff;
border-radius: 10px;
}
.entry-header.page .search-box .search-button:after {
content: "";
position: absolute;
left: 0rem;
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");
background-size: contain;
width: 36px;
height: 36px;
top: 13px;
left: 12px;
}
.entry-header.page .search-box #search-box-content {
display: none;
position: relative;
}
.entry-header.page .search-box #search-box-content.show {
display: block;
}
.entry-header.page .search-box h4, .entry-header.page .search-box .h4 {
font-size: 45px !important;
line-height: 53px;
text-align: center;
font-weight: lighter;
font-family: "PT Sans", sans-serif;
}
@media only screen and (max-width: 782px) {
.entry-header.page .search-box h4, .entry-header.page .search-box .h4 {
font-size: 35px !important;
line-height: 40px;
}
}
.entry-header.page .search-box .searchandfilter {
width: calc(100% - 150px);
display: inline-block;
}
@media only screen and (max-width: 782px) {
.entry-header.page .search-box .searchandfilter {
width: calc(100% - 0px);
padding-left: 40px;
}
}
.entry-header.page .search-box .searchandfilter ul {
padding-left: 0px;
}
.entry-header.page .search-box .searchandfilter h4, .entry-header.page .search-box .searchandfilter .h4 {
font-size: 45px !important;
line-height: 53px;
text-align: center;
font-weight: lighter;
font-family: "PT Sans", sans-serif;
}
.entry-header.page .search-box .sf-field-search {
display: inline-block;
width: calc(100% - 80px);
padding: 18px 0 27px 0;
}
.entry-header.page .search-box .sf-field-search label {
width: 90%;
position: relative;
display: inline-block !important;
margin: auto;
margin-left: 10%;
}
.entry-header.page .search-box .sf-field-search label:after {
content: "";
position: absolute;
left: -3rem;
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");
background-size: contain;
width: 2.063rem;
height: 2.063rem;
top: 1.2rem;
}
.entry-header.page .search-box .sf-field-search input[name="_sf_search[]"] {
width: 100%;
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
padding: 0.375rem 0.75rem;
margin: auto;
}
.entry-header.page .search-box .sf-field-submit {
display: inline-block !important;
}
.entry-header.page .search-box .sf-field-submit input[name=_sf_submit] {
border-radius: 50%;
padding: 0;
height: 3.438rem;
width: 3.438rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
font-family: "PT Sans", sans-serif;
font-weight: 700;
background: #e00;
color: #fff;
border: 0;
text-transform: uppercase;
transition: none;
display: inline-block !important;
}
.entry-header.page .search-box .sf-field-submit input[name=_sf_submit]:hover {
background: #669999;
}
#page-wrapper {
margin-top: 34px;
}
#page-wrapper .breadcrumb {
margin-bottom: 0px;
}
#page-wrapper .breadcrumb #breadcrumb {
margin-bottom: 10px;
}
#page-wrapper h1, #page-wrapper .h1 {
font-size: 45px;
line-height: 52px;
font-weight: bold;
}
#page-wrapper h1 + p, #page-wrapper .h1 + p {
font-weight: bold;
}
.top_parent {
font-weight: bold;
font-size: 20px;
line-height: 25px;
}
.side-menu {
list-style: none;
margin-top: 14px;
}
.side-menu li {
margin-bottom: 14px;
}
.side-menu li a {
text-decoration: none;
font-size: 20px;
line-height: 25px;
}
@media only screen and (max-width: 1000px) {
#page-sidebar {
display: none;
}
#main {
width: 100%;
}
}
.has-blue-color,
.has-blue-color:visited {
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' );
if ( is_front_page() ) {
get_template_part( 'global-templates/hero' );
}
$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'full' );
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<?php if ( has_post_thumbnail() ) { ?>
<div class='cap-wrap home-header'>
<?php echo get_the_post_thumbnail( $post->ID, 'full' ); ?>
<div class='cap-wrap home-header' style=" background-image: url('<?php echo $url;?> ')">
<div class="content-container">
<div class="container" style="height: 100%;">
<div class="col-md-12 fx-style">
......
<?php
if( function_exists('acf_add_options_page') ) {
acf_add_options_page(array(
'page_title' => 'Theme General Settings',
'menu_title' => 'Theme Settings',
'menu_slug' => 'theme-general-settings',
'capability' => 'edit_posts',
'redirect' => false
));
}
\ No newline at end of file
......@@ -6,3 +6,5 @@ require_once 'breadcrumb.php';
require_once 'shortcodes.php';
require_once 'search-extras.php';
require_once 'disable-comments.php';
require_once 'blocks.php';
require_once 'side-menu.php';
......
......@@ -10,7 +10,7 @@ function advance_search($atts){
$search_id = $atts['search_id'];
ob_start(); ?>
<a type="button" class="advance-search-button" data-bs-toggle="modal" data-bs-target="#advance-search-modal">Advance Search</a>
<div class="modal fade flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal fade left flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
......
<?php
function show_all_children($parent_id, $post_id, $current_level)
{
$top_parents = array();
$top_parents = get_post_ancestors($post_id);
$top_parents[] = $post_id;
$children = get_posts(
array(
'post_type' => 'page'
, 'posts_per_page' => -1
, 'post_parent' => $parent_id
, 'order_by' => 'title'
, 'order' => 'ASC'
));
if (empty($children)) return;
echo '
<a class="top_parent" href="'.get_permalink($parent_id).'" title="'.get_the_title($parent_id).'">'.get_the_title($parent_id).'</a>';
echo '<ul class="side-menu children level-'.$current_level.'-children">';
foreach ($children as $child)
{
echo '<li';
if (in_array($child->ID, $top_parents))
{
echo ' class="current_page_item"';
}
echo '>';
echo '<a href="'.get_permalink($child->ID).'">';
echo apply_filters('the_title', $child->post_title);
echo '</a>';
// now call the same function for child of this child
if ($child->ID && (in_array($child->ID, $top_parents)))
{
show_all_children($child->ID, $post_id, $current_level+1);
}
echo '</li>';
}
echo '</ul>';
}
\ No newline at end of file
......@@ -4,10 +4,10 @@
* Licensed under GPL-3.0 (undefined)
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.understrap = {}));
})(this, (function (exports) { 'use strict';
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.understrap = {}, global.jQuery));
})(this, (function (exports, jquery) { 'use strict';
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
......@@ -7503,6 +7503,193 @@
$(this).closest('.searchandfilter')[0].reset();
return false;
});
$(document).on("click", ".advance-search-button", function (e) {
$('#search-box-content').addClass('show');
$('.search-box').addClass('show');
});
var myModal = document.getElementById('advance-search-modal');
myModal.addEventListener('hidden.bs.modal', function () {
$('#search-box-content').removeClass('show');
$('.search-box').removeClass('show');
});
});
var Responsive = function ($) {
// $('.play-pause-btn').on('click', function() {
// if(!this.isDesktop()) {
// $(this).hide();
// $(this).parents('.swiper-wrapper').find('.header-video').trigger('play');
// }
// });
var desk = window.matchMedia("(min-width: 1150px)");
function isDesktop() {
return desk.matches;
}
function toggleMobileMenu() {
$('#navbarNavDropdown').toggleClass('show');
$('.navbar-toggler').toggleClass('active');
if ($('#navbarNavDropdown').hasClass('show')) {
$('body').addClass('locked');
} else {
$('body').removeClass('locked');
}
}
$(document).on('click', '.navbar-toggler', function () {
toggleMobileMenu();
});
$.fn.classChange = function (cb) {
return $(this).each((_, el) => {
new MutationObserver(mutations => {
mutations.forEach(mutation => cb && cb(mutation.target, $(mutation.target).prop(mutation.attributeName)));
}).observe(el, {
attributes: true,
attributeFilter: ['class'] // only listen for class attribute changes
});
});
};
function init() {
$('body').classChange(function (el, new_class) {
if (new_class.indexOf('pojo-a11y-resize-font-130') !== -1) {
setTimeout(function () {
$(window).trigger('resize');
}, 500);
}
});
function putBackMenuItemsToLastIndex() {
$('.mi-image-container').each(function () {
var item = $(this).parentsUntil('.menu-item');
var last_idx = $(item).data('last-idx');
var cur_idx = $(item).index();
console.log(last_idx + " " + cur_idx);
if (last_idx != cur_idx) {
var item = $(this).parents('.menu-item')[0];
var dropdown = $(this).parents('.dropdown-menu');
$(dropdown).children().eq(last_idx).before(item);
}
});
}
function makeImageMenuItemsLastItems() {
$('.mi-image-container').each(function () {
var item = $(this).parents('.menu-item')[0];
if (last_idx != 1) {
var dropdown = $(this).parents('.dropdown-menu');
var last_idx = $(dropdown).find('li').index(item);
$(item).data('last-idx', last_idx);
$(dropdown).append(item);
}
});
}
function setupDropdownMenuHeights() {
$('.dropdown-menu').each(function () {
$(this).css('height', $(this).height() + 5);
$(this).addClass('ready');
});
}
function makeMobileCarousels() {
LegacyCalc.mobilize();
ImageCollage.mobilize();
}
function demobilize() {
$('.donate.menu-item').append($('#main-nav .donate-btn'));
$('.navbar-toggler').after($('#navbarNavDropdown'));
$('.news-and-stories-block').each(function () {
var btn = $(this).find('.post-list-load-more');
$(this).append(btn);
});
// HeaderMenu.alignTheSideCaptions();
putBackMenuItemsToLastIndex();
// demobilizeJobIframes();
if ($('.menu-item-11505').length > 0) {
$('.menu-item-11503').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-11503'));
$('.menu-item-11505').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-11505'));
}
if ($('.menu-item-15438').length > 0) {
$('.menu-item-15438').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-15438'));
$('.menu-item-15442').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-15442'));
}
}
function mobilize() {
var donate_btn = $('#main-menu .donate > a');
if (!$(donate_btn).hasClass('donate-btn')) {
$(donate_btn).addClass('donate-btn');
}
$('#main-nav .container').append(donate_btn);
$('#wrapper-navbar').append($('#navbarNavDropdown'));
$('.news-and-stories-block').each(function () {
var btn = $(this).find('.post-list-load-more');
$(this).prepend(btn);
});
// HeaderMenu.alignTheSideCaptions();
makeMobileCarousels();
makeImageMenuItemsLastItems();
setupDropdownMenuHeights();
if ($('.menu-item-11505').length > 0) {
$('.menu-item-11505').parents('.dropdown-menu').prepend($('.menu-item-11505'));
$('.menu-item-11503').parents('.dropdown-menu').prepend($('.menu-item-11503'));
}
if ($('.menu-item-15438').length > 0) {
$('.menu-item-15442').parents('.dropdown-menu').prepend($('.menu-item-15442'));
$('.menu-item-15438').parents('.dropdown-menu').prepend($('.menu-item-15438'));
}
}
desk.addEventListener('change', event => {
if (event.matches) {
demobilize();
} else {
mobilize();
}
});
if (desk.matches) ; else {
mobilize();
}
}
return {
init: init,
isDesktop: isDesktop
};
}(jquery);
jquery(document).ready(Responsive.init);
var HeaderMenu = function () {
return {
alignTheSideCaptions: function () {
jQuery('.side-caption').each(function () {
var that = this;
var _bottom = jQuery(this).find('.image-side-caption').innerHeight();
if (!Responsive.isDesktop()) {
if (jQuery(that).parent().is('.entry-header') && !jQuery(that).parent().is('.no-photo')) {
jQuery(that).css('margin-bottom', -_bottom);
var _bottom = jQuery(that).parent().find('.title-container').innerHeight();
jQuery(that).css('bottom', _bottom);
setTimeout(function () {
jQuery(that).addClass('ready');
}, 500);
} else {
jQuery(that).css('bottom', -_bottom);
setTimeout(function () {
jQuery(that).addClass('ready');
}, 500);
}
} else {
jQuery(this).css('bottom', -_bottom);
setTimeout(function () {
jQuery(that).addClass('ready');
}, 500);
}
});
}
};
}();
jQuery(function ($) {
setInterval(function () {
HeaderMenu.alignTheSideCaptions();
}, 1000);
$('.copy-link').on('click', function (e) {
e.preventDefault();
});
});
// 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;
<header class="entry-header home">
</header><!-- .entry-header -->
<div class='content-header-seperater'></div>
......
......@@ -14,17 +14,41 @@
defined( 'ABSPATH' ) || exit;
get_header();
$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'full' );
$container = get_theme_mod( 'understrap_container_type' );
$subhead = get_field('subhead');
$thumb_id = get_post_thumbnail_id();
$first_cap = get_field('caption');
$first_copy = get_field('copyright');
?>
<?php if ( has_post_thumbnail() ) { ?>
<header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')">
<div class="search-box"><div id="search-box-content"><?php the_field('page_search_block', 'option'); ?></div> <div class="search-button">Search</div></div>
<div class='side-caption header-caption <?= (empty($first_copy) && empty($first_cap)) ? "hide" : "" ?>'>
<a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
<span class='image-side-caption'>
<span class='cap'><?= $first_cap ?></span>
<span class='copyright'><?= ($first_copy) ? "&copy; ".$first_copy : "" ?></span>
</span>
</div>
</header><!-- .entry-header -->
<?php } ?>
<div class="wrapper" id="page-wrapper">
<div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1">
<div class="col-sm-12 col-md-12 col-lg-3 widget-area" id="page-sidebar">
<?php
$parents_ids = get_post_ancestors($post->ID);
$top_parent_id = (count($parents_ids) > 0) ? $parents_ids[count($parents_ids)-1] : $post->ID;
show_all_children($top_parent_id, $post->ID, 1);
?>
</div>
<main class="col-sm-12 col-md-9 content-area site-main site-main" id="main">
<main class="site-main" id="main">
<div class="breadcrumb"><?php get_breadcrumb(); ?></div>
<?php
while ( have_posts() ) {
the_post();
......
......@@ -14,7 +14,7 @@ get_header();
<div class="wrapper" id="search-wrapper">
<div class="<?php echo esc_attr( $container ); ?> container" id="content" tabindex="-1">
<div class="<?php echo esc_attr( $container ); ?> container search-content" id="content" tabindex="-1">
<h1 class="sh1"><?php _e("Search results for:", 'msf'); ?></h1>
<?php //get_search_form() ?>
<?php echo do_shortcode('[searchandfilter slug="what-are-you-looking-for-today"]'); echo do_shortcode('[advance-search search_id="112"]'); ?>
......
......@@ -34,6 +34,9 @@ var HeaderMenu = (function() {
})();
jQuery(function($) {
......@@ -44,6 +47,7 @@ jQuery(function($) {
$('.copy-link').on('click', function(e) {
e.preventDefault();
});
......
......@@ -10,4 +10,18 @@ jQuery(document).ready(function($){
$(this).closest('.searchandfilter')[0].reset();
return false;
});
$(document).on("click", ".advance-search-button", function(e){
$('#search-box-content').addClass('show');
$('.search-box').addClass('show');
});
var myModal = document.getElementById('advance-search-modal');
myModal.addEventListener('hidden.bs.modal', function () {
$('#search-box-content').removeClass('show');
$('.search-box').removeClass('show');
})
});
......
......@@ -3,6 +3,7 @@ import LazyLoad from "vanilla-lazyload";
import "./_menu_mobile";
import "./_search";
import "./_header_menu";
var myLazyLoad = new LazyLoad();
......
......@@ -11,4 +11,5 @@ body{
@import "search";
@import "search_results";
@import "front_page";
@import "page";
......
......@@ -2,6 +2,10 @@
position: relative;
height: 100%;
overflow: hidden;
min-height: 600px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
img{
width: 100%;
......@@ -17,6 +21,10 @@
margin-bottom: 40px;
width: 100%;
max-width: 720px;
@media only screen and (max-width: 782px) {
font-size: 18px;
line-height:22px ;
}
}
.content-container{
......@@ -41,6 +49,9 @@
max-width: 720px;
margin: auto;
padding: 42px 50px ;
@media only screen and (max-width: 782px) {
padding: 28px 48px ;
}
h4{
font-size: 45px !important;
......@@ -48,9 +59,16 @@
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
@media only screen and (max-width: 782px) {
font-size: 35px !important;
line-height: 40px;
}
}
.searchandfilter{
width: calc(100% - 50px);
@media only screen and (max-width: 782px) {
width: calc(100% - 40px);
}
display: inline-block;
}
......@@ -65,9 +83,10 @@
font-family: "PT Sans",sans-serif;
}
.sf-field-search{
display: inline;
display: inline-block;
width: calc(100% - 80px);
label{
width: 74%;
width: 90%;
position: relative;
display: inline-block !important;
margin: auto;
......@@ -123,6 +142,7 @@
}
}
}
.side-caption {
&:hover, &:focus-within {
......@@ -176,4 +196,3 @@
color:white;
}
}
}
\ No newline at end of file
......
......@@ -46,3 +46,28 @@
width:100px;
}
}
.site{
margin-top: 170px;
@media only screen and (max-width: 1000px) {
margin-top: 80px;
}
}
#wrapper-navbar {
position: fixed;
width: 100%;
background-color: #fff;
z-index: 999;
top: 0px;
}
.admin-bar #wrapper-navbar {
top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar #wrapper-navbar {
top: 46px;
}
}
\ No newline at end of file
......
......@@ -126,13 +126,16 @@
@media only screen and (max-width: 1000px) {
#mega-menu-primary{
margin-top: 75px !important;
padding-top: 20px !important;
padding-bottom: 100px !important;
padding-bottom: 130px !important;
overflow-x: scroll !important;
height: calc(100vh - 80px) !important;
}
.admin-bar #mega-menu-primary{
margin-top: 140px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
display: none !important;
}
......@@ -141,13 +144,11 @@
max-width: 100%;
padding: 0px 34px;
margin: auto;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
left: -100%;
background-color: #F0F0F0;
margin-top: 80px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
margin-top: 0px;
}
......@@ -266,7 +267,7 @@
.sub-menu-wrapper{
background-color: #F0F0F0;
width: 100% !important;
height: 90vh;
height: 100vh;
padding: 0px 10% !important;
margin: auto !important;
float: none !important;
......@@ -300,6 +301,8 @@
}
.list-wrapper2,
.list-wrapper3 {
max-width: 100%;
overflow-x: hidden;
ul.mega-sub-menu{
display: block !important;
}
......
#content:not(.search-content){
display: flex;
}
.entry-header.page{
position: relative;
height: 100%;
overflow: hidden;
min-height: 600px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
.search-box:focus-within #search-box-content,
.search-box:hover #search-box-content{
display: block;
}
.search-box:focus-within .search-button,
.search-box:hover .search-button{
display: none;
}
.search-box.show .search-button{
display: none;
}
.advance-search-button{
@media only screen and (max-width: 782px) {
display: none;
}
}
.search-box{
background-color: #fff;
border-radius: 1.25rem ;
max-width: 90%;
margin: auto;
margin-top: 40px;
padding: 0px 100px ;
position: relative;
@media only screen and (max-width: 782px) {
padding: 0px 10px ;
}
.search-button{
height: 64px;
width: 64px;
text-indent: -9999px;
position: absolute;
right: 0px;
top: 20px;
background-color: #fff;
border-radius: 10px;
&:after {
content: "";
position: absolute;
left: 0rem;
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");
background-size: contain;
width: 36px;
height:36px;
top: 13px;
left: 12px;
}
}
#search-box-content{
display: none;
position: relative;
}
#search-box-content.show{
display: block;
}
h4{
font-size: 45px !important;
line-height: 53px;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
@media only screen and (max-width: 782px) {
font-size: 35px !important;
line-height: 40px;
}
}
.searchandfilter{
width: calc(100% - 150px);
@media only screen and (max-width: 782px) {
width: calc(100% - 0px);
padding-left: 40px;
}
display: inline-block;
}
.searchandfilter ul{
padding-left: 0px;
}
.searchandfilter h4{
font-size: 45px !important;
line-height: 53px;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
}
.sf-field-search{
display: inline-block;
width: calc(100% - 80px);
padding: 18px 0 27px 0;
label{
width: 90%;
position: relative;
display: inline-block !important;
margin: auto;
margin-left: 10%;
&:after {
content: "";
position: absolute;
left: -3rem;
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");
background-size: contain;
width: 2.063rem;
height: 2.063rem;
top: 1.2rem;
}
}
input[name="_sf_search[]"]{
width: 100%;
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
padding: 0.375rem 0.75rem;
margin: auto;
}
}
.sf-field-submit{
display: inline-block !important;
input[name="_sf_submit"]{
border-radius: 50%;
padding: 0;
height: 3.438rem;
width: 3.438rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
font-family: "PT Sans",sans-serif;
font-weight: 700;
background: #e00;
color: #fff;
border: 0;
text-transform: uppercase;
transition: none;
display: inline-block !important;
&:hover {
background:#669999;
}
}
}
}
}
#page-wrapper{
margin-top: 34px;
.breadcrumb{
margin-bottom: 0px;
#breadcrumb{
margin-bottom: 10px;
}
}
h1{
font-size: 45px;
line-height: 52px;
font-weight: bold;
}
h1+p {
font-weight: bold;
}
}
.top_parent{
font-weight: bold;
font-size: 20px;
line-height: 25px;
}
.side-menu{
list-style: none;
margin-top: 14px;
li{
margin-bottom: 14px;
a{
text-decoration: none;
font-size: 20px;
line-height: 25px;
}
}
}
@media only screen and (max-width: 1000px) {
#page-sidebar{
display: none;
}
#main{
width: 100%;
}
}
\ No newline at end of file
......@@ -361,6 +361,7 @@ ul.sf_date_field {
height: 40px;
width: 40px;
text-indent: -9999px;
right:-10px ;
display: inline-block;
@media screen and (max-width: 900px) {
height: 30px;
......@@ -391,6 +392,12 @@ ul.sf_date_field {
}
#advance-search-modal {
z-index: 8;
position: fixed;
margin-top: 80px;
@media screen and (max-width: 900px) {
margin-top: 0px;
}
.btn-close {
opacity: 1;
@media screen and (max-width: 900px) {
......@@ -455,11 +462,12 @@ ul.sf_date_field {
.modal-dialog {
width: 80%;
max-width: 1066px;
@media screen and (max-width: 900px) {
width: 100%;
margin: 0px;
height: 100vh;
padding-top: 40px;
padding-top: 80px;
}
.searchandfilter {
......@@ -592,3 +600,50 @@ ul.sf_date_field {
}
}
}
@media screen and (max-width: 900px) {
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
}
.modal.left.fade .modal-dialog{
left: -100%;
opacity: 1 !important;
transition: left 0.5s;
}
.fade:not(.show) {
opacity: 1 !important;
}
.modal.left.show .modal-dialog{
left: 0;
}
.modal-backdrop{
display: none !important;
opacity: 0 !important;
}
}
.modal-backdrop{
z-index: 6;
}
\ No newline at end of file
......