@mjhls/mjh-framework 1.0.440 → 1.0.441

package/dist/esm/{Normal-6eba8168.js → Normal-6efd92da.js}

@@ -1,13 +1,13 @@
-import React__default, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { useRouter } from 'next/router';
-import { m as main_39, c as main_40 } from './main-7d1b3c98.js';
+import { m as main_36, c as main_37 } from './main-cf4930f0.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import { D as DFPAdSlot } from './AdSlot-78e48a2c.js';
-import { g as get_1 } from './get-53653403.js';
-import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
+import { D as DFPAdSlot } from './AdSlot-362a1c30.js';
+import { g as get_1 } from './get-bc6cf9fb.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
 import { Dropdown } from 'react-bootstrap';
 import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
 import Button from 'react-bootstrap/Button';
@@ -22,16 +22,16 @@ import FormControl from 'react-bootstrap/FormControl';
 var Column1 = function Column1(props) {
   var title = props.title;
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
+    React.createElement(
       Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
+      React.createElement(
         Col,
         { className: 'middleCol', style: { marginTop: !title && '10px' } },
-        title && React__default.createElement(
+        title && React.createElement(
           'h1',
           null,
           title
@@ -46,13 +46,13 @@ var year = new Date().getFullYear();
 
 var renderLink = function renderLink(row) {
   if (row.blank) {
-    return React__default.createElement(
+    return React.createElement(
       'a',
       { href: row.url, target: '_blank', rel: 'noopener noreferrer' },
       row.title
     );
   }
-  return React__default.createElement(
+  return React.createElement(
     'a',
     { href: row.url },
     row.title
@@ -60,8 +60,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
   */
   var _get = get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,
@@ -70,24 +70,24 @@ var SideFooter = function SideFooter(props) {
 
   var logo = props.logo;
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'side-footer' },
-    React__default.createElement(
+    React.createElement(
       'ul',
       null,
       footerLinks && footerLinks.map(function (row, index) {
-        return React__default.createElement(
+        return React.createElement(
           'li',
           { key: index },
           renderLink(row)
         );
       }),
-      React__default.createElement(
+      React.createElement(
         'li',
         { style: { marginTop: '10px' } },
         socialLinks && socialLinks.map(function (row, index) {
-          return React__default.createElement(reactSocialIcons_1, {
+          return React.createElement(reactSocialIcons_1, {
             target: row.blank ? '_blank' : '_self',
             rel: 'noopener noreferrer',
             key: index,
@@ -98,26 +98,26 @@ var SideFooter = function SideFooter(props) {
         })
       )
     ),
-    logo && React__default.createElement(
+    logo && React.createElement(
       'ul',
       null,
-      React__default.createElement(
+      React.createElement(
         'li',
         { className: 'pt-2' },
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: 'https://www.mjhlifesciences.com' },
-          React__default.createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
+          React.createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'p',
       null,
       '\xA9 ',
       year,
       ' MJH Life Sciences',
-      React__default.createElement(
+      React.createElement(
         'sup',
         null,
         '\u2122'
@@ -134,13 +134,13 @@ var ConferenceBanner = function ConferenceBanner(props) {
   var website = props.website;
 
 
-  return React__default.createElement(
+  return React.createElement(
     "div",
     { className: "conf-img" },
-    React__default.createElement(
+    React.createElement(
       "a",
       { href: website.conferenceBannerContent.href },
-      React__default.createElement("img", { src: website.conferenceBannerContent.src, alt: website.conferenceBannerContent.alt })
+      React.createElement("img", { src: website.conferenceBannerContent.src, alt: website.conferenceBannerContent.alt })
     )
   );
 };
@@ -151,37 +151,37 @@ var Column2 = function Column2(props) {
       website = props.website;
 
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
+    React.createElement(
       Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
+      React.createElement(
         Col,
         { md: true, className: 'middleCol', style: { marginTop: !title && '10px' } },
-        title && React__default.createElement(
+        title && React.createElement(
           'h1',
           null,
           title
         ),
         props.children
       ),
-      React__default.createElement(
+      React.createElement(
         Col,
         { xs: 12, className: 'rightCol' },
-        website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),
-        React__default.createElement(
+        website && website.conferenceBannerContent && React.createElement(ConferenceBanner, { website: website }),
+        React.createElement(
           'div',
           { className: 'sticky-top', style: { top: '60px' } },
           rightItems && rightItems.map(function (row, index) {
-            return React__default.createElement(
+            return React.createElement(
               'div',
               { key: index },
               row.component
             );
           }),
-          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website })
+          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website })
         )
       )
     )
@@ -241,16 +241,16 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
     }
   };
   if (widthFlag) {
-    return React__default.createElement(
-      React__default.Fragment,
+    return React.createElement(
+      React.Fragment,
       null,
-      React__default.createElement(
+      React.createElement(
         'div',
         { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
-        React__default.createElement(
+        React.createElement(
           'div',
           { className: 'sponsored-ad' },
-          React__default.createElement(DFPAdSlot, {
+          React.createElement(DFPAdSlot, {
             className: className,
             slotId: slotId,
             networkID: networkID,
@@ -295,49 +295,49 @@ var LeftNav = function LeftNav(props) {
 
   var renderListGroupItem = function renderListGroupItem(subRow) {
     if (checkUrlIsExternal(subRow.url)) {
-      return React__default.createElement(
+      return React.createElement(
         'a',
         { target: subRow.blank ? '_blank' : '_self', href: subRow.url },
         subRow.name
       );
     }
-    return React__default.createElement(
+    return React.createElement(
       'a',
       { href: subRow.url || '#', target: subRow.blank ? '_blank' : '_self' },
       subRow.name
     );
   };
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
     leftItems && leftItems.map(function (row, index) {
-      return React__default.createElement(
+      return React.createElement(
         'nav',
         { key: index, 'aria-label': 'Secondary' },
-        React__default.createElement(
+        React.createElement(
           'div',
           { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
-          React__default.createElement(
+          React.createElement(
             'span',
             { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
             row.name
           ),
-          row.url && SeeAll && React__default.createElement(
+          row.url && SeeAll && React.createElement(
             'span',
             { style: { marginLeft: 'auto', display: 'inline-block' } },
-            React__default.createElement(
+            React.createElement(
               'a',
               { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
               'See All >'
             )
           )
         ),
-        React__default.createElement(
+        React.createElement(
           'ul',
           { style: sideNavStyles },
           row.subQuery && row.subQuery.map(function (subRow, subIndex) {
-            return React__default.createElement(
+            return React.createElement(
               ListGroup.Item,
               { as: 'li', key: subIndex + '_2' },
               renderListGroupItem(subRow)
@@ -349,7 +349,7 @@ var LeftNav = function LeftNav(props) {
   );
 };
 
-var LeftNav$1 = React__default.memo(LeftNav);
+var LeftNav$1 = React.memo(LeftNav);
 
 var PageFilter = function PageFilter(props) {
   var getParams = props.getParams,
@@ -378,19 +378,19 @@ var PageFilter = function PageFilter(props) {
   }, [filter, sortAttr, getParams]);
 
   if (filters.length) {
-    return React__default.createElement(
+    return React.createElement(
       Dropdown,
       { alignRight: true },
-      React__default.createElement(
+      React.createElement(
         Dropdown.Toggle,
         { className: 'filter-dropdown', id: 'filter-dropdown' },
         filter || defaultFilter
       ),
-      React__default.createElement(
+      React.createElement(
         Dropdown.Menu,
         { className: 'select-dropdown' },
         filters.map(function (filter, index) {
-          return React__default.createElement(
+          return React.createElement(
             Dropdown.Item,
             { key: index, onClick: function onClick() {
                 return setFilter(filter);
@@ -399,7 +399,7 @@ var PageFilter = function PageFilter(props) {
           );
         })
       ),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .filter-dropdown {\n            float: right;\n          }\n          .select-dropdown > a {\n            color: #8e8c84;\n          }\n        '
@@ -424,7 +424,7 @@ var Column3 = function Column3(props) {
   var adRef = useRef(null);
 
   useEffect(function () {
-    if (!main_39 && window.innerWidth >= 768) {
+    if (!main_36 && window.innerWidth >= 768) {
       var navbar = document.querySelector('.navbar');
       var AdOffsetTop = adRef.current.getBoundingClientRect().top;
       window.addEventListener('scroll', function () {
@@ -443,62 +443,62 @@ var Column3 = function Column3(props) {
     }
   }, []);
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
+    React.createElement(
       Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
+      React.createElement(
         Col,
         { md: true, className: 'leftCol', style: { width: '200px' } },
-        React__default.createElement(LeftNav$1, { leftItems: leftItems }),
-        website && website.sponsoredAd && React__default.createElement(ADSponsoredResources, { sponsoredAd: website.sponsoredAd }),
-        website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
+        React.createElement(LeftNav$1, { leftItems: leftItems }),
+        website && website.sponsoredAd && React.createElement(ADSponsoredResources, { sponsoredAd: website.sponsoredAd }),
+        website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
       ),
-      React__default.createElement(
+      React.createElement(
         Col,
         { md: true, className: 'middleCol', style: { maxWidth: '640px', marginTop: !title && '10px' } },
-        showFilter ? React__default.createElement(
+        showFilter ? React.createElement(
           'div',
           { className: 'title-wrap' },
-          React__default.createElement(
+          React.createElement(
             'h1',
             { className: 'title' },
             title
           ),
-          React__default.createElement(
+          React.createElement(
             'div',
             { className: 'filter-box' },
-            React__default.createElement(PageFilter, { getParams: getParams, filters: filters, defaultFilter: defaultFilter })
+            React.createElement(PageFilter, { getParams: getParams, filters: filters, defaultFilter: defaultFilter })
           )
-        ) : title && React__default.createElement(
+        ) : title && React.createElement(
           'h1',
           { className: 'title' },
           title
         ),
         props.children
       ),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n            .filter-box {\n              float: right;\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              /* .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              } */\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
       ),
-      (!main_39 || showRightAd) && React__default.createElement(
+      (!main_36 || showRightAd) && React.createElement(
         Col,
         { xs: 12, className: 'rightCol' },
-        website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),
-        React__default.createElement(
+        website && website.conferenceBannerContent && React.createElement(ConferenceBanner, { website: website }),
+        React.createElement(
           'div',
           { ref: adRef },
           rightItems && rightItems.map(function (row, index) {
-            return React__default.createElement(
+            return React.createElement(
               'div',
               { key: index },
               row.component
             );
           }),
-          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
+          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
         )
       )
     )
@@ -512,21 +512,21 @@ var Header = function Header(props) {
       isLiveSite = props.isLiveSite;
 
 
-  return React__default.createElement(
+  return React.createElement(
     Head,
     null,
-    title && React__default.createElement(
+    title && React.createElement(
       'title',
       null,
       title
     ),
-    keyword && React__default.createElement('meta', { name: 'keywords', content: keyword }),
-    description && React__default.createElement('meta', { name: 'description', content: description }),
-    !isLiveSite && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' })
+    keyword && React.createElement('meta', { name: 'keywords', content: keyword }),
+    description && React.createElement('meta', { name: 'description', content: description }),
+    !isLiveSite && React.createElement('meta', { name: 'robots', content: 'noindex, nofollow' })
   );
 };
 
-var Header$1 = React__default.memo(Header);
+var Header$1 = React.memo(Header);
 
 // THIS FILE IS AUTO GENERATED
 var MdEmail = function (props) {
@@ -560,12 +560,12 @@ var Search = function Search(props) {
     window.location.href = '/search?searchTerm=' + searchKey;
   };
 
-  return React__default.createElement(
+  return React.createElement(
     Form,
     { inline: true, onSubmit: function onSubmit(e) {
         return submitSearch(e);
       } },
-    React__default.createElement(FormControl, {
+    React.createElement(FormControl, {
       className: device === 'mobile' ? 'mobile-search mr-sm-2' : 'mr-sm-2',
       type: 'text',
       placeholder: placeholder,
@@ -574,14 +574,14 @@ var Search = function Search(props) {
         return setSearchKey(e.target.value);
       }
     }),
-    React__default.createElement(
+    React.createElement(
       Button,
       { variant: 'secondary', onClick: function onClick(e) {
           return submitSearch(e);
         } },
       btnText
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .mobile-search {\n          width: 75%;\n          margin-right: 15px;\n        }\n      '
@@ -595,26 +595,26 @@ var NavFooter = function NavFooter(props) {
   var website = props.website,
       showLogo = props.showLogo;
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'nav-footer' },
-    website && React__default.createElement(
+    website && React.createElement(
       'ul',
       null,
       website && website.sideFooterContent && website.sideFooterContent.length && website.sideFooterContent.map(function (content, index) {
         if (content.url && content.title) {
-          return content.blank ? React__default.createElement(
+          return content.blank ? React.createElement(
             'li',
             { key: index },
-            React__default.createElement(
+            React.createElement(
               'a',
               { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
               content.title
             )
-          ) : React__default.createElement(
+          ) : React.createElement(
             'li',
             { key: index },
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: content.url, className: 'nav-link' },
               content.title
@@ -622,17 +622,17 @@ var NavFooter = function NavFooter(props) {
           );
         } else return null;
       }),
-      showLogo && React__default.createElement(
+      showLogo && React.createElement(
         'li',
         null,
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: 'https://www.mjhlifesciences.com' },
-          React__default.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
+          React.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
         )
       )
     ),
-    website && website.title && React__default.createElement(
+    website && website.title && React.createElement(
       'p',
       { className: 'nav-link' },
       '\xA9 ',
@@ -644,7 +644,7 @@ var NavFooter = function NavFooter(props) {
   );
 };
 
-var NavFooter$1 = React__default.memo(NavFooter);
+var NavFooter$1 = React.memo(NavFooter);
 
 var year$2 = new Date().getFullYear();
 
@@ -652,26 +652,26 @@ var SocialNavFooter = function SocialNavFooter(props) {
   var website = props.website,
       showLogo = props.showLogo;
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'nav-footer' },
-    website && website.footerLinks && website.footerLinks.length && React__default.createElement(
+    website && website.footerLinks && website.footerLinks.length && React.createElement(
       'ul',
       null,
       website && website.footerLinks.map(function (content, index) {
         if (content.url && content.title) {
-          return content.blank ? React__default.createElement(
+          return content.blank ? React.createElement(
             'li',
             { key: index },
-            React__default.createElement(
+            React.createElement(
               'a',
               { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
               content.title
             )
-          ) : React__default.createElement(
+          ) : React.createElement(
             'li',
             { key: index },
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: content.url, className: 'nav-link' },
               content.title
@@ -680,14 +680,14 @@ var SocialNavFooter = function SocialNavFooter(props) {
         } else return null;
       })
     ),
-    React__default.createElement(
+    React.createElement(
       'ul',
       null,
-      React__default.createElement(
+      React.createElement(
         'li',
         { style: { marginTop: '10px' }, key: website.footerLinks ? website.footerLinks.length + 1 : 1 },
         website.socialLinks && website.socialLinks.map(function (row, index) {
-          return React__default.createElement(reactSocialIcons_1, {
+          return React.createElement(reactSocialIcons_1, {
             target: row.blank ? '_blank' : '_self',
             rel: 'noopener noreferrer',
             key: index,
@@ -697,17 +697,17 @@ var SocialNavFooter = function SocialNavFooter(props) {
           });
         })
       ),
-      showLogo && React__default.createElement(
+      showLogo && React.createElement(
         'li',
         null,
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: 'https://www.mjhlifesciences.com' },
-          React__default.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
+          React.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
         )
       )
     ),
-    website && website.name && React__default.createElement(
+    website && website.name && React.createElement(
       'p',
       { className: 'nav-link' },
       '\xA9 ',
@@ -720,16 +720,16 @@ var SocialNavFooter = function SocialNavFooter(props) {
 };
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-    <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+   <MagazineNav
+     showLogin
+     user={props.cache.user}
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -832,92 +832,92 @@ var NavMagazine = function NavMagazine(props) {
     }
   }, [props.user, userChecked]);
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React.createElement(
+    React.Fragment,
     null,
-    React__default.createElement(
+    React.createElement(
       Navbar,
       { expand: 'xl', ref: topNavRef },
-      React__default.createElement(
+      React.createElement(
         Container,
         { style: { position: 'relative' } },
-        React__default.createElement(
+        React.createElement(
           Nav,
           { id: 'navbar-top', className: 'justify-content-center navbar-top', style: { margin: '0 auto' } },
-          React__default.createElement(
+          React.createElement(
             Nav.Item,
             { className: 'nav-mobile-logo' },
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: '/' },
-              mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
+              mobileLogo && screenWidth < 776 ? React.createElement('img', { src: mobileLogo }) : React.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
             )
           ),
           false    ,
           false    
         ),
-        React__default.createElement(
+        React.createElement(
           Nav,
           { style: { position: 'absolute', right: '15px' }, className: 'justify-content-end rightHeader' },
-          showLogin && userChecked && !userLoggedIn && React__default.createElement(
-            React__default.Fragment,
+          showLogin && userChecked && !userLoggedIn && React.createElement(
+            React.Fragment,
             null,
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               null,
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { href: '/auth/signup' },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'px-2 py-2 mr-2', id: 'nav-register' },
-                  React__default.createElement(MdEmail, null),
+                  React.createElement(MdEmail, null),
                   ' Sign Up'
                 )
               )
             ),
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               null,
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { href: '/auth/login' },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'px-2 py-2', id: 'nav-login' },
-                  React__default.createElement(IoMdLogIn, null),
+                  React.createElement(IoMdLogIn, null),
                   ' Login'
                 )
               )
             )
           ),
-          showLogin && userChecked && userLoggedIn && React__default.createElement(
-            React__default.Fragment,
+          showLogin && userChecked && userLoggedIn && React.createElement(
+            React.Fragment,
             null,
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               null,
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { href: '/auth/profile' },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'px-2 py-2', id: 'nav-profile' },
-                  React__default.createElement(MdEmail, null),
+                  React.createElement(MdEmail, null),
                   ' Profile'
                 )
               )
             ),
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               null,
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { href: '/api/auth/logout' },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'px-2 py-2', id: 'nav-logout' },
-                  React__default.createElement(IoMdLogIn, null),
+                  React.createElement(IoMdLogIn, null),
                   ' Logout'
                 )
               )
@@ -926,47 +926,47 @@ var NavMagazine = function NavMagazine(props) {
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       Navbar,
-      { id: 'navbar-ham', className: main_40 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
-      React__default.createElement(
+      { id: 'navbar-ham', className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
+      React.createElement(
         Container,
         { className: 'mobile-nav android-nav' },
-        React__default.createElement(
+        React.createElement(
           'div',
           { className: 'nav-toggle' },
-          React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
-          React__default.createElement(Search, { device: 'mobile' })
+          React.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
+          React.createElement(Search, { device: 'mobile' })
         ),
-        subNav && React__default.createElement(
+        subNav && React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
-            showLogin && userChecked && userLoggedIn && React__default.createElement(
-              React__default.Fragment,
+            showLogin && userChecked && userLoggedIn && React.createElement(
+              React.Fragment,
               null,
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { key: 'mobile-profile', href: '/auth/profile', className: 'nav-link' },
                 'Profile'
               ),
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { key: 'mobile-logout', href: '/api/auth/logout', className: 'nav-link' },
                 'Log Out'
               )
             ),
-            showLogin && userChecked && !userLoggedIn && React__default.createElement(
-              React__default.Fragment,
+            showLogin && userChecked && !userLoggedIn && React.createElement(
+              React.Fragment,
               null,
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { key: 'mobile-signup', href: '/auth/signup', className: 'nav-link' },
                 'Sign Up'
               ),
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { key: 'mobile-login', href: '/auth/login', className: 'nav-link' },
                 'Log In'
@@ -974,18 +974,18 @@ var NavMagazine = function NavMagazine(props) {
             ),
             subNav && subNav.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default.createElement(
+                return row.name ? React.createElement(
                   'div',
                   null,
-                  React__default.createElement(
+                  React.createElement(
                     NavDropdown,
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
                         if (ddRow.url && ddRow.name) {
-                          return ddRow.url && ddRow.name ? React__default.createElement(
+                          return ddRow.url && ddRow.name ? React.createElement(
                             'a',
                             { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -994,18 +994,18 @@ var NavMagazine = function NavMagazine(props) {
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default.createElement(
+                            return ddRow.url && ddRow.name ? React.createElement(
                               'a',
                               { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
@@ -1017,7 +1017,7 @@ var NavMagazine = function NavMagazine(props) {
                   )
                 ) : null;
               } else {
-                return row.url && row.name ? React__default.createElement(
+                return row.url && row.name ? React.createElement(
                   'a',
                   { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -1026,30 +1026,30 @@ var NavMagazine = function NavMagazine(props) {
             })
           )
         ),
-        React__default.createElement(
+        React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-nav' },
-          isSticky && React__default.createElement(
+          isSticky && React.createElement(
             'a',
             { href: '/' },
-            React__default.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
+            React.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
           ),
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default.createElement(
+                return row.name ? React.createElement(
                   'div',
                   null,
-                  React__default.createElement(
+                  React.createElement(
                     NavDropdown,
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
-                        return ddRow.url && ddRow.name ? React__default.createElement(
+                        return ddRow.url && ddRow.name ? React.createElement(
                           'a',
                           { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                           ddRow.name
@@ -1057,17 +1057,17 @@ var NavMagazine = function NavMagazine(props) {
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
-                          return ddRow.url && ddRow.name ? React__default.createElement(
+                          return ddRow.url && ddRow.name ? React.createElement(
                             'a',
                             { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -1078,7 +1078,7 @@ var NavMagazine = function NavMagazine(props) {
                   )
                 ) : null;
               } else {
-                return row.url && row.name ? React__default.createElement(
+                return row.url && row.name ? React.createElement(
                   'a',
                   { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -1086,29 +1086,29 @@ var NavMagazine = function NavMagazine(props) {
               }
             })
           ),
-          React__default.createElement(Search, { device: 'mobile' })
+          React.createElement(Search, { device: 'mobile' })
         ),
-        website && React__default.createElement(
+        website && React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
-            socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website, showLogo: true }) : React__default.createElement(NavFooter$1, { website: website, showLogo: true })
+            socialFooterNav ? React.createElement(SocialNavFooter, { website: website, showLogo: true }) : React.createElement(NavFooter$1, { website: website, showLogo: true })
           )
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'noscript',
       null,
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n\n        @media screen and (max-width: 1192px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n\n        @media screen and (max-width: 1192px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 100px;\n          }\n        }\n        @media screen and (min-width: 992px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            width: 70%;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          .logo {\n            max-width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n      '
@@ -1116,18 +1116,18 @@ var NavMagazine = function NavMagazine(props) {
   );
 };
 
-var MagazineNav = React__default.memo(NavMagazine);
+var MagazineNav = React.memo(NavMagazine);
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-    <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+   <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1174,66 +1174,66 @@ var NavNative = function NavNative(props) {
     }
   };
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React.createElement(
+    React.Fragment,
     null,
-    React__default.createElement(
+    React.createElement(
       Navbar,
       {
-        className: main_40 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
+        className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
         variant: 'dark',
         expand: 'lg',
         bg: 'primary',
         sticky: 'top',
         ref: navRef,
         style: { minHeight: '61px' } },
-      React__default.createElement(
+      React.createElement(
         Container,
         { style: { maxHeight: '80vh' }, className: 'mobile-nav' },
-        React__default.createElement(
+        React.createElement(
           Navbar.Brand,
           { id: 'nav-mobile-sm', className: 'nav-mobile-logo' },
-          React__default.createElement(
+          React.createElement(
             'a',
             { href: '/' },
-            mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
+            mobileLogo && screenWidth < 1200 ? React.createElement('img', { src: mobileLogo }) : React.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
           )
         ),
-        React__default.createElement(
+        React.createElement(
           'div',
           { className: 'nav-toggle' },
-          React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
-          React__default.createElement(
+          React.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
+          React.createElement(
             Navbar.Brand,
             { id: 'nav-mobile-md', className: 'nav-mobile-logo' },
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: '/' },
-              mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
+              mobileLogo && screenWidth < 1200 ? React.createElement('img', { src: mobileLogo }) : React.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
             )
           ),
-          React__default.createElement(Search, { device: 'mobile' })
+          React.createElement(Search, { device: 'mobile' })
         ),
-        subNav && React__default.createElement(
+        subNav && React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
             subNav && subNav.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default.createElement(
+                return row.name ? React.createElement(
                   'div',
                   { key: index },
-                  React__default.createElement(
+                  React.createElement(
                     NavDropdown,
                     { title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
                         if (ddRow.url && ddRow.name) {
-                          return ddRow.url && ddRow.name ? React__default.createElement(
+                          return ddRow.url && ddRow.name ? React.createElement(
                             'a',
                             { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -1242,18 +1242,18 @@ var NavNative = function NavNative(props) {
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default.createElement(
+                            return ddRow.url && ddRow.name ? React.createElement(
                               'a',
                               { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
@@ -1265,7 +1265,7 @@ var NavNative = function NavNative(props) {
                   )
                 ) : null;
               } else {
-                return row.url && row.name ? React__default.createElement(
+                return row.url && row.name ? React.createElement(
                   'a',
                   { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -1274,25 +1274,25 @@ var NavNative = function NavNative(props) {
             })
           )
         ),
-        React__default.createElement(
+        React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-nav' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default.createElement(
+                return row.name ? React.createElement(
                   'div',
                   { key: 'subnav-' + index },
-                  React__default.createElement(
+                  React.createElement(
                     NavDropdown,
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
-                        return ddRow.url && ddRow.name ? React__default.createElement(
+                        return ddRow.url && ddRow.name ? React.createElement(
                           'a',
                           { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                           ddRow.name
@@ -1300,17 +1300,17 @@ var NavNative = function NavNative(props) {
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
-                          return ddRow.url && ddRow.name ? React__default.createElement(
+                          return ddRow.url && ddRow.name ? React.createElement(
                             'a',
                             { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -1321,7 +1321,7 @@ var NavNative = function NavNative(props) {
                   )
                 ) : null;
               } else {
-                return row.url && row.name ? React__default.createElement(
+                return row.url && row.name ? React.createElement(
                   'a',
                   { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -1329,29 +1329,29 @@ var NavNative = function NavNative(props) {
               }
             })
           ),
-          React__default.createElement(Search, { device: 'mobile' })
+          React.createElement(Search, { device: 'mobile' })
         ),
-        website && React__default.createElement(
+        website && React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
-            socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter$1, { website: website })
+            socialFooterNav ? React.createElement(SocialNavFooter, { website: website }) : React.createElement(NavFooter$1, { website: website })
           )
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'noscript',
       null,
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n\n        #nav-mobile-sm {\n          display: none;\n        }\n\n        @media screen and (max-width: 1191px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n          }\n          #nav-mobile-md {\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px !important;\n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n            padding-left: 0.5rem;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n            direction: rtl;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n\n        @media screen and (min-width: 1191px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            flex: 1 1 auto;\n            margin-left: 0.25rem;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          #nav-mobile-md {\n            display: none;\n          }\n          #nav-mobile-sm {\n            display: inline-block;\n            margin: 0 auto 0.5rem;\n          }\n          .nav-toggle {\n            margin: 0.5rem 0;\n            padding: 0 0.5rem;\n          }\n        }\n      '
@@ -1364,50 +1364,50 @@ var NavNormal = function NavNormal(props) {
       dataObject = props.dataObject;
 
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
+    React.createElement(
       Navbar,
       { expand: 'lg' },
-      React__default.createElement(
+      React.createElement(
         Container,
         null,
-        React__default.createElement('img', { src: logo, style: { height: '50px' } }),
-        React__default.createElement(
+        React.createElement('img', { src: logo, style: { height: '50px' } }),
+        React.createElement(
           'div',
           null,
-          React__default.createElement(MdEmail, null),
+          React.createElement(MdEmail, null),
           ' Subscribe',
-          React__default.createElement('br', null),
-          React__default.createElement(MdMouse, null),
+          React.createElement('br', null),
+          React.createElement(MdMouse, null),
           ' Login'
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       Navbar,
       { variant: 'dark', expand: 'lg', bg: 'primary' },
-      React__default.createElement(
+      React.createElement(
         Container,
         null,
-        React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
-        React__default.createElement(
+        React.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
+        React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-nav' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row) {
               if (row.type === 'dropdown') {
-                return React__default.createElement(
+                return React.createElement(
                   NavDropdown,
                   { title: row.name, id: 'basic-nav-dropdown' },
                   row.dropdown && row.dropdown.map(function (ddRow, ddItems) {
                     if (ddRow.type === 'divider') {
-                      return React__default.createElement(NavDropdown.Divider, null);
+                      return React.createElement(NavDropdown.Divider, null);
                     } else {
-                      return React__default.createElement(
+                      return React.createElement(
                         NavDropdown.Item,
                         { href: ddRow.url, target: ddRow.blank ? '_blank' : '_self' },
                         ddRow.name
@@ -1417,7 +1417,7 @@ var NavNormal = function NavNormal(props) {
                 );
               } else {
                 // Link default
-                return React__default.createElement(
+                return React.createElement(
                   Nav.Link,
                   { href: row.url, target: row.blank ? '_blank' : '_self' },
                   row.name
@@ -1426,10 +1426,10 @@ var NavNormal = function NavNormal(props) {
             })
           )
         ),
-        React__default.createElement(Search, null)
+        React.createElement(Search, null)
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        @media screen and (max-width: 991px) {\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n        }\n      '
@@ -1447,87 +1447,87 @@ var NavDvm = function NavDvm(props) {
 
   var getLink = function getLink(url, className, name, key, blank) {
     if (url && (url.includes('https://') || url.includes('http://'))) {
-      return React__default.createElement(
+      return React.createElement(
         'a',
         { target: blank ? '_blank' : '_self', key: key, href: url || '#', className: className },
         name
       );
     }
 
-    return React__default.createElement(
+    return React.createElement(
       'a',
       { key: key, href: url || '#', target: blank ? '_blank' : '_self', className: className },
       name
     );
   };
 
-  return React__default.createElement(
-    React__default.Fragment,
+  return React.createElement(
+    React.Fragment,
     null,
-    React__default.createElement(
+    React.createElement(
       Navbar,
       { className: 'top-nav', expand: 'xl' },
-      React__default.createElement(
+      React.createElement(
         Container,
         null,
-        React__default.createElement(
+        React.createElement(
           Nav,
           { className: 'justify-content-center', style: { margin: '0 auto' } },
-          React__default.createElement(
+          React.createElement(
             Nav.Item,
             null,
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: '/' },
-              React__default.createElement('img', { src: logo, style: { height: '55px' } })
+              React.createElement('img', { src: logo, style: { height: '55px' } })
             )
           )
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       Navbar,
       { className: 'bottom-nav', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top' },
-      React__default.createElement(
+      React.createElement(
         Container,
         { className: 'mobile-nav position-relative' },
-        mobileLogo && React__default.createElement(
+        mobileLogo && React.createElement(
           'a',
           { href: '/', className: 'mobile-logo' },
-          React__default.createElement('img', { src: mobileLogo })
+          React.createElement('img', { src: mobileLogo })
         ),
-        React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
-        React__default.createElement(
+        React.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
+        React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-nav' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row, index) {
               if (row.subQuery.length > 0) {
-                return React__default.createElement(
+                return React.createElement(
                   'div',
                   null,
-                  React__default.createElement(
+                  React.createElement(
                     NavDropdown,
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
                         return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
                         }
@@ -1540,28 +1540,28 @@ var NavDvm = function NavDvm(props) {
               }
             })
           ),
-          React__default.createElement(Search, null)
+          React.createElement(Search, null)
         ),
-        subNav && React__default.createElement(
+        subNav && React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
             subNav && subNav.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default.createElement(
+                return row.name ? React.createElement(
                   'div',
                   null,
-                  React__default.createElement(
+                  React.createElement(
                     NavDropdown,
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                        return React.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
                         if (ddRow.url && ddRow.name) {
-                          return ddRow.url && ddRow.name ? React__default.createElement(
+                          return ddRow.url && ddRow.name ? React.createElement(
                             'a',
                             { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -1570,18 +1570,18 @@ var NavDvm = function NavDvm(props) {
                       }
                     })
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     'noscript',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default.createElement(
+                            return ddRow.url && ddRow.name ? React.createElement(
                               'a',
                               { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
@@ -1593,7 +1593,7 @@ var NavDvm = function NavDvm(props) {
                   )
                 ) : null;
               } else {
-                return row.url && row.name ? React__default.createElement(
+                return row.url && row.name ? React.createElement(
                   'a',
                   { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -1602,27 +1602,27 @@ var NavDvm = function NavDvm(props) {
             })
           )
         ),
-        website && React__default.createElement(
+        website && React.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default.createElement(
+          React.createElement(
             Nav,
             { className: 'mr-auto' },
-            React__default.createElement(NavFooter$1, { website: website })
+            React.createElement(NavFooter$1, { website: website })
           )
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'noscript',
       null,
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .mobile-logo {\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 0;\n          height: 40px;\n          transform: translateX(-50%);\n        }\n        .mobile-logo img {\n          height: 100%;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-logo {\n            display: block;\n          }\n          .top-nav {\n            display: none;\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            margin: 5px 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n        }\n        @media screen and (max-width: 991px) {\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n        }\n      '
@@ -1631,15 +1631,15 @@ var NavDvm = function NavDvm(props) {
 };
 
 var HamMagazine = function HamMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1789,115 +1789,115 @@ var HamMagazine = function HamMagazine(props) {
     }
   };
 
-  return React__default.createElement(
+  return React.createElement(
     'header',
-    { className: !main_39 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '99999' } },
-    React__default.createElement(
+    { className: !main_36 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '99999' } },
+    React.createElement(
       Navbar,
       { expand: 'md', ref: topNavRef },
-      React__default.createElement(
+      React.createElement(
         Container,
         { style: { position: 'relative' } },
-        React__default.createElement(
+        React.createElement(
           Nav,
           { id: 'navbar-top', className: 'justify-content-center navbar-top', style: { margin: '0 auto' } },
-          showLogin && React__default.createElement(
+          showLogin && React.createElement(
             Nav.Item,
             { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: '/register' },
-              React__default.createElement(
+              React.createElement(
                 'div',
                 { className: 'px-2 py-2' },
-                React__default.createElement(MdEmail, null),
+                React.createElement(MdEmail, null),
                 ' Register'
               )
             )
           ),
-          React__default.createElement(
+          React.createElement(
             Nav.Item,
             { className: 'nav-mobile-logo' },
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: '/' },
-              mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
+              mobileLogo && screenWidth < 776 ? React.createElement('img', { src: mobileLogo }) : React.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
             )
           ),
-          showLogin && React__default.createElement(
+          showLogin && React.createElement(
             Nav.Item,
             { id: 'nav-mobile-login', className: 'hide-on-login', style: { display: 'none' } },
-            React__default.createElement(
+            React.createElement(
               'div',
               { className: 'px-2 py-2 ', onClick: function onClick(e) {
                   return handleLogin();
                 } },
-              React__default.createElement(IoMdLogIn, null),
+              React.createElement(IoMdLogIn, null),
               ' Login'
             )
           ),
-          showLogin && React__default.createElement(
-            React__default.Fragment,
+          showLogin && React.createElement(
+            React.Fragment,
             null,
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               { id: 'nav-mobile-logout', className: 'hide-on-logout', style: { display: 'none' } },
-              React__default.createElement(
+              React.createElement(
                 'div',
                 { className: 'pl-2 pr-3 py-2 text-right', onClick: function onClick(e) {
                     return handleLogout();
                   } },
-                React__default.createElement(IoMdLogIn, null),
+                React.createElement(IoMdLogIn, null),
                 ' Logout'
               )
             )
           )
         ),
-        React__default.createElement(
+        React.createElement(
           Nav,
           { style: { position: 'absolute', right: '15px' }, className: 'justify-content-end rightHeader' },
-          showLogin && React__default.createElement(
-            React__default.Fragment,
+          showLogin && React.createElement(
+            React.Fragment,
             null,
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               { className: 'hide-on-login', style: { display: 'none' } },
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { href: '/register' },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'px-2 py-2 mr-2', id: 'nav-register' },
-                  React__default.createElement(MdEmail, null),
+                  React.createElement(MdEmail, null),
                   ' Register'
                 )
               )
             ),
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               { className: 'hide-on-login', style: { display: 'none' } },
-              React__default.createElement(
+              React.createElement(
                 'div',
                 { className: 'px-2 py-2', id: 'nav-login', onClick: function onClick(e) {
                     return handleLogin();
                   } },
-                React__default.createElement(IoMdLogIn, null),
+                React.createElement(IoMdLogIn, null),
                 ' Login'
               )
             )
           ),
-          showLogin && React__default.createElement(
-            React__default.Fragment,
+          showLogin && React.createElement(
+            React.Fragment,
             null,
-            React__default.createElement(
+            React.createElement(
               Nav.Item,
               { className: 'hide-on-logout', style: { display: 'none' } },
-              React__default.createElement(
+              React.createElement(
                 'div',
                 { className: 'px-2 py-2', id: 'nav-logout', onClick: function onClick(e) {
                     return handleLogout();
                   } },
-                React__default.createElement(IoMdLogIn, null),
+                React.createElement(IoMdLogIn, null),
                 ' Logout'
               )
             )
@@ -1905,46 +1905,46 @@ var HamMagazine = function HamMagazine(props) {
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       Navbar,
       { id: 'navbar-ham', variant: 'dark', expand: 'xl', bg: 'primary', ref: navRef, style: { width: '100%' } },
-      React__default.createElement(
+      React.createElement(
         Container,
         { className: 'mobile-nav' },
-        React__default.createElement(
+        React.createElement(
           'div',
           { className: 'nav-toggle' },
-          React__default.createElement(Navbar.Toggle, {
+          React.createElement(Navbar.Toggle, {
             'aria-controls': 'basic-navbar-nav',
             onClick: function onClick() {
               setIsOpen(!isOpen);
             }
           }),
-          React__default.createElement(Search, { device: 'mobile' })
+          React.createElement(Search, { device: 'mobile' })
         ),
-        React__default.createElement(
+        React.createElement(
           'div',
           { className: 'hamburger-menu-list', style: { width: '100%', maxHeight: '80vh' } },
-          subNav && React__default.createElement(
+          subNav && React.createElement(
             Navbar.Collapse,
             { id: 'basic-navbar-sub' },
-            React__default.createElement(
+            React.createElement(
               Nav,
               { className: 'mr-auto' },
               subNav && subNav.map(function (row, index) {
                 if (row.subQuery && row.subQuery.length > 0) {
-                  return row.name ? React__default.createElement(
+                  return row.name ? React.createElement(
                     'div',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       NavDropdown,
                       { key: index, title: row.name, id: 'basic-nav-dropdown' },
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default.createElement(
+                            return ddRow.url && ddRow.name ? React.createElement(
                               'a',
                               { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
                               ddRow.name
@@ -1953,15 +1953,15 @@ var HamMagazine = function HamMagazine(props) {
                         }
                       })
                     ),
-                    React__default.createElement(
+                    React.createElement(
                       'noscript',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default.createElement(
+                            return ddRow.url && ddRow.name ? React.createElement(
                               'a',
                               { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
                               ddRow.name
@@ -1972,7 +1972,7 @@ var HamMagazine = function HamMagazine(props) {
                     )
                   ) : null;
                 } else {
-                  return row.url && row.name ? React__default.createElement(
+                  return row.url && row.name ? React.createElement(
                     'a',
                     { key: index, href: row.url, target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
                     row.name
@@ -1981,30 +1981,30 @@ var HamMagazine = function HamMagazine(props) {
               })
             )
           ),
-          React__default.createElement(
+          React.createElement(
             Navbar.Collapse,
             { id: 'basic-navbar-nav' },
-            isSticky && React__default.createElement(
+            isSticky && React.createElement(
               'a',
               { href: '/' },
-              React__default.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
+              React.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
             ),
-            React__default.createElement(
+            React.createElement(
               Nav,
               { className: 'mr-auto web-nav' },
               dataObject && dataObject.map(function (row, index) {
                 if (row.subQuery && row.subQuery.length > 0) {
-                  return row.name ? React__default.createElement(
+                  return row.name ? React.createElement(
                     'div',
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       NavDropdown,
                       { key: index, title: row.name, id: 'basic-nav-dropdown' },
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
-                          return ddRow.url && ddRow.name ? React__default.createElement(
+                          return ddRow.url && ddRow.name ? React.createElement(
                             'a',
                             { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item nav-link' },
                             ddRow.name
@@ -2012,15 +2012,15 @@ var HamMagazine = function HamMagazine(props) {
                         }
                       })
                     ),
-                    React__default.createElement(
+                    React.createElement(
                       'noscript',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
+                          return React.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default.createElement(
+                            return ddRow.url && ddRow.name ? React.createElement(
                               'a',
                               { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
                               ddRow.name
@@ -2031,7 +2031,7 @@ var HamMagazine = function HamMagazine(props) {
                     )
                   ) : null;
                 } else {
-                  return row.url && row.name ? React__default.createElement(
+                  return row.url && row.name ? React.createElement(
                     'a',
                     { key: index, href: row.url, target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
                     row.name
@@ -2039,30 +2039,30 @@ var HamMagazine = function HamMagazine(props) {
                 }
               })
             ),
-            React__default.createElement(Search, { device: 'mobile' })
+            React.createElement(Search, { device: 'mobile' })
           ),
-          website && React__default.createElement(
+          website && React.createElement(
             Navbar.Collapse,
             { id: 'basic-navbar-sub' },
-            React__default.createElement(
+            React.createElement(
               Nav,
               { className: 'mr-auto' },
-              socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website, showLogo: true }) : React__default.createElement(NavFooter$1, { website: website, showLogo: true })
+              socialFooterNav ? React.createElement(SocialNavFooter, { website: website, showLogo: true }) : React.createElement(NavFooter$1, { website: website, showLogo: true })
             )
           )
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'noscript',
       null,
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            width: 70%;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 100px;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
@@ -2082,7 +2082,7 @@ var AD728x90 = function AD728x90(_ref) {
       fixedPos = _ref$fixedPos === undefined ? '60px' : _ref$fixedPos;
 
   var mobileView = false;
-  if (main_39) {
+  if (main_36) {
     pos = 'top-mobile';
     mobileView = true;
   }
@@ -2127,10 +2127,10 @@ var AD728x90 = function AD728x90(_ref) {
   var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
   var mobileSizes = [[320, 50], [300, 50]];
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'leaderboard-ad-wrapper', ref: adRef, style: { backgroundColor: '#fff' } },
-    React__default.createElement(DFPAdSlot, {
+    React.createElement(DFPAdSlot, {
       slotId: slotId,
       networkID: networkID,
       adUnit: adUnit,
@@ -2184,15 +2184,15 @@ var TemplateNormal = function TemplateNormal(props) {
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
-        return React__default.createElement(NavNormal, { logo: website.logo, dataObject: config.navItems });
+        return React.createElement(NavNormal, { logo: website.logo, dataObject: config.navItems });
       case 'magazine':
-        return React__default.createElement(MagazineNav, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React.createElement(MagazineNav, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'native':
-        return React__default.createElement(NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React.createElement(NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'dvm':
-        return React__default.createElement(NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
+        return React.createElement(NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
       case 'hamburgerNav':
-        return React__default.createElement(HamMagazine, {
+        return React.createElement(HamMagazine, {
           socialFooterNav: true,
           logo: website.logo,
           dataObject: config.navItems,
@@ -2202,7 +2202,7 @@ var TemplateNormal = function TemplateNormal(props) {
           showLogin: website.showLogin
         });
       default:
-        return React__default.createElement('noNav', null);
+        return React.createElement('noNav', null);
     }
   };
 
@@ -2216,19 +2216,19 @@ var TemplateNormal = function TemplateNormal(props) {
   function layout() {
     switch (config.columns) {
       case '1':
-        return React__default.createElement(
+        return React.createElement(
           Column1,
           { title: title },
           props.children
         );
       case '2':
-        return React__default.createElement(
+        return React.createElement(
           Column2,
           { title: title, rightItems: config.rightItems, website: website },
           props.children
         );
       case '3':
-        return React__default.createElement(
+        return React.createElement(
           Column3,
           {
             title: title,
@@ -2244,34 +2244,34 @@ var TemplateNormal = function TemplateNormal(props) {
           props.children
         );
       default:
-        return React__default.createElement('noLayout', null);
+        return React.createElement('noLayout', null);
     }
   }
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    noTitle ? React__default.createElement(Header$1, {
+    noTitle ? React.createElement(Header$1, {
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
-    }) : React__default.createElement(Header$1, {
+    }) : React.createElement(Header$1, {
       title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
     }),
     navigation(),
-    sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
-      React__default.Fragment,
+    sponsoredFlag ? React.createElement('div', { style: { height: '50px' } }) : React.createElement(
+      React.Fragment,
       null,
-      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
+      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React.createElement(
         Container,
         null,
-        React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
+        React.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
       )
     ),
-    React__default.createElement(
+    React.createElement(
       Container,
       null,
       layout()