@mjhls/mjh-framework 1.0.132 → 1.0.134

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.132
+# mjh-framework v. 1.0.134
 
 
 

package/dist/index.es.js

@@ -8,6 +8,7 @@ import Card from 'react-bootstrap/Card';
 import moment from 'moment';
 import Link from 'next/link';
 import { withRouter, useRouter } from 'next/router';
+import LazyLoad from 'react-lazyload';
 import Media from 'react-bootstrap/Media';
 import { Media as Media$1, Container as Container$1, Dropdown, Figure, Carousel, Table, Button as Button$1, ProgressBar, Card as Card$1 } from 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
@@ -19,6 +20,7 @@ import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 import { FacebookShareButton, TwitterShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, PinterestIcon, EmailIcon } from 'react-share';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
+import { SocialIcon } from 'react-social-icons';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
@@ -4733,7 +4735,7 @@ var DeckContent = function (_React$Component) {
       var client = _this.props.client;
 
       var builder = imageUrlBuilder(client);
-      return builder.image(source);
+      return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
         var url = _this.urlFor(row.thumbnail);
@@ -4898,7 +4900,15 @@ var DeckContent = function (_React$Component) {
                     React__default.createElement(
                       'a',
                       null,
-                      React__default.createElement(Card.Img, { variant: 'top', src: _this.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
+                      React__default.createElement(
+                        LazyLoad,
+                        { height: _this.props.imageHeight },
+                        React__default.createElement(Card.Img, {
+                          variant: 'top',
+                          src: _this.renderCardImage(row, page),
+                          alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                        })
+                      )
                     )
                   ),
                   React__default.createElement(
@@ -6129,7 +6139,7 @@ var GridContent = function (_React$Component) {
       var client = _this.props.client;
 
       var builder = imageUrlBuilder(client);
-      return builder.image(source);
+      return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
         var url = _this.urlFor(row.thumbnail);
@@ -6302,7 +6312,15 @@ var GridContent = function (_React$Component) {
                       React__default.createElement(
                         'a',
                         null,
-                        React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
+                        React__default.createElement(
+                          LazyLoad,
+                          { height: _this2.props.imageHeight },
+                          React__default.createElement(Card.Img, {
+                            variant: 'top',
+                            src: _this2.renderCardImage(row, page),
+                            alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                          })
+                        )
                       )
                     )
                   ),
@@ -6374,7 +6392,15 @@ var GridContent = function (_React$Component) {
                     React__default.createElement(
                       'a',
                       { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
-                      React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row, page), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
+                      React__default.createElement(
+                        LazyLoad,
+                        { height: _this2.props.imageHeight },
+                        React__default.createElement(Card.Img, {
+                          variant: 'top',
+                          src: _this2.renderCardImage(row, page),
+                          alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                        })
+                      )
                     )
                   ),
                   React__default.createElement(
@@ -6558,7 +6584,7 @@ var DeckQueue = function (_React$Component) {
       var client = _this.props.client;
 
       var builder = imageUrlBuilder(client);
-      return builder.image(source);
+      return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row) {
       if (row.thumbnail && row.thumbnail.asset) {
         var url = _this.urlFor(row.thumbnail);
@@ -6696,7 +6722,11 @@ var DeckQueue = function (_React$Component) {
                       React__default.createElement(
                         Link,
                         { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
-                        React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
+                        React__default.createElement(
+                          LazyLoad,
+                          { height: _this2.props.imageHeight },
+                          React__default.createElement(Card.Img, { variant: 'top', src: _this2.renderCardImage(row), alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : '' })
+                        )
                       )
                     ),
                     React__default.createElement(
@@ -6824,7 +6854,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
   var builder = imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
-    return builder.image(source);
+    return builder.image(source).auto('format');
   };
 
   return React__default.createElement(
@@ -6834,13 +6864,11 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
       return React__default.createElement(
         Media,
         { className: 'mb-3 thumbnail-card' },
-        React__default.createElement('img', {
-          width: size,
-          height: size,
-          className: 'mr-3',
-          src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage,
-          alt: 'Generic placeholder'
-        }),
+        React__default.createElement(
+          LazyLoad,
+          { height: size },
+          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
+        ),
         React__default.createElement(
           Media.Body,
           null,
@@ -6875,7 +6903,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
   var builder = imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
-    return builder.image(source);
+    return builder.image(source).auto('format');
   };
 
   var renderCardImage = function renderCardImage(row) {
@@ -6923,7 +6951,11 @@ var TaxonomyCard = function TaxonomyCard(props) {
                   thumbnailURL && React__default.createElement(
                     Col,
                     null,
-                    React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
+                    React__default.createElement(
+                      LazyLoad,
+                      { height: imageHeight },
+                      React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
+                    )
                   ),
                   React__default.createElement(
                     Col,
@@ -7251,7 +7283,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
                 React__default.createElement(
                   'div',
                   { className: 'tile__media' },
-                  React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
+                  React__default.createElement(
+                    LazyLoad,
+                    null,
+                    React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
+                  )
                 ),
                 React__default.createElement(
                   'div',
@@ -7289,7 +7325,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
                   React__default.createElement(
                     'div',
                     { className: 'tile__media' },
-                    React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
+                    React__default.createElement(
+                      LazyLoad,
+                      null,
+                      React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
+                    )
                   ),
                   React__default.createElement(
                     'div',
@@ -7324,8 +7364,10 @@ var YoutubeGroup = function YoutubeGroup(props) {
   );
 };
 
+var _this = undefined;
+
 var urlFor = function urlFor(source, builder) {
-  return builder.image(source);
+  return builder.image(source).auto('format');
 };
 
 var renderCardImage = function renderCardImage(row, builder, imageHeight, imageWidth) {
@@ -7494,7 +7536,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 React__default.createElement(
                   'a',
                   { className: 'img-wrapper' },
-                  article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                  React__default.createElement(
+                    LazyLoad,
+                    { height: _this.props.imageHeight },
+                    article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
+                  )
                 )
               ),
               React__default.createElement(
@@ -8129,7 +8175,7 @@ var MasterDeck = function (_React$Component) {
       var client = _this.props.client;
 
       var builder = imageUrlBuilder(client);
-      return builder.image(source);
+      return builder.image(source).auto('format');
     }, _this.renderCardImage = function (row, page) {
       if (row.thumbnail && row.thumbnail.asset) {
         var url = _this.urlFor(row.thumbnail);
@@ -8260,7 +8306,6 @@ var MasterDeck = function (_React$Component) {
         Row,
         null,
         _this.state.data && _this.state.data.map(function (row, index$$1) {
-
           var pageNumber = row.pageNumber || _this.state.page;
           var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
 
@@ -8416,7 +8461,7 @@ var PublicationDeck = function PublicationDeck(props) {
 
   var urlFor = function urlFor(source) {
     var builder = imageUrlBuilder(client);
-    return builder.image(source);
+    return builder.image(source).auto('format');
   };
 
   var renderCardImage = function renderCardImage(thumbnail) {
@@ -8446,7 +8491,11 @@ var PublicationDeck = function PublicationDeck(props) {
             React__default.createElement(
               'a',
               null,
-              row.childIssue && row.childIssue.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name }),
+              row.childIssue && row.childIssue.thumbnail && React__default.createElement(
+                LazyLoad,
+                { height: imageHeight },
+                React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
+              ),
               React__default.createElement(
                 Card.Body,
                 null,
@@ -8481,7 +8530,7 @@ var IssueDeck = function IssueDeck(props) {
 
   var urlFor = function urlFor(source) {
     var builder = imageUrlBuilder(client);
-    return builder.image(source);
+    return builder.image(source).auto('format');
   };
 
   var renderCardImage = function renderCardImage(thumbnail) {
@@ -8517,7 +8566,11 @@ var IssueDeck = function IssueDeck(props) {
                 React__default.createElement(
                   Col,
                   { md: 12, lg: 4 },
-                  row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
+                  row.thumbnail && React__default.createElement(
+                    LazyLoad,
+                    { height: imageHeight },
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
+                  )
                 ),
                 React__default.createElement(
                   Col,
@@ -8568,7 +8621,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
 
   var urlFor = function urlFor(source) {
     var builder = imageUrlBuilder(client);
-    return builder.image(source);
+    return builder.image(source).auto('format');
   };
 
   var renderCardImage = function renderCardImage(thumbnail) {
@@ -8598,7 +8651,11 @@ var IssueContentDeck = function IssueContentDeck(props) {
             React__default.createElement(
               'a',
               null,
-              row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title }),
+              row.thumbnail && React__default.createElement(
+                LazyLoad,
+                { height: imageHeight },
+                React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
+              ),
               React__default.createElement(
                 Card.Body,
                 null,
@@ -9212,6 +9269,65 @@ var NavFooter = function NavFooter(props) {
   );
 };
 
+var SocialNavFooter = function SocialNavFooter(props) {
+  var year = new Date().getFullYear();
+  var website = props.website;
+
+  return React__default.createElement(
+    'div',
+    { className: 'nav-footer' },
+    website && website.footerLinks && website.footerLinks.length && React__default.createElement(
+      'ul',
+      null,
+      website && website.footerLinks.map(function (content, index) {
+        if (content.url && content.title) {
+          return content.blank ? React__default.createElement(
+            'li',
+            { key: index },
+            React__default.createElement(
+              'a',
+              { target: '_blank', href: content.url, className: 'nav-link' },
+              content.title
+            )
+          ) : React__default.createElement(
+            'li',
+            { key: index },
+            React__default.createElement(
+              Link,
+              { href: content.url },
+              React__default.createElement(
+                'a',
+                { className: 'nav-link' },
+                content.title
+              )
+            )
+          );
+        } else return null;
+      })
+    ),
+    React__default.createElement(
+      'ul',
+      null,
+      React__default.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(SocialIcon, { target: row.blank ? '_blank' : '_self', key: index, index: index, url: row.url, style: { width: 30, height: 30, marginRight: 5 } });
+        })
+      )
+    ),
+    website && website.name && React__default.createElement(
+      'p',
+      { className: 'nav-link' },
+      '\xA9 ',
+      year,
+      ' ',
+      website.name,
+      '. All rights reserved.'
+    )
+  );
+};
+
 var NavMagazine = function NavMagazine(props) {
   /*
   Example Nav with acceptable props
@@ -9231,7 +9347,9 @@ var NavMagazine = function NavMagazine(props) {
       website = props.website,
       _props$showLogin = props.showLogin,
       showLogin = _props$showLogin === undefined ? false : _props$showLogin,
-      _props$userData = props.userData;
+      _props$userData = props.userData,
+      _props$socialFooterNa = props.socialFooterNav,
+      socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa;
 
   var navRef = useRef(null);
 
@@ -9299,12 +9417,18 @@ var NavMagazine = function NavMagazine(props) {
             Nav.Item,
             { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
             React__default.createElement(
-              'div',
-              { className: 'px-2 py-2', onClick: function onClick(e) {
-                  return handleLogin(e);
-                } },
-              React__default.createElement(MdEmail, null),
-              ' Register'
+              Link,
+              { href: '/register' },
+              React__default.createElement(
+                'a',
+                null,
+                React__default.createElement(
+                  'div',
+                  { className: 'px-2 py-2' },
+                  React__default.createElement(MdEmail, null),
+                  ' Register'
+                )
+              )
             )
           ),
           React__default.createElement(
@@ -9359,12 +9483,18 @@ var NavMagazine = function NavMagazine(props) {
               Nav.Item,
               { className: 'hide-on-login', style: { display: 'none' } },
               React__default.createElement(
-                'div',
-                { className: 'px-2 py-2 mr-2', id: 'nav-register', onClick: function onClick(e) {
-                    return handleLogin(e);
-                  } },
-                React__default.createElement(MdEmail, null),
-                ' Register'
+                Link,
+                { href: '/register' },
+                React__default.createElement(
+                  'a',
+                  null,
+                  React__default.createElement(
+                    'div',
+                    { className: 'px-2 py-2 mr-2', id: 'nav-register' },
+                    React__default.createElement(MdEmail, null),
+                    ' Register'
+                  )
+                )
               )
             ),
             React__default.createElement(
@@ -9511,7 +9641,7 @@ var NavMagazine = function NavMagazine(props) {
           React__default.createElement(
             Nav,
             { className: 'mr-auto' },
-            React__default.createElement(NavFooter, { website: website })
+            socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter, { website: website })
           )
         )
       )
@@ -9519,7 +9649,7 @@ var NavMagazine = function NavMagazine(props) {
     React__default.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        }\n        #nav-mobile-logout, #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: 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\n        @media screen and (max-width: 991px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\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: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\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          }\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            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n       \n        }\n      '
+      '\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: 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\n        @media screen and (max-width: 991px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\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: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\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          }\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            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n      '
     )
   );
 };