Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
c479fcff by Jeff Balicki
Options

mobile menu styled 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent ad57d372
Inline Side-by-side
Showing 12 changed files with 295 additions and 102 deletions
......@@ -15108,26 +15108,77 @@ body {
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
width: 100%;
max-width: 100%;
padding: 0px 10%;
padding: 0px 34px;
margin: auto;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
left: -100%;
background-color: #F0F0F0;
}
#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;
}
.sub-mobile-menu .mega-menu-item {
margin-top: 15px !important;
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
content: "";
width: 20px;
height: 15px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: relative;
top: 12px;
}
.back-one-level {
background-color: #EE0000;
position: fixed;
left: 0px;
top: 130px;
width: 40px;
height: 41px;
border: 0px solid #EE0000;
border-radius: 0px 50% 50% 0px;
display: none;
}
.sub-mobile-menu .mega-indicator {
margin-top: -50px !important;
position: relative !important;
margin-right: 0px !important;
width: 30px !important;
.back-one-level span {
color: #fff;
text-indent: -9999px;
display: block;
}
.back-one-level:before {
content: "";
width: 11px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: absolute;
top: 10px;
left: 13px;
}
.sub-mobile-menu .mega-indicator:after {
margin-right: 0px !important;
.is-visible .back-one-level {
display: block !important;
}
.mega-sub-menu .mega-indicator {
display: none !important;
}
.mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title {
position: relative;
display: inline-block;
}
.mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title:after {
content: "";
width: 20px;
height: 22px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important;
display: inline-block;
position: relative;
top: 8px;
right: -10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
margin-left: 20px;
......@@ -15142,46 +15193,33 @@ body {
display: block;
border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
width: 100%;
margin: 10px auto 0px auto;
color: #fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center;
text-align: left;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
position: relative;
font-family: "PT Sans", sans-serif;
font-weight: 700;
padding-left: 40px;
margin-bottom: 14px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
width: 100%;
margin: 10px auto 0px auto !important;
color: #fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center !important;
height: 2.5rem;
font-size: 18px;
position: relative;
font-family: "PT Sans", sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
width: 100%;
margin: 10px auto 0px auto !important;
color: #fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center !important;
height: 2.5rem;
font-size: 18px;
position: relative;
font-family: "PT Sans", sans-serif;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover {
background-color: #669999;
}
.sub-menu-wrapper {
background-color: #fff;
background-color: #F0F0F0;
width: 100% !important;
height: 90vh;
padding: 0px 10% !important;
margin: auto !important;
float: none !important;
......@@ -15211,6 +15249,19 @@ body {
.list-wrapper3 ul.mega-sub-menu {
display: block !important;
}
.sub-mobile-menu .mega-sub-menu {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 100vh !important;
transform: translateX(200%) !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 40px 40px 60px 40px;
}
.list-wrapper2,
.list-wrapper3 {
position: absolute !important;
......@@ -15222,7 +15273,8 @@ body {
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #fff !important;
background-color: #F0F0F0;
padding: 50px 40px 60px 40px;
}
.list-wrapper2.is-visible,
.list-wrapper3.is-visible {
......@@ -15231,7 +15283,54 @@ body {
.mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu {
display: none;
}
.mega-sub-menu .mega-menu-item {
margin-top: 14px !important;
}
.mega-menu-title {
color: #000;
font-weight: bold;
font-size: 20px !important;
line-height: 23px !important;
margin-bottom: 5px;
}
.mega-menu-description {
color: #000;
font-style: normal !important;
font-size: 16px !important;
line-height: 20px !important;
}
.list-wrapper3 .mega-sub-menu .mega-menu-item a {
color: #000 !important;
font-style: normal !important;
font-size: 16px !important;
line-height: 20px !important;
}
.list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a {
color: #000 !important;
font-weight: bold;
font-size: 20px !important;
line-height: 23px !important;
}
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after {
content: "×";
font-size: 34px;
font-weight: bold;
color: #fff;
margin: 0 0 0 10px;
line-height: 25px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
content: "\f333";
font-family: dashicons;
font-weight: 500;
font-size: 27px;
color: #fff;
margin: 0px 0 0 6.1px;
line-height: 40px;
}
.site-title {
font-size: 2.1875rem;
line-height: 3.125rem;
......@@ -15270,6 +15369,7 @@ body {
.site-title {
font-size: 20px;
line-height: 24px;
margin-left: 0px;
}
.navbar-brand {
width: 100px;
......
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.
......@@ -7434,9 +7434,10 @@
autoInitialize(LazyLoad, window.lazyLoadOptions);
}
var addstuff = '<div class="list-wrapper2 list-wrapper"><button type="button" class="back-one-level"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"/></svg><span>Back</span></button><div class="sub-menu-wrapper"></div></div><div class="list-wrapper3 list-wrapper"><button type="button" class="back-one-level"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"/></svg><span>Back</span></button><div class="sub-menu-wrapper"></div></div>';
var addstuff = '<div class="list-wrapper2 list-wrapper"><button type="button" class="back-one-level"><span>Back</span></button><div class="sub-menu-wrapper"></div></div><div class="list-wrapper3 list-wrapper"><button type="button" class="back-one-level"><span>Back</span></button><div class="sub-menu-wrapper"></div></div>';
const pageHeader = document.querySelector("#main-nav");
const toggleMenu = pageHeader.querySelector(".mega-toggle-block");
pageHeader.querySelector(".mega-toggle-block");
pageHeader.querySelector(".mega-menu-toggle.mega-menu-open");
const menuWrapper = pageHeader.querySelector("#mega-menu-primary");
menuWrapper.innerHTML = menuWrapper.innerHTML + addstuff;
const level1Links = pageHeader.querySelectorAll("li.mega-menu-item-has-children > a.mega-menu-link");
......@@ -7447,17 +7448,6 @@
const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level");
const isVisibleClass = "is-visible";
const isActiveClass = "is-active";
toggleMenu.addEventListener("click", function () {
menuWrapper.classList.toggle(isVisibleClass);
if (!this.classList.contains(isVisibleClass)) {
listWrapper2.classList.remove(isVisibleClass);
listWrapper3.classList.remove(isVisibleClass);
const menuLinks = menuWrapper.querySelectorAll("a");
for (const menuLink of menuLinks) {
menuLink.classList.remove(isActiveClass);
}
}
});
for (const level1Link of level1Links) {
level1Link.addEventListener("click", function (e) {
const siblingList = level1Link.nextElementSibling;
......
This diff could not be displayed because it is too large.
......@@ -110,5 +110,5 @@
* Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
!function(e,t){e.exports=function(e,t,n,i){const s=e=>e&&"object"==typeof e&&"default"in e?e:{default:e},o=s(t),r=s(n),a="toast",l=".bs.toast",c=`mouseover${l}`,u=`mouseout${l}`,d=`focusin${l}`,f=`focusout${l}`,h=`hide${l}`,p=`hidden${l}`,g=`show${l}`,m=`shown${l}`,_="fade",b="hide",v="show",y="showing",w={animation:"boolean",autohide:"boolean",delay:"number"},E={animation:!0,autohide:!0,delay:5e3};class x extends r.default{constructor(e,t){super(e,t),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return E}static get DefaultType(){return w}static get NAME(){return a}show(){if(o.default.trigger(this._element,g).defaultPrevented)return;this._clearTimeout(),this._config.animation&&this._element.classList.add(_);const t=()=>{this._element.classList.remove(y),o.default.trigger(this._element,m),this._maybeScheduleHide()};this._element.classList.remove(b),e.reflow(this._element),this._element.classList.add(v,y),this._queueCallback(t,this._element,this._config.animation)}hide(){if(!this.isShown())return;if(o.default.trigger(this._element,h).defaultPrevented)return;const e=()=>{this._element.classList.add(b),this._element.classList.remove(y,v),o.default.trigger(this._element,p)};this._element.classList.add(y),this._queueCallback(e,this._element,this._config.animation)}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(v),super.dispose()}isShown(){return this._element.classList.contains(v)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}if(t)return void this._clearTimeout();const n=e.relatedTarget;this._element===n||this._element.contains(n)||this._maybeScheduleHide()}_setListeners(){o.default.on(this._element,c,(e=>this._onInteraction(e,!0))),o.default.on(this._element,u,(e=>this._onInteraction(e,!1))),o.default.on(this._element,d,(e=>this._onInteraction(e,!0))),o.default.on(this._element,f,(e=>this._onInteraction(e,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(e){return this.each((function(){const t=x.getOrCreateInstance(this,e);if("string"==typeof e){if(void 0===t[e])throw new TypeError(`No method named "${e}"`);t[e](this)}}))}}return i.enableDismissTrigger(x),e.defineJQueryPlugin(x),x}(r(),c(),w(),A())}(Qt);var Kt,Jt,Ut,Xt=Qt.exports;Kt=navigator.userAgent.toLowerCase().indexOf("webkit")>-1,Jt=navigator.userAgent.toLowerCase().indexOf("opera")>-1,Ut=navigator.userAgent.toLowerCase().indexOf("msie")>-1,(Kt||Jt||Ut)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",(function(){var e,t=location.hash.substring(1);/^[A-z0-9_-]+$/.test(t)&&(e=document.getElementById(t))&&(/^(?:a|select|input|button|textarea)$/i.test(e.tagName)||(e.tabIndex=-1),e.focus())}),!1);const Yt="undefined"!=typeof window,Gt=Yt&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),Zt=Yt&&"IntersectionObserver"in window,en=Yt&&"classList"in document.createElement("p"),tn=Yt&&window.devicePixelRatio>1,nn={elements_selector:".lazy",container:Gt||Yt?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_bg_set:"bg-set",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1,restore_on_error:!1},sn=e=>Object.assign({},nn,e),on=function(e,t){let n;const i="LazyLoad::Initialized",s=new e(t);try{n=new CustomEvent(i,{detail:{instance:s}})}catch(e){n=document.createEvent("CustomEvent"),n.initCustomEvent(i,!1,!1,{instance:s})}window.dispatchEvent(n)},rn="src",an="srcset",ln="sizes",cn="poster",un="llOriginalAttrs",dn="data",fn="loading",hn="loaded",pn="applied",gn="error",mn="native",_n="data-",bn="ll-status",vn=(e,t)=>e.getAttribute(_n+t),yn=e=>vn(e,bn),wn=(e,t)=>((e,t,n)=>{var i=_n+t;null!==n?e.setAttribute(i,n):e.removeAttribute(i)})(e,bn,t),En=e=>wn(e,null),xn=e=>null===yn(e),An=e=>yn(e)===mn,Tn=[fn,hn,pn,gn],Cn=(e,t,n,i)=>{e&&(void 0===i?void 0===n?e(t):e(t,n):e(t,n,i))},On=(e,t)=>{en?e.classList.add(t):e.className+=(e.className?" ":"")+t},kn=(e,t)=>{en?e.classList.remove(t):e.className=e.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},Ln=e=>e.llTempImage,Dn=(e,t)=>{if(!t)return;const n=t._observer;n&&n.unobserve(e)},Sn=(e,t)=>{e&&(e.loadingCount+=t)},In=(e,t)=>{e&&(e.toLoadCount=t)},jn=e=>{let t=[];for(let n,i=0;n=e.children[i];i+=1)"SOURCE"===n.tagName&&t.push(n);return t},$n=(e,t)=>{const n=e.parentNode;if(!n||"PICTURE"!==n.tagName)return;jn(n).forEach(t)},Nn=(e,t)=>{jn(e).forEach(t)},Pn=[rn],Mn=[rn,cn],Hn=[rn,an,ln],Fn=[dn],Rn=e=>!!e[un],zn=e=>e[un],Bn=e=>delete e[un],qn=(e,t)=>{if(Rn(e))return;const n={};t.forEach((t=>{n[t]=e.getAttribute(t)})),e[un]=n},Wn=(e,t)=>{if(!Rn(e))return;const n=zn(e);t.forEach((t=>{((e,t,n)=>{n?e.setAttribute(t,n):e.removeAttribute(t)})(e,t,n[t])}))},Vn=(e,t,n)=>{On(e,t.class_applied),wn(e,pn),n&&(t.unobserve_completed&&Dn(e,t),Cn(t.callback_applied,e,n))},Qn=(e,t,n)=>{On(e,t.class_loading),wn(e,fn),n&&(Sn(n,1),Cn(t.callback_loading,e,n))},Kn=(e,t,n)=>{n&&e.setAttribute(t,n)},Jn=(e,t)=>{Kn(e,ln,vn(e,t.data_sizes)),Kn(e,an,vn(e,t.data_srcset)),Kn(e,rn,vn(e,t.data_src))},Un={IMG:(e,t)=>{$n(e,(e=>{qn(e,Hn),Jn(e,t)})),qn(e,Hn),Jn(e,t)},IFRAME:(e,t)=>{qn(e,Pn),Kn(e,rn,vn(e,t.data_src))},VIDEO:(e,t)=>{Nn(e,(e=>{qn(e,Pn),Kn(e,rn,vn(e,t.data_src))})),qn(e,Mn),Kn(e,cn,vn(e,t.data_poster)),Kn(e,rn,vn(e,t.data_src)),e.load()},OBJECT:(e,t)=>{qn(e,Fn),Kn(e,dn,vn(e,t.data_src))}},Xn=["IMG","IFRAME","VIDEO","OBJECT"],Yn=(e,t)=>{!t||(e=>e.loadingCount>0)(t)||(e=>e.toLoadCount>0)(t)||Cn(e.callback_finish,t)},Gn=(e,t,n)=>{e.addEventListener(t,n),e.llEvLisnrs[t]=n},Zn=(e,t,n)=>{e.removeEventListener(t,n)},ei=e=>!!e.llEvLisnrs,ti=e=>{if(!ei(e))return;const t=e.llEvLisnrs;for(let n in t){const i=t[n];Zn(e,n,i)}delete e.llEvLisnrs},ni=(e,t,n)=>{(e=>{delete e.llTempImage})(e),Sn(n,-1),(e=>{e&&(e.toLoadCount-=1)})(n),kn(e,t.class_loading),t.unobserve_completed&&Dn(e,n)},ii=(e,t,n)=>{const i=Ln(e)||e;if(ei(i))return;((e,t,n)=>{ei(e)||(e.llEvLisnrs={});const i="VIDEO"===e.tagName?"loadeddata":"load";Gn(e,i,t),Gn(e,"error",n)})(i,(s=>{((e,t,n,i)=>{const s=An(t);ni(t,n,i),On(t,n.class_loaded),wn(t,hn),Cn(n.callback_loaded,t,i),s||Yn(n,i)})(0,e,t,n),ti(i)}),(s=>{((e,t,n,i)=>{const s=An(t);ni(t,n,i),On(t,n.class_error),wn(t,gn),Cn(n.callback_error,t,i),n.restore_on_error&&Wn(t,Hn),s||Yn(n,i)})(0,e,t,n),ti(i)}))},si=(e,t,n)=>{(e=>{e.llTempImage=document.createElement("IMG")})(e),ii(e,t,n),(e=>{Rn(e)||(e[un]={backgroundImage:e.style.backgroundImage})})(e),((e,t,n)=>{const i=vn(e,t.data_bg),s=vn(e,t.data_bg_hidpi),o=tn&&s?s:i;o&&(e.style.backgroundImage=`url("${o}")`,Ln(e).setAttribute(rn,o),Qn(e,t,n))})(e,t,n),((e,t,n)=>{const i=vn(e,t.data_bg_multi),s=vn(e,t.data_bg_multi_hidpi),o=tn&&s?s:i;o&&(e.style.backgroundImage=o,Vn(e,t,n))})(e,t,n),((e,t,n)=>{const i=vn(e,t.data_bg_set);if(!i)return;const s=i.split("|");let o=s.map((e=>`image-set(${e})`));e.style.backgroundImage=o.join(),""===e.style.backgroundImage&&(o=s.map((e=>`-webkit-image-set(${e})`)),e.style.backgroundImage=o.join()),Vn(e,t,n)})(e,t,n)},oi=(e,t,n)=>{ii(e,t,n),((e,t,n)=>{const i=Un[e.tagName];i&&(i(e,t),Qn(e,t,n))})(e,t,n)},ri=(e,t,n)=>{(e=>Xn.indexOf(e.tagName)>-1)(e)?oi(e,t,n):si(e,t,n)},ai=(e,t,n)=>{e.setAttribute("loading","lazy"),ii(e,t,n),((e,t)=>{const n=Un[e.tagName];n&&n(e,t)})(e,t),wn(e,mn)},li=e=>{e.removeAttribute(rn),e.removeAttribute(an),e.removeAttribute(ln)},ci=e=>{$n(e,(e=>{Wn(e,Hn)})),Wn(e,Hn)},ui={IMG:ci,IFRAME:e=>{Wn(e,Pn)},VIDEO:e=>{Nn(e,(e=>{Wn(e,Pn)})),Wn(e,Mn),e.load()},OBJECT:e=>{Wn(e,Fn)}},di=e=>{const t=ui[e.tagName];t?t(e):(e=>{if(!Rn(e))return;const t=zn(e);e.style.backgroundImage=t.backgroundImage})(e)},fi=(e,t)=>{di(e),((e,t)=>{xn(e)||An(e)||(kn(e,t.class_entered),kn(e,t.class_exited),kn(e,t.class_applied),kn(e,t.class_loading),kn(e,t.class_loaded),kn(e,t.class_error))})(e,t),En(e),Bn(e)},hi=(e,t,n,i)=>{n.cancel_on_exit&&(e=>yn(e)===fn)(e)&&"IMG"===e.tagName&&(ti(e),(e=>{$n(e,(e=>{li(e)})),li(e)})(e),ci(e),kn(e,n.class_loading),Sn(i,-1),En(e),Cn(n.callback_cancel,e,t,i))},pi=(e,t,n,i)=>{const s=(e=>Tn.indexOf(yn(e))>=0)(e);wn(e,"entered"),On(e,n.class_entered),kn(e,n.class_exited),((e,t,n)=>{t.unobserve_entered&&Dn(e,n)})(e,n,i),Cn(n.callback_enter,e,t,i),s||ri(e,n,i)},gi=["IMG","IFRAME","VIDEO"],mi=e=>e.use_native&&"loading"in HTMLImageElement.prototype,_i=(e,t,n)=>{e.forEach((e=>(e=>e.isIntersecting||e.intersectionRatio>0)(e)?pi(e.target,e,t,n):((e,t,n,i)=>{xn(e)||(On(e,n.class_exited),hi(e,t,n,i),Cn(n.callback_exit,e,t,i))})(e.target,e,t,n)))},bi=(e,t)=>{Zt&&!mi(e)&&(t._observer=new IntersectionObserver((n=>{_i(n,e,t)}),(e=>({root:e.container===document?null:e.container,rootMargin:e.thresholds||e.threshold+"px"}))(e)))},vi=e=>Array.prototype.slice.call(e),yi=e=>e.container.querySelectorAll(e.elements_selector),wi=e=>(e=>yn(e)===gn)(e),Ei=(e,t)=>(e=>vi(e).filter(xn))(e||yi(t)),xi=(e,t)=>{var n;(n=yi(e),vi(n).filter(wi)).forEach((t=>{kn(t,e.class_error),En(t)})),t.update()},Ai=function(e,t){const n=sn(e);this._settings=n,this.loadingCount=0,bi(n,this),((e,t)=>{Yt&&(t._onlineHandler=()=>{xi(e,t)},window.addEventListener("online",t._onlineHandler))})(n,this),this.update(t)};Ai.prototype={update:function(e){const t=this._settings,n=Ei(e,t);var i,s;(In(this,n.length),!Gt&&Zt)?mi(t)?((e,t,n)=>{e.forEach((e=>{-1!==gi.indexOf(e.tagName)&&ai(e,t,n)})),In(n,0)})(n,t,this):(i=this._observer,s=n,(e=>{e.disconnect()})(i),((e,t)=>{t.forEach((t=>{e.observe(t)}))})(i,s)):this.loadAll(n)},destroy:function(){var e;this._observer&&this._observer.disconnect(),e=this,Yt&&window.removeEventListener("online",e._onlineHandler),yi(this._settings).forEach((e=>{Bn(e)})),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(e){const t=this._settings;Ei(e,t).forEach((e=>{Dn(e,this),ri(e,t,this)}))},restoreAll:function(){const e=this._settings;yi(e).forEach((t=>{fi(t,e)}))}},Ai.load=(e,t)=>{const n=sn(t);ri(e,n)},Ai.resetStatus=e=>{En(e)},Yt&&((e,t)=>{if(t)if(t.length)for(let n,i=0;n=t[i];i+=1)on(e,n);else on(e,t)})(Ai,window.lazyLoadOptions);const Ti=document.querySelector("#main-nav"),Ci=Ti.querySelector(".mega-toggle-block"),Oi=Ti.querySelector("#mega-menu-primary");Oi.innerHTML=Oi.innerHTML+'<div class="list-wrapper2 list-wrapper"><button type="button" class="back-one-level"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"/></svg><span>Back</span></button><div class="sub-menu-wrapper"></div></div><div class="list-wrapper3 list-wrapper"><button type="button" class="back-one-level"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"/></svg><span>Back</span></button><div class="sub-menu-wrapper"></div></div>';const ki=Ti.querySelectorAll("li.mega-menu-item-has-children > a.mega-menu-link"),Li=Ti.querySelector(".list-wrapper2"),Di=Ti.querySelector(".list-wrapper3"),Si=Li.querySelector(".sub-menu-wrapper"),Ii=Di.querySelector(".sub-menu-wrapper"),ji=Ti.querySelectorAll(".back-one-level"),$i="is-visible",Ni="is-active";Ci.addEventListener("click",(function(){if(Oi.classList.toggle($i),!this.classList.contains($i)){Li.classList.remove($i),Di.classList.remove($i);const e=Oi.querySelectorAll("a");for(const t of e)t.classList.remove(Ni)}}));for(const e of ki)e.addEventListener("click",(function(t){const n=e.nextElementSibling;if(console.log("clicked level1Links"),n){t.preventDefault(),this.classList.add(Ni);const e=n.cloneNode(!0);Si.innerHTML="",Si.append(e),Li.classList.add($i)}}));Li.addEventListener("click",(function(e){const t=e.target,n=t.closest("a");if("a"===t.tagName.toLowerCase()&&t.nextElementSibling){const n=t.nextElementSibling;e.preventDefault(),t.classList.add(Ni);const i=n.cloneNode(!0);Ii.innerHTML="",Ii.append(i),Di.classList.add($i)}else if("a"===n.tagName.toLowerCase()&&n.nextElementSibling){const t=n.nextElementSibling;e.preventDefault(),n.classList.add(Ni);const i=t.cloneNode(!0);Ii.innerHTML="",Ii.append(i),Di.classList.add($i)}}));for(const e of ji)e.addEventListener("click",(function(){this.closest(".list-wrapper").classList.remove($i)}));jQuery(document).ready((function(e){e(".searchandfilter ul li:contains('hidden')").hide(),e('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" "></li>').appendTo(jQuery("#advance-search-modal .searchandfilter ul:first-child ")),e(document).on("click",".search-filter-reset-custom",(function(t){return t.preventDefault(),e(this).closest(".searchandfilter")[0].reset(),!1}))})),new Ai,e.Alert=T,e.Button=k,e.Carousel=N,e.Collapse=M,e.Dropdown=vt,e.Modal=Lt,e.Offcanvas=It,e.Popover=zt,e.Scrollspy=qt,e.Tab=Vt,e.Toast=Xt,e.Tooltip=Rt}));
!function(e,t){e.exports=function(e,t,n,i){const s=e=>e&&"object"==typeof e&&"default"in e?e:{default:e},o=s(t),r=s(n),a="toast",l=".bs.toast",c=`mouseover${l}`,u=`mouseout${l}`,d=`focusin${l}`,f=`focusout${l}`,h=`hide${l}`,p=`hidden${l}`,g=`show${l}`,m=`shown${l}`,_="fade",b="hide",v="show",y="showing",w={animation:"boolean",autohide:"boolean",delay:"number"},E={animation:!0,autohide:!0,delay:5e3};class x extends r.default{constructor(e,t){super(e,t),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return E}static get DefaultType(){return w}static get NAME(){return a}show(){if(o.default.trigger(this._element,g).defaultPrevented)return;this._clearTimeout(),this._config.animation&&this._element.classList.add(_);const t=()=>{this._element.classList.remove(y),o.default.trigger(this._element,m),this._maybeScheduleHide()};this._element.classList.remove(b),e.reflow(this._element),this._element.classList.add(v,y),this._queueCallback(t,this._element,this._config.animation)}hide(){if(!this.isShown())return;if(o.default.trigger(this._element,h).defaultPrevented)return;const e=()=>{this._element.classList.add(b),this._element.classList.remove(y,v),o.default.trigger(this._element,p)};this._element.classList.add(y),this._queueCallback(e,this._element,this._config.animation)}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(v),super.dispose()}isShown(){return this._element.classList.contains(v)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}if(t)return void this._clearTimeout();const n=e.relatedTarget;this._element===n||this._element.contains(n)||this._maybeScheduleHide()}_setListeners(){o.default.on(this._element,c,(e=>this._onInteraction(e,!0))),o.default.on(this._element,u,(e=>this._onInteraction(e,!1))),o.default.on(this._element,d,(e=>this._onInteraction(e,!0))),o.default.on(this._element,f,(e=>this._onInteraction(e,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(e){return this.each((function(){const t=x.getOrCreateInstance(this,e);if("string"==typeof e){if(void 0===t[e])throw new TypeError(`No method named "${e}"`);t[e](this)}}))}}return i.enableDismissTrigger(x),e.defineJQueryPlugin(x),x}(r(),c(),w(),A())}(Qt);var Kt,Jt,Ut,Xt=Qt.exports;Kt=navigator.userAgent.toLowerCase().indexOf("webkit")>-1,Jt=navigator.userAgent.toLowerCase().indexOf("opera")>-1,Ut=navigator.userAgent.toLowerCase().indexOf("msie")>-1,(Kt||Jt||Ut)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",(function(){var e,t=location.hash.substring(1);/^[A-z0-9_-]+$/.test(t)&&(e=document.getElementById(t))&&(/^(?:a|select|input|button|textarea)$/i.test(e.tagName)||(e.tabIndex=-1),e.focus())}),!1);const Yt="undefined"!=typeof window,Gt=Yt&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),Zt=Yt&&"IntersectionObserver"in window,en=Yt&&"classList"in document.createElement("p"),tn=Yt&&window.devicePixelRatio>1,nn={elements_selector:".lazy",container:Gt||Yt?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_bg_set:"bg-set",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1,restore_on_error:!1},sn=e=>Object.assign({},nn,e),on=function(e,t){let n;const i="LazyLoad::Initialized",s=new e(t);try{n=new CustomEvent(i,{detail:{instance:s}})}catch(e){n=document.createEvent("CustomEvent"),n.initCustomEvent(i,!1,!1,{instance:s})}window.dispatchEvent(n)},rn="src",an="srcset",ln="sizes",cn="poster",un="llOriginalAttrs",dn="data",fn="loading",hn="loaded",pn="applied",gn="error",mn="native",_n="data-",bn="ll-status",vn=(e,t)=>e.getAttribute(_n+t),yn=e=>vn(e,bn),wn=(e,t)=>((e,t,n)=>{var i=_n+t;null!==n?e.setAttribute(i,n):e.removeAttribute(i)})(e,bn,t),En=e=>wn(e,null),xn=e=>null===yn(e),An=e=>yn(e)===mn,Tn=[fn,hn,pn,gn],Cn=(e,t,n,i)=>{e&&(void 0===i?void 0===n?e(t):e(t,n):e(t,n,i))},On=(e,t)=>{en?e.classList.add(t):e.className+=(e.className?" ":"")+t},kn=(e,t)=>{en?e.classList.remove(t):e.className=e.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},Ln=e=>e.llTempImage,Dn=(e,t)=>{if(!t)return;const n=t._observer;n&&n.unobserve(e)},Sn=(e,t)=>{e&&(e.loadingCount+=t)},In=(e,t)=>{e&&(e.toLoadCount=t)},jn=e=>{let t=[];for(let n,i=0;n=e.children[i];i+=1)"SOURCE"===n.tagName&&t.push(n);return t},$n=(e,t)=>{const n=e.parentNode;if(!n||"PICTURE"!==n.tagName)return;jn(n).forEach(t)},Nn=(e,t)=>{jn(e).forEach(t)},Pn=[rn],Mn=[rn,cn],Hn=[rn,an,ln],Fn=[dn],Rn=e=>!!e[un],zn=e=>e[un],Bn=e=>delete e[un],qn=(e,t)=>{if(Rn(e))return;const n={};t.forEach((t=>{n[t]=e.getAttribute(t)})),e[un]=n},Wn=(e,t)=>{if(!Rn(e))return;const n=zn(e);t.forEach((t=>{((e,t,n)=>{n?e.setAttribute(t,n):e.removeAttribute(t)})(e,t,n[t])}))},Vn=(e,t,n)=>{On(e,t.class_applied),wn(e,pn),n&&(t.unobserve_completed&&Dn(e,t),Cn(t.callback_applied,e,n))},Qn=(e,t,n)=>{On(e,t.class_loading),wn(e,fn),n&&(Sn(n,1),Cn(t.callback_loading,e,n))},Kn=(e,t,n)=>{n&&e.setAttribute(t,n)},Jn=(e,t)=>{Kn(e,ln,vn(e,t.data_sizes)),Kn(e,an,vn(e,t.data_srcset)),Kn(e,rn,vn(e,t.data_src))},Un={IMG:(e,t)=>{$n(e,(e=>{qn(e,Hn),Jn(e,t)})),qn(e,Hn),Jn(e,t)},IFRAME:(e,t)=>{qn(e,Pn),Kn(e,rn,vn(e,t.data_src))},VIDEO:(e,t)=>{Nn(e,(e=>{qn(e,Pn),Kn(e,rn,vn(e,t.data_src))})),qn(e,Mn),Kn(e,cn,vn(e,t.data_poster)),Kn(e,rn,vn(e,t.data_src)),e.load()},OBJECT:(e,t)=>{qn(e,Fn),Kn(e,dn,vn(e,t.data_src))}},Xn=["IMG","IFRAME","VIDEO","OBJECT"],Yn=(e,t)=>{!t||(e=>e.loadingCount>0)(t)||(e=>e.toLoadCount>0)(t)||Cn(e.callback_finish,t)},Gn=(e,t,n)=>{e.addEventListener(t,n),e.llEvLisnrs[t]=n},Zn=(e,t,n)=>{e.removeEventListener(t,n)},ei=e=>!!e.llEvLisnrs,ti=e=>{if(!ei(e))return;const t=e.llEvLisnrs;for(let n in t){const i=t[n];Zn(e,n,i)}delete e.llEvLisnrs},ni=(e,t,n)=>{(e=>{delete e.llTempImage})(e),Sn(n,-1),(e=>{e&&(e.toLoadCount-=1)})(n),kn(e,t.class_loading),t.unobserve_completed&&Dn(e,n)},ii=(e,t,n)=>{const i=Ln(e)||e;if(ei(i))return;((e,t,n)=>{ei(e)||(e.llEvLisnrs={});const i="VIDEO"===e.tagName?"loadeddata":"load";Gn(e,i,t),Gn(e,"error",n)})(i,(s=>{((e,t,n,i)=>{const s=An(t);ni(t,n,i),On(t,n.class_loaded),wn(t,hn),Cn(n.callback_loaded,t,i),s||Yn(n,i)})(0,e,t,n),ti(i)}),(s=>{((e,t,n,i)=>{const s=An(t);ni(t,n,i),On(t,n.class_error),wn(t,gn),Cn(n.callback_error,t,i),n.restore_on_error&&Wn(t,Hn),s||Yn(n,i)})(0,e,t,n),ti(i)}))},si=(e,t,n)=>{(e=>{e.llTempImage=document.createElement("IMG")})(e),ii(e,t,n),(e=>{Rn(e)||(e[un]={backgroundImage:e.style.backgroundImage})})(e),((e,t,n)=>{const i=vn(e,t.data_bg),s=vn(e,t.data_bg_hidpi),o=tn&&s?s:i;o&&(e.style.backgroundImage=`url("${o}")`,Ln(e).setAttribute(rn,o),Qn(e,t,n))})(e,t,n),((e,t,n)=>{const i=vn(e,t.data_bg_multi),s=vn(e,t.data_bg_multi_hidpi),o=tn&&s?s:i;o&&(e.style.backgroundImage=o,Vn(e,t,n))})(e,t,n),((e,t,n)=>{const i=vn(e,t.data_bg_set);if(!i)return;const s=i.split("|");let o=s.map((e=>`image-set(${e})`));e.style.backgroundImage=o.join(),""===e.style.backgroundImage&&(o=s.map((e=>`-webkit-image-set(${e})`)),e.style.backgroundImage=o.join()),Vn(e,t,n)})(e,t,n)},oi=(e,t,n)=>{ii(e,t,n),((e,t,n)=>{const i=Un[e.tagName];i&&(i(e,t),Qn(e,t,n))})(e,t,n)},ri=(e,t,n)=>{(e=>Xn.indexOf(e.tagName)>-1)(e)?oi(e,t,n):si(e,t,n)},ai=(e,t,n)=>{e.setAttribute("loading","lazy"),ii(e,t,n),((e,t)=>{const n=Un[e.tagName];n&&n(e,t)})(e,t),wn(e,mn)},li=e=>{e.removeAttribute(rn),e.removeAttribute(an),e.removeAttribute(ln)},ci=e=>{$n(e,(e=>{Wn(e,Hn)})),Wn(e,Hn)},ui={IMG:ci,IFRAME:e=>{Wn(e,Pn)},VIDEO:e=>{Nn(e,(e=>{Wn(e,Pn)})),Wn(e,Mn),e.load()},OBJECT:e=>{Wn(e,Fn)}},di=e=>{const t=ui[e.tagName];t?t(e):(e=>{if(!Rn(e))return;const t=zn(e);e.style.backgroundImage=t.backgroundImage})(e)},fi=(e,t)=>{di(e),((e,t)=>{xn(e)||An(e)||(kn(e,t.class_entered),kn(e,t.class_exited),kn(e,t.class_applied),kn(e,t.class_loading),kn(e,t.class_loaded),kn(e,t.class_error))})(e,t),En(e),Bn(e)},hi=(e,t,n,i)=>{n.cancel_on_exit&&(e=>yn(e)===fn)(e)&&"IMG"===e.tagName&&(ti(e),(e=>{$n(e,(e=>{li(e)})),li(e)})(e),ci(e),kn(e,n.class_loading),Sn(i,-1),En(e),Cn(n.callback_cancel,e,t,i))},pi=(e,t,n,i)=>{const s=(e=>Tn.indexOf(yn(e))>=0)(e);wn(e,"entered"),On(e,n.class_entered),kn(e,n.class_exited),((e,t,n)=>{t.unobserve_entered&&Dn(e,n)})(e,n,i),Cn(n.callback_enter,e,t,i),s||ri(e,n,i)},gi=["IMG","IFRAME","VIDEO"],mi=e=>e.use_native&&"loading"in HTMLImageElement.prototype,_i=(e,t,n)=>{e.forEach((e=>(e=>e.isIntersecting||e.intersectionRatio>0)(e)?pi(e.target,e,t,n):((e,t,n,i)=>{xn(e)||(On(e,n.class_exited),hi(e,t,n,i),Cn(n.callback_exit,e,t,i))})(e.target,e,t,n)))},bi=(e,t)=>{Zt&&!mi(e)&&(t._observer=new IntersectionObserver((n=>{_i(n,e,t)}),(e=>({root:e.container===document?null:e.container,rootMargin:e.thresholds||e.threshold+"px"}))(e)))},vi=e=>Array.prototype.slice.call(e),yi=e=>e.container.querySelectorAll(e.elements_selector),wi=e=>(e=>yn(e)===gn)(e),Ei=(e,t)=>(e=>vi(e).filter(xn))(e||yi(t)),xi=(e,t)=>{var n;(n=yi(e),vi(n).filter(wi)).forEach((t=>{kn(t,e.class_error),En(t)})),t.update()},Ai=function(e,t){const n=sn(e);this._settings=n,this.loadingCount=0,bi(n,this),((e,t)=>{Yt&&(t._onlineHandler=()=>{xi(e,t)},window.addEventListener("online",t._onlineHandler))})(n,this),this.update(t)};Ai.prototype={update:function(e){const t=this._settings,n=Ei(e,t);var i,s;(In(this,n.length),!Gt&&Zt)?mi(t)?((e,t,n)=>{e.forEach((e=>{-1!==gi.indexOf(e.tagName)&&ai(e,t,n)})),In(n,0)})(n,t,this):(i=this._observer,s=n,(e=>{e.disconnect()})(i),((e,t)=>{t.forEach((t=>{e.observe(t)}))})(i,s)):this.loadAll(n)},destroy:function(){var e;this._observer&&this._observer.disconnect(),e=this,Yt&&window.removeEventListener("online",e._onlineHandler),yi(this._settings).forEach((e=>{Bn(e)})),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(e){const t=this._settings;Ei(e,t).forEach((e=>{Dn(e,this),ri(e,t,this)}))},restoreAll:function(){const e=this._settings;yi(e).forEach((t=>{fi(t,e)}))}},Ai.load=(e,t)=>{const n=sn(t);ri(e,n)},Ai.resetStatus=e=>{En(e)},Yt&&((e,t)=>{if(t)if(t.length)for(let n,i=0;n=t[i];i+=1)on(e,n);else on(e,t)})(Ai,window.lazyLoadOptions);const Ti=document.querySelector("#main-nav");Ti.querySelector(".mega-toggle-block"),Ti.querySelector(".mega-menu-toggle.mega-menu-open");const Ci=Ti.querySelector("#mega-menu-primary");Ci.innerHTML=Ci.innerHTML+'<div class="list-wrapper2 list-wrapper"><button type="button" class="back-one-level"><span>Back</span></button><div class="sub-menu-wrapper"></div></div><div class="list-wrapper3 list-wrapper"><button type="button" class="back-one-level"><span>Back</span></button><div class="sub-menu-wrapper"></div></div>';const Oi=Ti.querySelectorAll("li.mega-menu-item-has-children > a.mega-menu-link"),ki=Ti.querySelector(".list-wrapper2"),Li=Ti.querySelector(".list-wrapper3"),Di=ki.querySelector(".sub-menu-wrapper"),Si=Li.querySelector(".sub-menu-wrapper"),Ii=Ti.querySelectorAll(".back-one-level"),ji="is-visible",$i="is-active";for(const e of Oi)e.addEventListener("click",(function(t){const n=e.nextElementSibling;if(console.log("clicked level1Links"),n){t.preventDefault(),this.classList.add($i);const e=n.cloneNode(!0);Di.innerHTML="",Di.append(e),ki.classList.add(ji)}}));ki.addEventListener("click",(function(e){const t=e.target,n=t.closest("a");if("a"===t.tagName.toLowerCase()&&t.nextElementSibling){const n=t.nextElementSibling;e.preventDefault(),t.classList.add($i);const i=n.cloneNode(!0);Si.innerHTML="",Si.append(i),Li.classList.add(ji)}else if("a"===n.tagName.toLowerCase()&&n.nextElementSibling){const t=n.nextElementSibling;e.preventDefault(),n.classList.add($i);const i=t.cloneNode(!0);Si.innerHTML="",Si.append(i),Li.classList.add(ji)}}));for(const e of Ii)e.addEventListener("click",(function(){this.closest(".list-wrapper").classList.remove(ji)}));jQuery(document).ready((function(e){e(".searchandfilter ul li:contains('hidden')").hide(),e('<li class="sf-field-reset"><input type="submit" class="search-filter-reset-custom" value="CLEAR ALL" "></li>').appendTo(jQuery("#advance-search-modal .searchandfilter ul:first-child ")),e(document).on("click",".search-filter-reset-custom",(function(t){return t.preventDefault(),e(this).closest(".searchandfilter")[0].reset(),!1}))})),new Ai,e.Alert=T,e.Button=k,e.Carousel=N,e.Collapse=M,e.Dropdown=vt,e.Modal=Lt,e.Offcanvas=It,e.Popover=zt,e.Scrollspy=qt,e.Tab=Vt,e.Toast=Xt,e.Tooltip=Rt}));
//# sourceMappingURL=child-theme.min.js.map
\ No newline at end of file
......
This diff could not be displayed because it is too large.
......@@ -634,6 +634,7 @@
html_body_class_timeout = setTimeout(function() {
$("body").removeClass($menu.attr("id") + "-mobile-open");
$("html").removeClass($menu.attr("id") + "-off-canvas-open");
$('.list-wrapper').removeClass('is-visible');
}, plugin.settings.effect_speed_mobile);
$(".mega-toggle-label, .mega-toggle-animated", $toggle_bar).attr("aria-expanded", "false");
......
var addstuff = '<div class="list-wrapper2 list-wrapper"><button type="button" class="back-one-level"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"/></svg><span>Back</span></button><div class="sub-menu-wrapper"></div></div><div class="list-wrapper3 list-wrapper"><button type="button" class="back-one-level"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"/></svg><span>Back</span></button><div class="sub-menu-wrapper"></div></div>';
var addstuff = '<div class="list-wrapper2 list-wrapper"><button type="button" class="back-one-level"><span>Back</span></button><div class="sub-menu-wrapper"></div></div><div class="list-wrapper3 list-wrapper"><button type="button" class="back-one-level"><span>Back</span></button><div class="sub-menu-wrapper"></div></div>';
const pageHeader = document.querySelector("#main-nav");
const toggleMenu = pageHeader.querySelector(".mega-toggle-block");
const closeMenu = pageHeader.querySelector(".mega-menu-toggle.mega-menu-open");
const menuWrapper = pageHeader.querySelector("#mega-menu-primary");
menuWrapper.innerHTML =menuWrapper.innerHTML + addstuff;
......@@ -15,17 +16,10 @@ const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level");
const isVisibleClass = "is-visible";
const isActiveClass = "is-active";
toggleMenu.addEventListener("click", function () {
menuWrapper.classList.toggle(isVisibleClass);
if (!this.classList.contains(isVisibleClass)) {
listWrapper2.classList.remove(isVisibleClass);
listWrapper3.classList.remove(isVisibleClass);
const menuLinks = menuWrapper.querySelectorAll("a");
for (const menuLink of menuLinks) {
menuLink.classList.remove(isActiveClass);
}
}
});
for (const level1Link of level1Links) {
level1Link.addEventListener("click", function (e) {
......
......@@ -39,6 +39,7 @@
.site-title{
font-size: 20px;
line-height: 24px;
margin-left: 0px;
}
.navbar-brand{
......
......@@ -139,35 +139,90 @@
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
width: 100%;
max-width: 100%;
padding: 0px 10%;
padding: 0px 34px;
margin: auto;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
left: -100%;
background-color: #F0F0F0;
}
#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;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
content:"";
width: 20px;
height: 15px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: relative;
top: 12px;
}
.sub-mobile-menu{
.back-one-level{
background-color: #EE0000;
position: fixed;
left: 0px;
top: 130px;
width: 40px;
height: 41px;
border: 0px solid #EE0000;
border-radius: 0px 50% 50% 0px;
display: none;
.mega-menu-item{
margin-top: 15px !important;
}
span{
color: #fff;
text-indent: -9999px;
display: block;
}
&:before{
content:"";
width: 11px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: absolute;
top: 10px;
left: 13px;
}
}
.is-visible{
.back-one-level{
display: block !important;
}
}
.mega-sub-menu{
.mega-indicator{
margin-top: -50px !important;
position: relative !important;
margin-right: 0px !important;
width: 30px !important;
display: none !important;
}
.mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title{
position: relative;
display: inline-block;
&:after{
margin-right: 0px !important;
content:"";
width: 20px;
height: 22px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important;
display: inline-block;
position: relative;
top: 8px;
right: -10px;
}
}
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
......@@ -183,51 +238,39 @@
display: block;
border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
width: 100%;
margin: 10px auto 0px auto;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center;
text-align: left;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
position: relative;
font-family: "PT Sans",sans-serif;
font-weight: 700;
padding-left: 40px;
margin-bottom: 14px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
width: 100%;
margin: 10px auto 0px auto !important;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center !important;
height: 2.5rem;
font-size: 18px;
position: relative;
font-family: "PT Sans",sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
width: 100%;
margin: 10px auto 0px auto !important;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center !important;
height: 2.5rem;
font-size: 18px;
position: relative;
font-family: "PT Sans",sans-serif;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{
background-color: #669999;
}
.sub-menu-wrapper{
background-color: #fff;
background-color: #F0F0F0;
width: 100% !important;
height: 90vh;
padding: 0px 10% !important;
margin: auto !important;
float: none !important;
}
......@@ -261,6 +304,19 @@
display: block !important;
}
}
.sub-mobile-menu .mega-sub-menu{
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 100vh !important;
transform: translateX(200%) !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 40px 40px 60px 40px;
}
.list-wrapper2,
.list-wrapper3 {
position: absolute !important;
......@@ -271,10 +327,12 @@
transform: translateX(100%) !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #fff !important;
background-color: #F0F0F0;
padding: 50px 40px 60px 40px;
}
//.sub-mobile-menu .mega-sub-menu.is-visible,
.list-wrapper2.is-visible,
.list-wrapper3.is-visible {
transform: none !important;
......@@ -283,5 +341,54 @@
.mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu{
display: none;
}
.mega-sub-menu .mega-menu-item{
margin-top: 14px !important;
}
.mega-menu-title{
color: #000;
font-weight: bold;
font-size:20px !important;;
line-height: 23px !important;;
margin-bottom: 5px;
}
.mega-menu-description{
color: #000;
font-style: normal !important;
font-size:16px !important;;
line-height: 20px !important;;
}
.list-wrapper3 .mega-sub-menu .mega-menu-item a{
color: #000 !important;
font-style: normal !important;
font-size:16px !important;;
line-height: 20px !important;;
}
.list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a{
color: #000 !important;
font-weight: bold;
font-size:20px !important;;
line-height: 23px !important;
}
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{
content: "\00d7";
font-size: 34px;
font-weight: bold;
color: #fff;
margin: 0 0 0 10px;
line-height: 25px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
content: "\f333";
font-family: dashicons;
font-weight: 500;
font-size: 27px;
color: #fff;
margin: 0px 0 0 6.1px;
line-height: 40px;
}
}
\ No newline at end of file
......