/* Minification failed. Returning unminified contents.
(229,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(537,39): run-time error CSS1031: Expected selector, found ')'
(537,39): run-time error CSS1025: Expected comma or open brace, found ')'
(599,112): run-time error CSS1034: 
(599,112): run-time error CSS1042: Expected function, found ','
(599,132): run-time error CSS1034: 
(599,132): run-time error CSS1042: Expected function, found ','
(599,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(5259,46): run-time error CSS1030: Expected identifier, found '~'
(5259,53): run-time error CSS1031: Expected selector, found ')'
(5259,53): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*****************************
	elocal.co.nz 'Base'
	started by M 2019-03-06
	last updated 2021-01-18

    this stylesheet is used for *all* pages,
    incl. custom-branded lookbooks & minisites

 *****************************

    note to future devs:
    if changes are made to this file, update XX.ContentVersion (referenced by layout pages) and re-compile
    this will force 'versioning' refresh of CSS in Chrome etc. instead of default caching behaviour

 *****************************/

*,
:before,
:after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

footer, header {
    display: block;
    min-width: 320px;
    width: 100%;
}

iframe {
    display: block;
    margin: 0 auto;
}

.m-alert {
    border: 2px solid transparent;
    border-radius: .25rem;
    margin: 2rem 0;
    padding: 0.75em 1em;
    text-align: center;
}

    .m-alert > * {
        vertical-align: top;
    }

    .m-alert p {
        color: inherit;
        display: inline-block;
        font-size: 15px;
        line-height: 25px;
        margin: 0;
    }

.m-alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.m-alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.m-alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.m-alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

#m-Analytics {
    display: none !important;
}

#m-bb-address {
    font-size: 14px;
    font-style: normal;
    line-height: 1.4;
    margin: 0;
}

#m-bb-contact {
    display: block;
    margin-bottom: 0;
}


.m-bb-details-group {
    text-align: left;
    width: 100%;
    break-inside: avoid;
    position: relative;
    margin: 0 auto;
}

.m-bb-details-icon {
    display: inline-block;
    font-size: 0px;
    height: 24px;
    margin-right: 12px;
    width: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.m-bb-details-icon img {
    width: 100%;
}

.m-bb-details-item {
    display: inline-block;
    font-size: 15px;
    margin: 0 0 0.7rem 0;
    text-align: left;
    padding-left: 36px;
    min-height: 24px;
    width: 100%;
}

#m-bb-map {
    padding-left: 32px;
    margin-bottom: 0.7rem;
}

#m-bb-map iframe {
    width: 100%;
    height: 255px;
}

#m-bb-title {
    font-family: 'Helvetica Neue', 'Liberation Sans', 'Arial', sans-serif;
    font-size: 21px;
    margin: 0 0 1.4rem;
}

.m-bolded {
    font-weight: 600 !important;
}

.m-normal {
    font-weight: 400 !important;
}

#m-checkViewerSupported {
    display: block;
    overflow: hidden;
    height: 0;
    width: 0;
}

#m-content {
    margin: -5px 0;
    width: 100%;
}

.m-content-hero-fullwidth {
    display: block;
    width: inherit;
    margin: 0 0 2rem;
}

.m-content-section {
    display: block;
    margin: 0 auto;
}

#m-content-inner {
    margin: 2rem 0 3rem;
}

#m-magazine-reader {
    border: none;
    display: block;
    width: 100%;
}

#m-magazine-reader-container {
    margin: 5px 0;
    padding: 0;
}

#m-feature-nav2 {
    margin-left: 10px;
    margin-right: 10px;
}

#m-mag-nav2 {
    margin-left: 5px;
    margin-right: 5px;
}

.m-nav-icon-a {
    display: inline-block;
    font-size: 16px;
    min-width: 32px;
    text-align: center;
    vertical-align: top;
}

.m-nav-icon {
    font-size: 1.5em; /* 16 * 1.5 = 24 */
    line-height: 1;
    margin: 4px auto;
}

.m-icon {
    display: inline-block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 1em;
    vertical-align: top;
}

    .m-icon.bars {
        --colour: blue;
        width: 0.875em;
        background-image: url('Images/fa-5.10-bars-solid.svg');
    }

    .m-icon.envelope {
        width: 1em;
        background-image: url('Images/fa-5.10-envelope-regular.svg');   
    }

    .m-icon.facebook {
        width: 0.875em;
        background-image: url('Images/fa-5.10-facebook-square-brands.svg');
    }

    .m-icon.text {
        width: 1.125em;
        background-image: url('Images/fa-5.10-file-alt-regular.svg');
    }

    .m-icon.images {
        width: 1.125em;
        background-image: url('Images/fa-5.10-images-solid.svg');
    }

    .m-icon.linkedin {
        width: 0.875em;
        background-image: url('Images/fa-5.10-linkedin-brands.svg');
    }

    .m-icon.podcast {
        width: 1.125em; /* glyph width 0.875, but widened to match .images and .youtube */
        margin-right: 0.125em;
        background-image: url('Images/fa-5.10-podcast-solid.svg');
    }

    .m-icon.search {
        width: 1em;
        background-image: url('Images/fa-5.10-search-solid.svg');
    }

    .m-icon.share {
        width: 0.875em;
        background-image: url('Images/fa-5.10-share-alt-solid.svg');
    }

    .m-icon.twitter {
        width: 1em;
        background-image: url('Images/fa-5.10-twitter-brands.svg');
    }

    .m-icon.user-lock {
        width: 1.25em;
        height: 2em;
        background-image: url('Images/fa-5.10-user-lock-solid.svg');
    }

    .m-icon.youtube {
        width: 1.125em;
        background-image: url('Images/fa-5.10-youtube-brands.svg');
    }

.m-navItem {
    display: inline-block;
    vertical-align: bottom;
}

.m-responsive {
    display: block !important;
}

.m-smalltext {
    font-size: 80%;
}

h2 a .smalltext {
    font-size: 66.6666%;
}

.m-largetext {
    font-size: 120%;
}

/* toggle switch */

label.m-switch {
    position: relative;
    display: inline-block;
    font-size: 1.5em;
    margin: 0.333em 0;
    width: 1em;
    height: 1em;
}

input.m-switch {
    opacity: 0;
    margin: 0;
    width: 0;
    height: 0;
}

input:checked + .m-switch {
    background-color: #2196F3;
}

span.m-switch {
    border-radius: 16px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aaaaaa;
    transition: .4s;
    transition: .4s;
}

span.m-switch::before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    transition: .4s;
}

/* toggle slider */

label.m-slider {
    position: relative;
    display: inline-block;
    font-size: 1.5em;
    margin: 0.166667em 0;
    width: 1.666em;
    height: 1em;
    vertical-align: middle;
}

input.m-slider {
    opacity: 0;
    margin: 0;
    width: 0;
    height: 0;
}

input[disabled] + .m-slider {
    background-color: #aaa;
}

input:checked + .m-slider {
    /* background-color: rgb(33, 150, 243); */
    background-color: rgb(237, 28, 36);
}

input:checked + .m-slider:before {
    transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(16px);
}

span.m-slider {
    border-radius: 16px;
    position: absolute;
    cursor: pointer;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 1px;
    background-color: rgb(98, 72, 33);
    transition: .4s;
    transition: .4s;
}

span.m-slider::before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    transition: .4s;
}

@media (min-width: 1152px) {
    .m-content-section-wide {
        margin: 0 auto;
        width: 660px;
    }
}

@media (min-width: 768px) and (max-width: 1152px) {
    .m-content-section-wide {
        width: 660px;
    }
}

@media (min-width: 768px) {
    #m-bb-contact {
        column-count: 2;
        column-rule: none;
        column-gap: 2rem;
    }

    #m-bb-map {
        display: inline-block;
        width: 295px;
    }

    .m-content-section, .m-content-section-wide {
        max-width: 100%;
    }

    .m-content-section {
        width: 660px;
    }
}

@media (max-width: 767px) {
    #m-bb-map {
        width: 280px;
    }

    .m-content-section, .m-content-section-wide {
        width: 440px;
        max-width: 100%;
    }

    .m-bb-details-group {
        width: 390px;
        max-width: 100%;
    }
}
/*****************************
	elocal.co.nz 'Site'
	started by M 2016-10-25
	last updated 2021-07-12

    this stylesheet is used for all 'elocal' branded pages;
    i.e. all pages except lookbooks & minisites

 *****************************

    note to future devs:
    if changes are made to this file, update XX.ContentVersion (referenced by layout pages) and re-compile
    this will force 'versioning' refresh of CSS in Chrome etc. instead of default caching behaviour

 *****************************/

/* 
.m-pad-bookL-sixth, .m-pad-bookL-two-fifths, .m-pad-bookR-sixth, .m-pad-bookR-two-fifths {
    background-color: coral;
}

.m-pad-bookL-third, .m-pad-bookL-three-fifths, .m-pad-bookR-third, .m-pad-bookR-three-fifths {
    background-color: cornflowerblue;
}
*/


header {
    text-align: center;
}

header > .m-alert {
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin: 0;
}


    header > .m-alert + .m-alert {
        margin-top: -1px;
        border-top-width: 1px;
    }

    header.m-layout, footer.m-layout {
        margin: 0 auto;
        box-shadow: rgb(68,68,68) 0 1px 2px 0px;
    }

hr + h2 {
    margin-top: 2rem;
}

h2.m-bb-section {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 300;
    font-size: 25px;
    text-indent: 10px;
    margin: 2.5rem 0 2rem;
}


.m-homepage-article-row {
    display: block;
    padding: 0;
    margin: 0 auto 2.5rem;
}

    .m-homepage-article-row:last-child) {
        margin: 0 auto;
    }

    .m-homepage-article-row > h3 {
        display: inline-block;
        font-family: 'Crimson Text';
        font-weight: 400;
        margin: 0 0 1.5rem;
    }

    .m-homepage-article-row > h4 {
        font-size: 16px;
        font-weight: 500;
        margin: -1rem 0 1.5rem 1px;
    }

    .m-homepage-article-row h6 {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        padding: 0 0 5px;
        margin: 0;
        color: #888;
    }

    .m-homepage-article-row > div h4 {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 1rem;
    }

    .m-homepage-article-row p {
        line-height: 20px;
        font-size: 14px;
        font-weight: 500;
        margin: 1rem 0 0;
        hyphens: auto;
        text-align: justify;
    }

    .m-homepage-article-row .m-icon {
        font-size: 24px;
        margin: 4px;
    }

    .m-homepage-article-row .m-60 {
        position: relative;
    }

        .m-homepage-article-row .m-60 .overlay {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 40px;
            height: 40px;
            padding: 20px 0px 0px 20px;
            text-align: right;
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            background: radial-gradient(circle farthest-side at 40px 40px, rgba(255,255,255,1), rgb(255,255,255,1), rgb(255,255,255,0));
        }

h5.m-home-section {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin: 0 0 0.5em;
}

.m-layout #m-navbar {
    padding: 0;
}

#m-navbar > div {
    vertical-align: middle;
}

.m-img-nzflag, .m-img-bonanza {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.m-img-nzflag {
    background-image: url('Images/nzflag.png');
}

.m-img-bonanza {
    background-image: url('Images/bonanza.png');
}

.m-lower {
    text-transform: lowercase;
}

.m-upper {
    text-transform: uppercase;
}

#m-maps iframe {
    max-width: 100%;
}

#m-navbar-items {
    margin: 1.5rem auto 1.8rem;
}

    #m-navbar-items ul {
        margin: 0;
        height: 32px;
    }

#m-navbar-menu, #m-mag-nav3 {
    margin: 0;
    padding: 0.4rem 1rem;
    border-top: 2px solid rgb(237, 28, 36);
    background-color: #eee;
}

    #m-navbar-menu ul, #m-mag-nav3 ul {
        margin: 0;
    }

        #m-navbar-menu ul li, #m-mag-nav3 ul li {
            font-size: 16px;
            line-height: 2;
            margin: 0 1rem;
            font-weight: 500;
        }

            #m-navbar-menu ul li[name="login"] a {
                display: block;
                width: 32px;
                height: 32px;
            }
            
            #m-navbar-menu ul li[name="login"] a i {
                display: block;
                height: 32px;
                margin: 0 auto;
            }

#m-navbar-masthead {
    margin: 1.8rem auto 1.5rem;
}

    #m-navbar-masthead .m-slogan {
        margin: 1rem 1rem 0;
    }

    #m-navbar-masthead .m-img-nzflag, #m-mag-nav1 .m-img-nzflag {
        float: left;
    }

    #m-navbar-masthead .m-img-bonanza, #m-mag-nav1 .m-img-bonanza {
        float: right;
    }

#m-navbar-bars {
    margin-top: 1.5rem;
}

#m-navbar-bars .m-nav-icon-a {
    width: 36px;
    height: 32px;
}

#m-navbar-search {
    margin-top: -1px;
}

#m-navbar-social {
    float: right;
}

    #m-navbar-social ul li {
        margin: 0 0.25em;
    }

#m-mag-nav1 a {
    display: inline-block;
}

.m-home-section {
    margin: 3rem auto;
}

    .m-home-section h2 {
        color: rgb(0, 69, 138);
        font-size: 25px;
        font-family: 'Merriweather Sans', sans-serif;
        font-weight: 300;
        line-height: 40px;
        text-transform: uppercase;
        text-indent: 10px;
        border-bottom: 2px solid rgb(0, 69, 138);
        margin: 30px 0 25px;
    }

#m-home-featured-detail h2 {
    margin-top: 0;
}

#m-home-featured-detail h3.m-elocal-magazine {
    height: 36px;
}

#m-home-featured-detail h4 {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 1rem 0 2rem;
    text-shadow: 0 0 4px white;
}

#m-home-featured-detail > div {
    display: inline-block;
    vertical-align: middle;
}

    #m-home-featured-detail > div:nth-child(1) {
        height: 100%;
    }

    #m-home-featured-detail > div:nth-child(2) {
        width: 100%;
    }

.m-home-featured-detail-slide /*:not(:first-child)*/ {
    margin-top: 2rem;
}

/* large only */
@media (min-width: 1152px) {
    header.m-layout, footer.m-layout {
        width: 1152px;
    }

    #m-home-featured-hero, #m-home-featured-overlay, #m-home-featured-detail {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #m-home-featured-hero {
        overflow: hidden;
    }

    .m-home-featured-hero-slide {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translate(0, -50%);
    }

    #m-home-featured-overlay {
        background-color: rgba(255,255,255,0.5);
    }

    #m-home-featured-detail-content {
        background-color: rgba(255,255,255,0);
        margin: 0 -2.5rem;
        padding: 0 2.5rem;
        border-radius: 1rem;
        /*box-shadow: rgb(68,68,68) 0 0px 64px 2px;*/
    }

    #m-home-featured-detail h3.m-elocal-magazine {
        background-image: url('Images/elocal-magazine-cover.png');
    }

    .m-home-featured-cta {
        text-shadow: 0 0 5px white;
    }

    #m-home-featured-detail-slides {
        white-space: nowrap;
    }

    .m-home-featured-detail-slide {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        white-space: normal;
        position: relative;
        text-align: center;
    }

        .m-home-featured-detail-slide h3 {
            font-size: 36px;
            line-height: 1.125;
            margin: 0 auto 15px;
        }

        .m-home-featured-detail-slide img {
            max-width: 100%;
        }

    .m-carousel-dots[data-for="m-home-featured-detail-slides"] {
        margin-top: 2rem;
    }

    #m-home-featured-placeholder {
        width: 1112px;
        height: 480px;
    }

    #m-magazine-reader-container[data-viewer] {
        width: 1152px;
    }

    #m-navbar-bars {
        display: none;
    }

    #m-navbar-items {
        width: 768px;
    }

    #m-navbar-masthead .m-img-nzflag {
        margin: 0 5px;
    }

    #m-navbar-masthead .m-img-bonanza {
        margin: 0;
    }

    #m-navbar-menu ul {
        margin-left: 52px;
    }

    #m-navbar-menu li[name="login"] {
        float: right;
    }
}


/* large and small */
@media (min-width: 768px) {
    body {
        background-color: rgb(238,238,238);
    }

    .m-home-section h2 {
        text-align: left;
    }

    #m-navbar-masthead {
        width: 768px;
    }

        #m-navbar-masthead .m-img-nzflag {
            height: 80px;
            width: 58px;
        }

        #m-navbar-masthead .m-img-bonanza {
            height: 80px;
            width: 68px;
        }

    #m-mag-nav1 {
    }

        #m-mag-nav1 .m-img-nzflag, #m-mag-nav1 .m-img-bonanza {
            height: 40px;
            width: 29px;
            margin: 10px;
        }

    #m-home-featured-detail-content div {
        display: inline-block;
        vertical-align: middle;
    }

    .m-home-featured-cta {
        color: rgb(0, 69, 138);
        font-family: 'Merriweather Sans', sans-serif;
        font-weight: 500;
        font-size: 25px;
        line-height: 30px;
        width: 7em;
        display: inline-block;
        vertical-align: bottom;
    }

    .m-home-featured-cta-arrow {
        height: 50px;
        width: 56px;
        margin: 0 -66px 0 10px;
        background-image: url('Images/blue-arrow-right-up.png');
        background-repeat: no-repeat;
        background-position: center center;
        display: inline-block;
        vertical-align: bottom;
    }

    #m-home-cover img {
        margin-left: 76px;
        margin-right: 0;
        width: 310px;
        transition: box-shadow .25s ease-out;
    }

    .m-homepage-article-row {

    }

        .m-homepage-article-row img {
            width: 256px;
            height: 134px;
        }

        .m-homepage-article-row .m-60 {
            max-height: 136px;
            overflow: hidden;
        }

    .m-25, .m-75, .m-29, .m-71, .m-33, .m-67, .m-40, .m-60 {
        display: inline-block;
        vertical-align: top;
    }
        .m-25:not(:first-of-type), .m-75:not(:first-of-type),
        .m-29:not(:first-of-type), .m-71:not(:first-of-type),
        .m-33:not(:first-of-type), .m-67:not(:first-of-type),
        .m-40:not(:first-of-type), .m-60:not(:first-of-type) {
            margin-left: 2rem;
        }

    .m-content-section {
        text-align: left;
    }

        .m-content-section .m-25 {
            width: 160px;
        }

        .m-content-section .m-29 {
            width: 183px;
        }

        .m-content-section .m-33 {
            width: 213px;
        }

        .m-content-section .m-40 {
            width: 256px;
        }

        .m-content-section .m-60 {
            width: 384px;
        }

        .m-content-section .m-67 {
            width: 427px;
        }

        .m-content-section .m-71 {
            width: 457px;
        }

        .m-content-section .m-75 {
            width: 480px;
        }
}

/* small only */
@media (min-width: 768px) and (max-width: 1151px) {

    header.m-layout, footer.m-layout {
        width: 768px;
    }

    #m-magazine-reader-container[data-viewer] {
        width: 768px;
    }

    #m-navbar-items {
        padding: 0 2rem;
    }

    #m-navbar-masthead .m-img-nzflag {
        margin: 0rem 21px;
    }

    #m-navbar-masthead .m-img-bonanza {
        margin: 0rem 16px;
    }

}

/* small and mobile */
@media (max-width: 1151px) {
    .m-layout #m-navbar {
        /* padding-bottom: 1rem; */
    }

    #m-home-featured-placeholder, #m-home-featured-hero, #m-home-featured-overlay, .m-carousel-dots[data-for="m-home-featured-detail-slides"] {
        display: none;
    }

    #m-home-featured-detail h3.m-elocal-magazine {
        background-image: url('Images/elocal-magazine.png');
    }
}

/* mobile only */
@media (max-width: 767px) {
    body {
        background-color: white;
    }

    .m-marginTop-none-M {
        margin-top: 0 !important;
    }

    #m-home-featured-DIG {
        width: 128px;
    }

    #m-navbar-masthead {
        position: relative;
    }

        #m-navbar-masthead .m-img-nzflag, #m-navbar-masthead .m-img-bonanza {
            position: absolute;
            height: 40px;
            width: 29px;
            top: 3px;
        }

        #m-navbar-masthead .m-img-nzflag {
            right: 50%;
            margin-right: 115px;
        }

        #m-navbar-masthead .m-img-bonanza {
            left: 50%;
            margin-left: 115px;
        }

    #m-navbar-items {
        padding: 0 1rem;
    }

    #m-navbar-search {
        margin-bottom: 1.4rem;
    }

    #m-home-cover img {
        width: 280px;
    }

    .m-homepage-article-row p {
        max-height: 80px;
        overflow: hidden;
    }
}


#m-layout-magazine #m-content {
    margin: 0;
    transition: opacity 0.5s ease-out;
}

#m-layout-magazine #m-layout-content {
    width: 100%;
}

header.m-layout, footer.m-layout, #m-layout, #m-magazine-reader-container[data-viewer] {
    transition: width 0.5s linear;
}

header[data-viewer="on"], #m-magazine-reader-container[data-viewer="on"] {
    width: 100%;
}

#m-magazine-reader-container[data-viewer] {
    margin: 0 auto;
    box-shadow: rgb(68,68,68) 0 1px 2px 0px;
    background-color: white;
}

    #m-magazine-reader-container[data-viewer] #m-magazine-reader {
        min-height: inherit;
    }

#m-magazine-reader-container[data-viewer="on"] {
    padding: 5px 0;
}

/* 
    basic Font Awesome style info
    allows async loading of font without affecting layout
*/

.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}


/* all views */

a:link, a:visited {
    color: rgb(0,0,0);
    border-bottom: 1px dotted rgba(0,0,0,0.25);
    font-weight: 500;
    text-decoration: none;
    /* text-decoration-style: dotted;
    text-decoration-color: rgba(82,56,56,0.25);
    text-underline-position: below;*/
}

a:hover {
    border-bottom-color: inherit;
    border-bottom-style: solid;
}

h1 a, a h1, h2 a, a h2, .m-article-headline a, .m-elocal a, a.m-cover-alt-a, a.m-article-magazine-a, a.m-no-underline, a.m-archive-a, .m-nav-icon-a, #m-mag-nav1 a {
    border-bottom: none !important;
}

h1 a, h2 a, .m-article-headline a, h6 a {
    color: inherit !important;
}

address {
    font-size: 16px;
    font-style: normal;
    line-height: 1.4;
    margin: 0 0 1em;
}

blockquote {
    margin: 1em;
}

    blockquote + hr {
        display: none;
    }

body {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}

figcaption {
    font-size: 14px;
    margin: 0.5rem 0 0;
}

figure {
    margin: 1.8rem 0;
    text-align: center;
}

form {
    display: block;
    margin: 0 auto;
    text-align: center;
}

    form:not(.m-searchForm-inline) {
        width: 100%;
    }

    form.m-searchForm-inline {
        display: inline-block;
    }

header, footer {
    background-color: white;
}

header {
    padding: 0;
}

footer.m-layout {
    text-align: center;
    padding: 3rem;
}

hr {
    margin: 3rem auto;
}

#m-layout-profile > footer {
    margin: 2.5rem 0;
}

h1, h2, h3, h4, h5, h6, p {
    padding: 0;
}

h1, h2, h3, h4, h5 {
    color: rgb(34,34,34);
}

p {
    color: black;
}

h1 {
    font-family: 'Crimson Text', serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 1.125;
    margin: 0 auto 25px;
    text-align: center;
}

    h1.m-404 {
        font-size: 64px;
        margin: 0 0 0.1875em;
    }

div.m-elocal {
    width: 232px;
    height: 80px;
    margin: 0 auto;
}

    div.m-elocal a {
        color: inherit;
        display: inline-block;
        height: inherit;
        width: inherit;
    }

h2 {
    font-family: 'Crimson Text', serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.125;
    margin: 30px auto 15px;
}

.m-form-group + h2 {
    margin-top: 0.6666em;
}

.m-form-textarea {
    width: 100%;
}

.m-elocal, .m-elocal-magazine, .m-elocal-digital {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent !important;
    display: block;
    line-height: 1;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
}

.m-elocal {
    background-image: url('Images/elocal-logo.png');
}

.m-elocal-magazine {
    background-image: url('Images/elocal-magazine.png');
}

.m-elocal-digital {
    background-image: url('Images/elocal-digital.png');
    line-height: 2;
}

h3 {
    font-family: 'Crimson Text', serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2;
    margin: 20px auto 15px;
}

    h3.m-before-h1 {
        font-size: 25px;
        margin: 0 0 10px;
    }

    h3.m-404 {
        margin: 0 0 0.8333em;
    }

h1 + h3.m-elocal-magazine {
    margin-top: -0.1111em;
}

h3.m-elocal {
    margin: 0.5rem auto;
}

footer h3.m-elocal {
    margin: 0 auto 0.5rem;
}

    footer h3.m-elocal + p {
        font-size: 12px;
        font-weight: 500;
        color: rgb(170,170,170);
        margin: 0 0 1.5rem;
    }

footer ul {
    margin: 1.5rem 0 0;
    padding-left: 8px; /* center icons: */
}

h3.m-elocal-magazine, h3.m-elocal-digital {
    margin: 0 auto;
}

h3.m-elocal, h3.m-elocal-magazine {
    height: 1.5em;
    width: 4.5em;
}

h4, h5, h6 {
    line-height: 1.5;
}

h4 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 15px;
}

.m-archive-L {
    margin: 0em 1rem 2rem;
}

.m-archive-S {
    margin: 0em 1rem 2rem;
}

.m-archive-a + h4 {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 1rem 0 0;
}

    .m-archive-a + h4 > span.m-smalltext {
        font-size: 14px !important;
    }

h5 {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin: 0.75em 0 0.3333em;
}

    h5.m-nzv {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
        margin: 0.5rem 0;
        text-align: center;
        text-transform: none;
    }

h6 {
    color: rgb(68,68,68);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 1em 0 0.5em;
}

    h6.m-banner-support {
        color: rgb(102,102,102);
        margin: 2rem 0;
    }

        h6.m-banner-support a {
            border-bottom-color: rgba(102,102,102,0.25);
        }

    h6.m-nzv {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        margin: 0.5rem 0;
        text-align: center;
        text-transform: none;
    }

    h6.m-cta {
        display: none;
        font-size: 16px;
        font-weight: 400;
    }

    h6.m-hook-advertise {
        margin-bottom: 0.5em;
    }

hr {
    border-color: rgb(216,216,216);
    border-width: 1px;
    border-style: solid none none;
}

html {
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

i.buynzmade {
    display: inline-block;
    font-size: 32px;
    height: 1em;
    line-height: 1;
    width: 1.125em;
    background-size: contain;
    background-image: url('Images/Buy-NZ-Made-modern-64.png');
    background-position: center center;
    vertical-align: bottom;
}



img {
    margin: 0;
    vertical-align: middle;
}


input, p, li, select, textarea, td, label {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

.m-content-section:not(.m-centered) > p, .m-content-section:not(.m-centered) > li, .m-content-section:not(.m-centered) > ul {
    hyphens: auto;
    text-align: justify;
}

input[type="checkbox"]:not(.m-switch):not(.m-slider) {
    display: inline;
    margin: 0 1rem 0 0;
    vertical-align: middle;
    width: 1em;
    height: 32px;
}

input[type="checkbox"] ~ label {
    margin: 0;
    text-align: left;
    width: unset;
}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"] {
    padding: 0 1rem;
}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"], select, textarea {
    display: inline;
    line-height: 1.4;
    vertical-align: middle;
    background-color: white;
    border: 1px solid rgb(170,170,170);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: 100%;
}

    input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"]:not(.m-searchText-inline), input[type="date"], input[type="url"], select {
        height: 34px;
    }

input[type="file"] {
    display: inline-block !important;
    margin: 0;
    vertical-align: middle;
    width: 280px;
    text-align: center;
}

input[type="radio"] {
    margin: 0 0.33333em 0 0;
    vertical-align: middle;
}

label:not(.m-switch):not(.m-slider) {
    font-size: 15px;
}

input[type="submit"]:not([class]), input[type="button"] {
    background-color: white;
    border: 1px solid rgb(170,170,170);
    border-radius: 4px;
    display: block;
    padding: 0.5em 0.75em;
    margin: 2rem auto 0;
}

    input[type="submit"]:not([class]):enabled:hover, input[type="button"]:enabled:hover {
        background-color: rgb(238,238,238);
    }

select {
    padding: 0 0.6rem;
}

textarea {
    padding: 0.5rem 1rem;
}

ol, ul {
    margin: 0 0 1rem;
    padding: 0;
}

td > ol, td > ul {
    margin: 0;
}

ol li, ul:not([class]) li:not([class]), #m-article-text li {
    margin-left: 1.5em;
    padding-left: 0.5em;
}

ul.m-list-horizontal li {
    display: inline-block;
    margin: 0 1rem;
    vertical-align: middle;
}

ul.m-features {
    margin: 0.5rem 0px 1rem;
    padding-left: 0.75rem;
    text-align: left;
}

    ul.m-features li {
        margin: 0.25rem;
    }

p {
    margin: 0 0 0.5em;
    text-indent: 1em;
}

    h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, ol + p, hr + p, p:first-of-type {
        text-indent: 0;
    }

    p.cta {
        font-size: 15px;
    }

    p.copy {
        text-align: left;
    }

.m-analytics-container {
    text-align: center;
    margin: 4rem auto 2rem;
    width: 600px;
}

    .m-analytics-container > div:not(:first-of-type) {
        line-height: 2;
    }

.m-analytics-chart {
    width: 100%;
    height: 350px;
    margin: 0 auto;
}

    .m-analytics-chart + div {
        margin-top: 2rem;
    }

#m-advertising-counter {
    font-size: 13px;
    font-weight: 600;
    color: rgb(136,136,136);
    margin: 0;
    line-height: 15px;
    margin: 0.4rem 0;
    transition: opacity ease-in-out 0.5s;
    -webkit-transition: opacity ease-in-out 0.5s;
}

.table-scroll, .m-chart-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

.m-asterism {
    display: block;
    font-size: 21px;
    font-family: 'Crimson Text', serif;
    font-weight: 400;
    line-height: 1;
    margin: 1em 0 0.6667em;
}

#m-bestof, #m-bestof-alt {
    text-align: center;
}

.m-carousel, #m-carousel-hero {
    display: block;
    position: relative;
    text-align: center;
}

.m-carousel-dots {
    font-size: 0;
    margin: 1.4rem 0 0;
    width: 100%;
    transition: opacity 1s ease-in;
}

.m-carousel-prev, .m-carousel-next {
    height: 36px;
    width: 36px;
    line-height: 36px;
    color: rgb(187, 187, 187);
    background-color: rgba(255, 255, 255, 0.5);
    border: 0 !important;
    border-radius: 18px; /* round */
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    margin-top: -28px;
    padding: 0;
    position: absolute;
    text-shadow: -1px 0 rgba(221,221,221,0.5), 0 1px rgba(221,221,221,0.5), 1px 0 rgba(221,221,221,0.5), 0 -1px rgba(221,221,221,0.5);
    top: 50%;
    transition: 0.6s ease;
}

    .m-carousel-prev:hover, .m-carousel-next:hover {
        color: rgb(113, 113, 113);
    }

.m-carousel-prev {
    left: 0;
}

.m-carousel-next {
    right: 0;
}

.m-bb-address {
    font-size: 14px;
    font-style: normal;
    margin: 0 0 0.7rem;
}

    .m-bb-address + .m-bb-address, .m-bb-address + a {
        margin-top: 0.5rem;
    }

#m-bb-content {
    text-align: left;
}

#m-bb-contact {
    display: block;
    margin: 0 auto -0.5rem;
    padding-top: 0.5rem;
}

    #m-bb-cta p {
        font-weight: 600;
    }

.m-bb-details-item {
    line-height: 1.4;
}

    .m-bb-details-item a {
        word-break: break-all;
    }

#m-bb-email {
    border-color: rgb(238,238,238);
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    padding: 0.7rem;
}

    #m-bb-email input[type="submit"] {
        margin: 0.7rem auto 0.3rem;
    }

    #m-bb-email input:not([type="submit"])
    {
        margin-bottom: 0.7rem;
    }

    #m-bb-email .cf-turnstile {
        margin-top: 0.7rem;
        margin-bottom: 0.7rem;
    }

.cf-turnstile {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

    .cf-turnstile div {
        margin-left: auto;
        margin-right: auto;
    }

#m-bb-story {
    text-align: center;
}

    #m-bb-story hr {
        margin: 1rem 0;
    }

    #m-bb-story p {
        margin-bottom: 0.5rem;
        text-indent: 1.2rem;
        text-align: left;
    }

#m-bb-subhead {
    text-align: center;
}

#m-bonanza-L {
    width: 190px;
}

.m-box {
    box-shadow: 0 0 1px 0 rgb(34,34,34);
    transition: box-shadow 0.25s ease-out;
}

a.m-box:hover, a .m-box:hover {
    box-shadow: 0 0 6px 0 rgb(34,34,34);
}

.m-chart {
    display: block;
    width: 600px;
    height: 400px;
}

#m-content {
    background-color: rgb(238,238,238);
}

#m-footer {
    background-color: rgb(216,204,189); /* light tan */
    text-align: center;
}

.m-hide {
    width: 0;
    height: 0;
    overflow: hidden;
}

.m-inline-banner-content {
    display: inline-block;
    vertical-align: top;
}

    .m-inline-banner-content .m-carousel-dots {
        /*text-align: right;*/
    }

    .m-inline-banner-content .m-banner-support {
        margin-bottom: 1.5rem;
    }

    .m-inline-banner-content h6 {
        font-size: 12px;
        font-weight: 600;
        margin: 0 0 1rem;
        /*text-align: right;*/
    }

.m-inline-banner-box {
    display: block;
    margin: 0 auto 1.5rem;
    position: relative;
}

.m-inline-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto 0; /* vertically aligns banner with others if it is too shallow */
    opacity: 0;
    z-index: 0;
    transition: opacity 1s ease-in, box-shadow 0.25s ease-out;
}

.m-inline-banner-submit {
    display: none;
}

#m-issuu {
    display: inline-block;
}

#m-layout, #m-layout-book, #m-layout-content, #m-layout-profile, #m-magazine-container {
    background-color: white;
    overflow: hidden;
}

#m-layout {
    text-align: center;
    padding: 2rem 2rem 3rem;
}

    #m-layout > div:last-of-type, #m-layout > div:last-of-type > :last-child {
        margin-bottom: 0;
    }

#m-layout-profile {
    text-align: center;
}

#m-layout-magazine {
    overflow: hidden;
    position: relative;
    width: 100%;
    text-align: center;
}

#m-layout, #m-layout-book, #m-layout-content, #m-layout-magazine, #m-layout-scroll, #m-layout-profile, #m-magazine-container, #m-footer, #m-navbar {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    #m-layout.m-flex {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

#m-logoutForm {
    display: none;
}

#m-popup-banner-wrapper, #m-print-subscription-offer-wrapper {
    background-color: rgba(255,255,255,0.6666);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    opacity: 0;
    transition: opacity linear 0.5s;
    overflow: hidden;
}

#m-popup-banner-liner, #m-print-subscription-offer-liner {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

#m-popup-banner-box, #m-print-subscription-offer-box {
    background-color: white;
    display: inline-block;
    vertical-align: middle;
    padding: 1.5em 2em;
    opacity: 0;
    transition: opacity linear 0.25s, box-shadow 0.25s ease-out;
}

    #m-popup-banner-box p, #m-print-subscription-offer-box p {
        line-height: 1.5;
    }

#m-popup-banner-form {
    margin: 2rem 0 1rem;
}

#m-popup-banner-timeleft {
    font-size: 1.5em;
    margin: 0 1px;
}

#m-popup-banner-submit {
    display: none;
}

#m-print-subscription-offer-image {
    margin-top: 1.5rem;
    cursor: pointer;
}

#m-navbar, #m-mag-navbar {
    border-bottom: 2px solid rgb(237, 28, 36); /* elocal red */
}

#m-mag-navbar {
    line-height: 1;
    position: relative;
    transition: width 0.5s ease-out;
}

#m-mag-nav1 {
    display: inline-block;
    transition: padding 0.5s ease-out;
}

#m-mag-nav2 {
    position: absolute;
    left: 0;
    top: 0;
    margin: 5px;
}

#m-mag-nav2a {
    position: absolute;
    right: 0;
    top: 0;
    margin: 5px;
}

#m-mag-nav3 {
    clear: both;
    display: none;
}

#m-nav-icon-menu, #m-nav-icon-share, #m-nav-icon-toggle {
    text-size-adjust: none;
    margin: 4px;
}

/*
#m-nav-icon-share {
    margin: 4px 4px 4px 0;
}
*/

#m-nav-icon-toggle, #m-nav-icon-share {
    display: none;
}

#m-nav-icon-toggle-L, #m-nav-icon-toggle-SM {
    display: inline-block;
}

#m-mag-logo, #m-profile-elocal {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    color: transparent;
}

#m-profile-elocal {
    margin: 0 2px;
}

#m-opinion {
    margin: 0.6rem auto 1.4rem;
}

    #m-opinion img, #m-opinion div {
        display: inline-block;
        vertical-align: top;
    }

    #m-opinion img {
        width: 85.333px;
        margin-right: -85.333px;
    }

    #m-opinion div {
        margin-left: 85.333px;
        padding-left: 1em;
    }

        #m-opinion div p {
            color: #444;
            font-size: 11px;
            font-weight: 600;
            line-height: 16px;
            margin-bottom: 0;
            text-align: justify;
        }

#m-profile-elocal {
    height: 25px;
    width: 25px;
    background-image: url('Images/elocal-e.png');
}

#m-profile-navbar {
    display: block;
    margin: 2.5rem auto;
    padding: 0;
    background-color: white;
    text-align: center;
    width: 100%;
}

.m-profile-breadcrumb {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    margin: 0;
}

    .m-profile-breadcrumb li {
        display: inline-block;
        margin: 0 !important;
        padding: 0;
        vertical-align: bottom;
    }

        .m-profile-breadcrumb li a {
            display: inline-block;
            vertical-align: bottom;
        }

        .m-profile-breadcrumb li:not(:nth-of-type(1)):not(:nth-of-type(2)):before {
            color: rgb(136,136,136);
            content: "\2192";
            line-height: 1.6666;
            margin: 0 2px;
        }

#m-profile-logo {
    display: block;
    margin: 3rem auto 2rem;
    max-height: 128px;
    max-width: 100%;
}

.m-nav-icon-caption {
    color: #444;
    font-size: 11px;
    line-height: 1.0909;
}

.m-hide-text {
    color: transparent;
    font-size: 0;
    line-height: 0;
    margin: 0 !important;
}

#m-mag-navMenu {
    font-size: 16px;
    line-height: 1.6666em;
    margin: 0.5rem;
    padding: 0;
    vertical-align: bottom;
}

#m-mag-breadcrumb {
    font-size: 16px;
    margin: 0.5rem 0;
}

    #m-mag-breadcrumb li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        #m-mag-breadcrumb li:not(:first-child):before {
            color: rgb(136,136,136);
            content: "\007c";
            margin: 0 0.7rem;
        }

#m-Analytics {
    display: none;
}

#m-navbar {
    padding: 5px 0;
    overflow: hidden;
}

#m-nav1 {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

#m-nav2, #m-nav3, #m-nav3a, #m-nav3a-alt, #m-nav4, #m-nav4-alt, #m-nav-5 {
    display: inline-block;
}

#m-nav3a {
    height: 36px;
    float: right;
}

#m-nav5 {
    text-align: center;
}

#m-navWelcome {
    font-size: 16px;
    display: inline-block;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

#m-popup {
    text-align: center;
}

.m-popup-label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    width: 330px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .m-popup-label:not(:last-child) {
        margin-bottom: 12px;
    }

    .m-popup-label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.m-popup-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: rgb(238,238,238);
    border-radius: 50%;
}

.m-popup-label:hover input ~ .m-popup-checkmark {
    background-color: rgb(204,204,204);
}

.m-popup-label input:checked ~ .m-popup-checkmark {
    background-color: rgb(237, 28, 36); /* elocal red */
}

.m-popup-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.m-popup-label input:checked ~ .m-popup-checkmark:after {
    display: block;
}

.m-popup-label .m-popup-checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

#m-popup-stepone, #m-popup-stepone-options {
    margin: 2rem 0;
}

#m-popup-steptwo {
    position: relative;
}

#m-popup-steptwo-overlay {
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#m-popup-sharebuttons {
    list-style-type: none;
}

    #m-popup-sharebuttons > :first-child {
        margin-left: 0 !important;
    }

    #m-popup-sharebuttons > :last-child {
        margin-right: 0 !important;
    }

    #m-popup-sharebuttons li {
        display: inline-block;
        padding: 0;
        margin-left: 1em;
    }

.m-popup-sharebutton {
    height: 3em;
    width: 3em;
}

/*#m-signup {
	margin: 0 0 1.4rem;
}*/

.m-since {
    color: rgb(102,102,102);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.4rem;
    text-indent: 0;
}

#m-searchForm-toggle {
    vertical-align: middle;
}

    #m-searchForm-toggle div {
        display: inline-block;
        margin: 0 0.5em 0.75em;
    }

.m-slogan {
    color: rgb(0, 69, 138); /* Buy NZ Made blue */
    font-size: 12px;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
}

    .m-slogan > span.m-bolded {
        font-weight: 500 !important;
    }

#m-wrapped {
    align-items: center;
    background-color: white;
    border-style: ridge;
    border-width: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
}

#m-wrapper {
    display: inline-block;
    height: 100%;
    min-height: 100%;
}

.m-25, .m-33, .m-50, .m-67, .m-75 {
    margin: 0;
    line-height: unset;
}

.m-25-container, .m-33-container, .m-40-container, .m-50-container, .m-60-container, .m-67-container, .m-75-container {
    line-height: 0;
    text-align: left;
}

.m-2col {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.m-3col {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.m-2col, .m-3col {
    -webkit-column-rule: none; /* Chrome, Safari, Opera */
    -moz-column-rule: none; /* Firefox */
    column-rule: none;
    -webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 2rem; /* Firefox */
    column-gap: 2rem;
    text-align: left;
}

.m-advertising-share a {
    display: inline-block;
    margin: 0 0.2rem;
    vertical-align: middle;
}

    .m-advertising-share a span {
        line-height: 1;
        font-size: 24px;
        color: rgba(0,0,0,0.8);
    }

        .m-advertising-share a span i {
            margin: 0 3px;
        }

.m-archive-block {
    font-size: 0;
    margin: 0 auto 0;
}

.m-archive {
    display: inline-block;
    vertical-align: top;
}

    .m-archive div {
        font-size: 14px;
    }

.m-archive-a, .m-product-a, .m-cover-a, .m-cover-alt-a {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

    .m-archive-a *, .m-product-a *, .m-cover-a *, .m-cover-alt-a * {
        vertical-align: middle;
    }

.m-product-img, .m-cover-img, .m-cover-alt-img {
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
}

.m-archive-text, .m-product-text, .m-cover-text, .m-cover-alt-text {
    background-color: rgba(129, 112, 86, 0.85);
    display: block;
    left: 0;
    top: 0;
    line-height: 1.1;
    opacity: 0;
    position: absolute;
    padding: 1em;
    text-align: center;
    transition: opacity ease-in-out 0.5s;
    -webkit-transition: opacity ease-in-out 0.5s;
    z-index: 1;
}

    .m-archive-text *, .m-product-text *, .m-cover-text *, .m-cover-alt-text * {
        color: rgb(255,255,255);
        font-family: 'Inter', sans-serif;
    }

.m-article-subhead {  /* mimic h3 style */
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 0;
}

.m-article-footnotes {
    margin: 0 2rem;
}

.m-article-footnotes * {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

.m-article-footnotes ol {
    margin: 0 !important;
}

    .m-article-footnotes ol li {
        margin-left: 1.5em;
        padding-left: 0.5em;
    }

        .m-article-footnotes ol li p {
            text-indent: 0 !important;
        }

.m-article-icon {
    display: inline-block;
    height: 0.6666em;
    width: 1em;
    margin: 0.1666em 0 0.1666em 0.0833em;
    user-select: none;
    overflow: hidden;
    color: transparent;
    vertical-align: bottom;
}

.m-article-page {
    display: inline-block;
}

    .m-article-page::after {
        display: inline-block;
        content: "|";
        line-height: 1.6666;
        margin: 0 0.5rem;
    }

.m-article-photographer {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    margin: 1.6667em 0;
}

.m-article-writer {
    font-size: 15px;
    font-weight: 400;
    margin: 0.6666em 0 1.3333em;
}

.m-article-writer-bio {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
}

    .m-article-writer-bio p {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

.m-article-writer-img {
    display: inline-block;
    position: relative;
    width: 96px;
    height: 96px;
    box-shadow: rgb(170,170,170) 0px 0px 2px;
    border-radius: 5px;
    overflow: hidden;
    background-color: rgb(250,250,250);
    margin: 0 auto;
    vertical-align: middle;
}

    .m-article-writer-img a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .m-article-writer-img img {
        display: block;
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.m-article-advertiser-logo, .m-article-sponsor-logo {
    display: block;
    margin: 2rem auto;
}

.m-article-advertiser-logo {
    max-width: 192px;
    max-height: 96px;
}

.m-article-sponsor-logo {
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    height: 64px;
}

h4.m-article-advertiser-name, h4.m-article-sponsor-name {
    color: rgb(68,68,68);
    font-weight: 600;
    line-height: 1.5;
}

h4.m-article-advertiser-name, h4.m-article-sponsor-name {
    font-size: 15px;
    margin: 1em 0;
}

    h4.m-article-advertiser-name span, h4.m-article-sponsor-name span {
        font-weight: 400;
    }

h4.m-article-magazine-title {
    font-size: 15px;
    line-height: 1.5;
    margin: 1em 0;
}

h6.m-article-dateline {
    color: rgb(136,136,136);
    font-weight: 400;
    margin: 2rem 0 0;
}

h6.m-article-promoter {
    margin-top: 2rem;
}

h6.m-business-category {
    margin: 0.5rem 0 1rem;
}

h6.m-article-dateline, h6.m-business-category, h6.m-article-promoter {
    line-height: 1.75;
    font-size: 12px;
    /* text-transform: uppercase; */
}

#m-article-text {
    width: 100%;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    text-align: left;
}

    #m-article-text a:link, #m-article-text a:visited, #m-article-text a:hover {
        color: rgb(0,69,138);
        border-color: rgb(0,69,138);
    }

    #m-article-text > blockquote {
        margin: 1.3333em 0 1.3333em 2em;
    }

        #m-article-text > blockquote ul {
            margin: 0;
        }

    #m-article-text h3 {
        font-size: 18px;
        margin: 1.1111em 0 0.8333em;
    }

    #m-article-text h4 {
        font-size: 15px;
        margin: 1.3333em 0 1em;
    }

    #m-article-text h3, #m-article-text h4 {
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        line-height: 1.4;
    }

    #m-article-text ol, #m-article-text ul {
        display: block;
        margin-top: 1.3333em;
        margin-bottom: 1.3333em;
    }

    #m-article-text p, #m-article-text ol, #m-article-text ul {
        font-family: inherit;
        font-size: inherit;
        line-height: 1.6;
    }

    #m-article-text p {
        margin-bottom: 0.6667em;
    }

    #m-article-text > p.m-article-source {
        text-indent: 0;
        margin-top: 1.3333em;
    }

    #m-article-text > p.m-article-synopsis, #m-article-text > ul.m-article-synopsis, #m-article-text ol.m-article-synopsis {
        font-weight: 600;
    }

    /* class added via Javascript*/
    #m-article-text > p.m-article-copy.last-of-type::after {
        content: "◼";
        margin-left: 0.3333em;
        color: rgb(128,128,128);
    }

    #m-article-text table {
        font-size: 15px;
        width: 100%;
        margin: 1em 0;
        padding: 0 1em;
    }

        #m-article-text table thead tr th {
            border-bottom: 1px double #ccc;
            font-weight: 500;
            text-align: center;
        }

            #m-article-text table thead tr th:not(:last-child) {
                border-right: 1px solid #ccc;
            }

        #m-article-text table tbody tr:not(:last-child) td, #m-article-text table tbody tr:not(:last-child) th {
            border-bottom: 1px solid #ccc;
        }

        #m-article-text table tbody tr td:not(:last-child) {
            border-right: 1px solid #ccc;
        }

        #m-article-text table tbody tr th:not(:last-child) {
            border-right: 1px double #ccc;
        }

        #m-article-text table thead tr th {
            vertical-align: bottom;
            padding: 8px;
        }

        #m-article-text table tbody tr th, #m-article-text table tbody tr td {
            vertical-align: middle;
            padding: 5px 8px;
        }

        #m-article-text table tr td:not(:first-of-type) {
            padding-left: 0.5em;
        }

#m-article-hero {
    margin: 2rem auto;
    padding: 0 1.5rem;
    text-align: center;
}

#m-article-hero-column {
    text-align: center;
}

    #m-article-hero-column > img {
        max-width: 100%;
        max-height: 192px;
    }

#m-article-video {
    border-radius: 8px;
    border: 2px #b9b9b9 inset;
}

.m-article-magazine-a, .m-article-magazine-img {
    height: 198.666px;
    width: 140px;
}

.m-article-magazine-a {
    display: block;
    margin: 0 auto 0.75em;
}

.m-article-pullquote {
    color: rgb(128,128,128);
    font-style: italic;
    text-indent: 0 !important;
    text-align: center;
}

    .m-article-pullquote p {
        color: inherit;
        font-size: 18px !important;
    }

    .m-article-pullquote hr {
        margin: 1.3333em 0;
    }

#m-article-selector {
    margin: 2rem 0;
}

.m-article-share {
    font-size: 12px;
    margin: 2rem 0;
}

    .m-article-share li {
        display: inline-block;
        margin: 0;
        line-height: 1;
        vertical-align: middle;
    }

        .m-article-share li a {
            margin: 0 0.75em;
            text-align: center;
            display: inline-block;
        }

.m-article-share-icon {
    font-size: 400%;
}

.m-arrow-large a {
    display: inline-block;
    font-size: 3em;
    width: 1.5em;
    height: 1em;
    margin-top: -1em;
}

.m-article-no {
    display: inline-block;
    padding: 6px 9px;
}

.m-carousel-dot-active {
    background-color: rgb(113,113,113) !important;
}

.m-carousel-dot {
    cursor: pointer;
    height: 14px;
    width: 14px;
    background-color: rgb(187,187,187);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .m-carousel-dot:not(:first-child) {
        margin-left: 7px;
    }

    .m-carousel-dot:hover {
        background-color: rgb(113,113,113);
    }

.m-carousel-slide {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.m-carousel-slide-caption {
    display: block;
    color: rgb(102,68,68);
    font-size: 12px !important;
    font-weight: 600;
    font-style: italic;
    padding: 0;
    margin: 1em auto 0;
    text-align: center;
}

.m-carousel-slide-image {
    display: inline-block;
}

    .m-carousel-slide-image.m-box {
        margin: 1px;
    }

.m-carousel-slide-number {
    color: rgb(242,242,242);
    font-size: 14px;
    padding: 8px 12px;
    position: absolute;
    text-shadow: -1px 0 rgba(0,0,0,0.25), 0 1px rgba(0,0,0,0.25), 1px 0 rgba(0,0,0,0.25), 0 -1px rgba(0,0,0,0.25);
    top: 0;
}

.m-cover-img-S {
    max-width: 99px;
    max-height: 140px;
}

.m-cover-img-XS {
    max-width: 77px;
    max-height: 108.888px;
}

.m-bb-herobox, .m-bb-imagebox, .m-bb-videobox, .m-img-businessBuilder {
    background-size: contain;
    -moz-box-shadow: inset 0 0 3px rgb(216,216,216);
    -webkit-box-shadow: inset 0 0 3px rgb(216,216,216);
    box-shadow: inset 0 0 3px rgb(216,216,216);
    display: inline-block;
}

a.m-bb-videobox:link, a.m-bb-videobox:visited {
    color: rgb(237, 28, 36);
}

.m-bb-videobox {
    position: relative;
}

    .m-bb-videobox > div {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 12px;
    }

        .m-bb-videobox > div > div {
            position: absolute;
            height: 4em;
            width: 4.5em;
            top: -2em;
            left: -2.25em;
        }

            .m-bb-videobox > div > div > div {
                position: absolute;
                height: 100%;
                width: 100%;
            }

                .m-bb-videobox > div > div > div:first-child > span {
                    display: block;
                    margin: 1em 1.125em;
                    width: 2.5em;
                    height: 2em;
                    background-color: white;
                }

.m-bb-hr {
    color: rgb(238,238,238);
}

.m-bb-ordertitle {
    margin: 0.7rem 0;
}

.m-bb-recaptcha {
    transform: scale(0.78);
    -webkit-transform: scale(0.78);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.m-bb-sectiontitle {
    margin-top: 5px;
    border-radius: 5px;
    background-color: rgb(238,238,238);
    margin-bottom: 5px;
}

    .m-bb-sectiontitle h5 {
        font-weight: 400;
        margin: 0;
        padding: 0.7rem 0.7rem 0.2rem;
    }

ul.m-bb-service-list {
    list-style-type: none;
    margin: 2.5rem 0;
}

ul.m-bb-service-list li {
    padding: 0;
    margin: 2rem 0;
}

.m-bb-share {
    display: block;
    font-size: 0;
    line-height: 1;
    min-height: 27px;
    text-align: right;
}

    .m-bb-share li {
        display: inline-block;
        margin: 0;
        padding: 1px 0;
    }

        .m-bb-share li:not(:last-child) {
            margin-right: 1rem;
        }

.m-bg-blue, .m-bg-lightblue, .m-bg-green, .m-bg-lightgreen, .m-bg-red, .m-bg-tan, .m-bg-white {
    border-radius: 4px;
    border-width: 1px !important;
    border-style: solid !important;
}

.m-button-L:hover, .m-button-S-hover {
    border-color: rgb(82,56,56) !important;
}

.m-bg-blue {
    background-color: rgb(101, 115, 195); /* light New Zealand Voice blue */
    border-color: rgb(75, 86, 145) !important;
    color: white !important;
}

.m-bg-lightblue {
    background-color: rgb(198, 203, 235);
    border-color: rgb(101, 115, 195) !important;
    color: black !important;
}

.m-bg-green {
    background-color: rgb(116, 195, 101); /* moss green */
    border-color: rgb(86, 145, 75) !important;
    color: white !important;
}

.m-bg-lightgreen {
    background-color: rgb(198, 235, 198);
    border-color: rgb(116, 195, 101) !important;
    color: black !important;
}

.m-bg-red {
    background-color: rgb(237, 28, 36); /* elocal red */
    border-color: rgb(179, 21, 27) !important;
    color: white !important;
}

.m-bg-tan {
    background-color: rgb(216, 203, 182); /* tan */
    border-color: rgb(163, 156, 138) !important;
    color: black !important;
}

.m-bg-white {
    background-color: white;
    border-color: rgb(170, 170, 170) !important;
    color: rgb(51,51,51) !important;
}

.m-black {
    color: black;
}

.m-blue {
    color: rgb(0, 69, 138); /* New Zealand Voice blue */
}

.m-business-group {
    margin: 0 0 2rem;
    border: 1px solid rgb(237, 28, 36);
    border-radius: 10px;
}

.m-button-L-box, .m-button-S-box {
    font-size: 16px;
    display: block;
    margin: -1rem auto 0;
    text-align: center;
}

.m-button-L {
    font-size: 16px;
    width: 156px;
    margin: 1rem 0.25em 0;
}

.m-button-S {
    font-size: 16px;
    min-width: 170px;
    margin: 0.5em 0.25em 0;
}

.m-button-L, .m-button-S {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    padding: 0.5em 1em;
    vertical-align: bottom;
}

.m-block {
    display: block;
}

.m-categoryList {
    display: inline-block;
    font-size: 15px;
    line-height: 1.5em;
    margin: 0 0 2rem;
    padding: 0 1em;
    text-align: left;
    width: 100%;
}

    .m-categoryList h2 {
        margin-top: 0;
    }

.m-centered {
    text-align: center;
    text-indent: 0 !important;
}

.m-code {
    text-align: left;
}

    .m-code * {
        font-family: monospace;
        word-break: break-all;
        white-space: pre-line;
    }

.m-copyright {
    color: rgb(170,170,170);
    font-size: 10px;
}

.m-cover-alt-readonline {
    font-size: 80%;
    margin-top: -0.7rem;
}

.m-cover-alt-caption, .m-cover-alt-img {
    transition: opacity 1s ease-out;
}

.m-cover-alt-caption {
    font-weight: 600;
    font-size: 13px;
    line-height: 1.4;
}

h4.m-cover-alt-caption {
    margin: 1rem 0;
}

h5.m-cover-alt-caption {
    color: rgb(136,136,136);
    margin: 1rem auto 0;
    max-width: 236px;
}

.m-cover-alt-with {
    font-size: 0.85714em;
}

.m-distrmap {
    margin: 0;
}

em {
    font-style: italic;
}

strong {
    font-weight: 600;
}

.m-e {
    background-image: url('Images/e.png');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    color: transparent;
    display: inline-block;
    height: 21px;
    width: 24px;
    margin: 0;
}

.m-est {
    font-family: 'Crimson Text', serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    line-height: 3;
}

.m-form-annotation {
    display: block;
    width: 100%;
    margin: 1rem auto;
    padding: 0;
}

    .m-form-annotation > p {
        color: rgb(68,68,68);
        font-size: 13px;
        text-align: left;
        text-indent: 0;
        padding-left: 0.5em;
    }

p.m-charcounter {
    display: none;
    font-size: 12px;
    font-weight: 600;
    margin: 0.5rem 0 1rem;
    padding: 0;
    text-align: left;
    text-indent: 0.5em;
}

#m-edit-bb-map {
    font-size: 13px;
    margin: 0rem auto 1rem;
    width: 434px;
    max-width: 100%;
}

.m-edit-bb-img, .m-edit-contributor-img {
    max-width: 280px;
    display: block;
}

.m-edit-contributor-img {
    vertical-align: middle;
    box-shadow: rgb(170,170,170) 0px 0px 2px inset;
    border-radius: 5px;
    overflow: hidden;
    background-color: rgb(250,250,250);
}

.m-edit-cover {
    max-width: 280px;
    margin-bottom: 1rem;
}

.m-fa-icon {
    display: inline-block;
    margin: 0 0.25em !important;
    font-size: 16px !important;
    vertical-align: top;
}

    .m-fa-icon a {
        display: inline-block;
    }

        .m-fa-icon a:link, .m-fa-icon a:visited {
            color: rgb(237, 28, 36); /* elocal red */
        }

        .m-fa-icon a i {
            font-size: 2em;
            line-height: 1;
            vertical-align: top;
        }

.m-form-input {
    margin-top: 1rem;
}

.m-form-group {
    display: block;
    margin: 0 auto 1rem;
}

    .m-form-group:not(.m-centered) {
        text-align: left;
    }

.m-form-instructions {
    margin-bottom: 2rem;
}

    .m-form-instructions > p {
        text-align: center !important;
    }

.m-form-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    vertical-align: top;
    padding: 0 1px;
    width: 180px;
    line-height: 32px;
    text-align: left;
}

    .m-form-label.m-block {
        display: block;
        margin-bottom: 1rem;
        line-height: 1.4;
    }

.m-form-control, .m-form-input {
    max-width: 280px;
}

    .m-form-label.m-secondary {
        font-weight: normal;
    }

.m-slate {
    color: rgb(136,136,136);
}

.m-grey {
    color: rgb(170,170,170);
}

.m-strikethrough {
    text-decoration: line-through;
}

.m-grey a:link, .m-grey a:visited, .m-grey a:hover {
    color: rgb(136,136,136);
}

.m-grey a:hover {
    text-decoration: underline;
}

.m-lighterhead * h1, .m-lighterhead * h2, .m-lighterhead * h2 {
    color: rgb(34,34,34);
}

.m-heading {
    width: 100%;
}

.m-help {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 0.8em;
    text-align: center;
}

.m-hidden {
    display: none;
}

.m-image-a {
    display: inline-block;
}

.m-img-archive {
    width: 190px;
    margin: 0;
}

.m-img-banner {
    cursor: pointer;
}

.m-img-bestof {
    margin: 1rem 0;
}

.m-img-bestof-alt {
    margin: 0rem 1rem 1rem;
}

.m-img-bestof, .m-img-bestof-alt {
    height: 218px;
    width: 156px;
}

.m-img-businessBuilder {
    margin: 0;
    padding: 1px;
}

.m-lineheight-1 {
    line-height: 1;
}

.m-textlink {
    display: inline-block;
    font-size: 15px;
    margin: 0.5rem 0 1rem;
}

.m-img-cover {
    margin: 0 0.5rem 0;
}

.m-italic {
    font-style: italic;
}

.m-img-location {
    max-width: 100%;
    width: 330px;
}

.m-inline {
    display: inline-block;
    vertical-align: middle;
}

.m-justified {
    text-align: justify;
}

.m-layout-block {
    display: inline-block;
}

.m-magazine-contents {
    font-size: 15px;
    margin: 0.5em 0 -0.5em;
    padding: 0;
}

    .m-magazine-contents li {
        list-style: none;
        margin-left: 2em;
        margin-bottom: 0.5em;
        position: relative;
    }

.m-magazine-contents-ref {
    color: rgb(68,68,68);
    position: absolute;
    left: -2em;
    display: block;
    width: 2em;
    text-align: left;
}

#m-mag-tag {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 320px;
    line-height: 20px;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #ccc;
    border-radius: 8px;
}

    #m-mag-tag * {
        text-size-adjust: none;
    }

    #m-mag-tag h6 {
        line-height: 24px;
        margin: 0;
    }

    #m-mag-tag p {
        display: inline-block;
        margin: 0;
        font-size: 12px;
        line-height: 16px;
        font-weight: 600;
    }

    #m-mag-tag ul {
        margin: 3px 0 0;
    }

        #m-mag-tag ul li {
            display: inline-block;
            vertical-align: top;
            font-size: 12px;
            font-weight: 500;
            margin: 0 0.5em 0;
        }

.m-margin-none {
    margin: 0 !important;
}

.m-margin-none-B {
    margin-bottom: 0 !important;
}

#m-msg-article, #m-msg-magazine {
    margin: 0 0 -2px;
}

.m-navMenu {
    line-height: 1;
    margin: 0;    
    text-align: center;
}

.m-content-section .m-navMenu {
    margin: 1rem 0;
}

.m-navItem {
    line-height: 1.66667;
    margin: 0 0.5em;
    vertical-align: bottom;
}

#m-nav3 > div {
    margin-bottom: -6px;
}

#m-nav3 .m-navMenu {
    display: inline-block;
    vertical-align: bottom;
    margin: 8px 0 -8px;
}

    #m-nav3 .m-navMenu .m-navItem {
        background-color: white;
        border-style: solid;
        border-color: rgb(237, 28, 36);
        border-width: 2px;
        border-radius: 8px;
        font-size: 14px;
        padding: 0;
        margin: -9px -1px 1px;
        text-transform: lowercase;
    }

        #m-nav3 .m-navMenu .m-navItem a {
            display: block;
            padding: 2px 12px 8px;
        }

            #m-nav3 .m-navMenu .m-navItem a:link,
            #m-nav3 .m-navMenu .m-navItem a:visited,
            #m-nav3 .m-navMenu .m-navItem a:hover {
                border: 0;
            }

        #m-nav3 .m-navMenu .m-navItem:hover {
        }

            #m-nav3 .m-navMenu .m-navItem:hover a {
                background-color: rgba(237, 28, 36, 0.75); /* elocal red */
                border-radius: 6px;
                color: black;
            }

.m-navUser {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.m-nocol {
    -webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
    -moz-column-count: 1 !important; /* Firefox */
    column-count: 1 !important;
}

.m-nzv-or {
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    margin: 1em 0;
}

.m-nzv-paper-plus {
    background-image: url('Images/paperplus.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    color: transparent;
    display: inline-block;
    font-weight: 700;
    height: 1.5em;
    margin: 0 1px 0 1px;
    vertical-align: middle;
}

.m-pad {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.m-smallcaps {
    font-variant: small-caps;
}

.m-text-l {
    font-size: 128.57%;
}

.m-text-xl {
    font-size: 200%;
}

.m-feature-image {
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
    width: inherit;
}

.m-feature {
    text-align: left;
    width: 100%;
}

.m-homepage-articles-list {
    margin: 2.5rem auto;
}

#m-navbar-searchRadio {
    transition-property: height, margin, padding;
    transition-duration: 500ms;
    overflow: hidden;
}

#m-navbar-searchRadio, #m-homepage-searchRadio {
    margin-top: 1rem;
}

    #m-navbar-searchRadio label, #m-homepage-searchRadio label {
        vertical-align: middle;
        margin-right: 0.66667em;
    }

.m-pad-none {
    padding: 0 !important;
}

.m-pad-big {
    padding-top: 1rem;
}

.m-pad-LR {
    padding: 0 2rem;
}

.m-pad-B {
    padding-bottom: 1rem;
}

.m-pad-bookL-content, .m-pad-bookR-content, #m-layout-inner {
    margin: 2rem 0;
}

.m-products {
    margin-bottom: -1rem;
}

.m-product-a {
    margin: 0 0.75rem 1rem;
}

.m-publication-edition {
    display: inline-block;
    margin: 1rem 0 0;
}

.m-publication-edition-name {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    margin: 1rem 0 0;
}

.m-publication-title {
    display: block;
    margin: 0;
}

    .m-publication-title h2 {
        margin: 0 0.5em 0 0;
    }

    .m-publication-title h5 {
        margin: 0.5rem 0 0;
    }

.m-red {
    color: rgb(237, 28, 36) !important; /* elocal red */
}

.m-responsive {
    display: block !important;
}

.m-responsive-icon {
    border-radius: 4px;
    color: rgb(237, 28, 36); /* elocal red */
    display: inline-block;
    font-size: 35px;
    line-height: 56px;
    padding: 4px;
}

    .m-responsive-icon:hover {
        text-decoration: none !important;
    }

.m-search-block {
    margin: 2.5rem 0;
    text-align: center;
}

.m-searchArticles-danger, .m-searchArticles-warning, .m-searchArticles-success, .m-searchArticles-unpublished, .m-searchArticles-highlight {
    font-size: 18px;
    line-height: 1;
    margin: 10px 0;
}

.m-viewArticles-danger, .m-viewArticles-warning, .m-viewArticles-success, .m-viewArticles-unpublished, .m-viewArticles-highlight {
    font-size: 16px;
}

.m-searchArticles-danger, .m-searchArticles-warning, .m-searchArticles-success, .m-searchArticles-unpublished, .m-searchArticles-highlight, .m-viewArticles-danger, .m-viewArticles-warning, .m-viewArticles-success, .m-viewArticles-unpublished, .m-viewArticles-highlight {
    display: inline-block;
    vertical-align: top;
}

.m-searchArticles-danger, .m-viewArticles-danger {
    color: #d86670; /* rgb(238,34,34); */
}

.m-searchArticles-warning, .m-viewArticles-warning {
    color: #ffce3e; /* rgb(230,194,0); */
}

.m-searchArticles-success, .m-viewArticles-success {
    color: #5d9e6c; /* rgb(21, 87, 36); */
}

.m-searchArticles-highlight, .m-viewArticles-highlight {
    color: #3b96ff; /* rgb(34, 207, 238); */
}

.m-searchArticles-unpublished, .m-viewArticles-unpublished {
    color: #6f7175; /* rgb(170,170,170); */
}

.m-searchArticles-type {
    font-size: 18px;
}

.m-viewArticles-legend {
    display: block;
    margin: -1.5rem 0;
    line-height: 2;
    text-align: center !important;
}

    .m-viewArticles-legend li {
        list-style: none;
        display: inline-block;
        margin: 0.25rem 0.75rem;
    }

        .m-viewArticles-legend li span {
            margin-right: 0.5em;
        }

.m-searchColDescription h2 {
    margin: 0 0 1rem;
}

.m-searchColDescription h3 {
    margin: 1rem 0;
}

.m-searchColDescription h4 {
    font-size: 16px;
    margin: 0.5rem 0;
}

.m-searchColDescription h2 ~ h4 {
    margin-top: 0;
}

.m-searchColDescription h3 ~ h4 {
    margin-top: 0;
}

.m-searchColDescription h6 {
    font-weight: 400;
    margin: 0.7rem 0;
}

.m-searchColDescription p {
    font-size: 14px;
    line-height: 1.5;
    margin: 1.3rem 0 0;
    text-align: justify;
    hyphens: auto;
}

.m-searchColDescription > :last-child
{
    margin-bottom: 0;
}

.m-searchColImage {
    max-height: 128px;
    margin: 0 auto 1rem;
}

    .m-searchColImage a {
        border: none;
        display: inline-block;
        max-height: inherit;
        max-width: inherit;
    }

        .m-searchColImage a picture, .m-searchColImage a img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-height: inherit;
            max-width: 100%;
        }

.m-searchForm {
    margin: 1rem auto;
}

.m-searchForm, .m-searchForm-inline {
    font-size: 0;
    text-align: center;
}

h1 + .m-searchForm, h1 + .m-searchForm-inline {
    margin-top: 20px;
}

.m-searchForm input {
    display: inline-block;
}

.m-searchGlass, .m-searchGlass-inline {
    background-color: white;
    background-image: url('Images/glass.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    height: 34px;
    padding: 0;
    vertical-align: middle;
    width: 34px;
}

.m-searchGlass {
    margin: 0 0.5em;
}

.m-searchGlass-inline {
    margin: 0 0 0 1rem;
}

.m-searchMagazine {
    margin: 4px 0 0;
    vertical-align: top;
}

.m-searchPageCounter {
    margin-bottom: -20px;
}

.m-searchRow {
    display: block;
    padding: 0;
    width: 600px;
    max-width: 100%;
    margin: 3rem auto;
    text-align: center;
}

.m-searchResultImage {
    max-width: 100%;
    max-height: 90px;
}

.m-searchText, .m-searchText-inline {
    padding: 0.25em;
    font-size: 14px;
    width: 280px !important;
    height: 32px;
}

.m-searchTitle {
    color: rgb(190,0,33);
    font-weight: 600;
    display: inline-block;
    line-height: 19px;
    margin: 0 0.5em 0.5em 0;
    vertical-align: top;
}

.m-select {
    display: inline;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 120%;
    line-height: 1.4;
    color: #555555;
    vertical-align: middle;
    background-color: white;
    border: 1px solid rgb(204,204,204);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.m-sub-bestofimg {
    width: 100%;
}

.m-sub-coverimg {
    margin: 0;
}

.m-sub-logoimg {
    padding: 1rem 0rem;
    width: 190px;
}

.m-sub-masthead {
    margin: 0.5em 0;
    width: 380px;
}

.m-sub-storyimg {
    box-shadow: 0 0 2px 2px rgb(216, 203, 182);
    margin: 2px 0 1rem;
    width: 100%;
}

.m-sub-storytext p {
    font-size: 10px;
    text-align: justify;
    text-indent: 1.25rem;
    margin-bottom: 0;
}

.m-sub-storytitle {
    display: table;
    margin: 0 0 1rem;
    text-align: center;
    width: 100%;
}

    .m-sub-storytitle h3 {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.1;
        display: table-cell;
        vertical-align: middle;
    }

.m-super {
    bottom: 0.2em;
    display: inline-block;
    font-size: 0.8em;
    position: relative;
    text-decoration: underline;
}

.m-analytics-table-sum {
    border-collapse: collapse;
    margin: 2rem auto;
    width: 290px;
}

    .m-analytics-table-sum tr:not(:last-of-type) th, .m-analytics-table-sum tr:not(:last-of-type) td {
        font-weight: 400;
    }


    .m-analytics-table-sum tr:not(:first-of-type):not(:last-of-type) th, .m-analytics-table-sum tr:not(:first-of-type):not(:last-of-type) td {
        border-top: 1px solid #ddd;
    }

    .m-analytics-table-sum tr:last-of-type th, .m-analytics-table-sum tr:last-of-type td {
        border-top: 3px double #999;
        font-weight: 500;
    }

    .m-analytics-table-sum th {
        text-align: left;
        padding: 2.5px 5px;
    }

    .m-analytics-table-sum td {
        padding: 2.5px 10px;
        text-align: right;
    }

        .m-analytics-table-sum td:last-of-type {
            border-left: 1px solid #999;
        }

.m-table-row {
    text-align: left;
    margin-bottom: 0.75em;
}

.m-whiteButton {
    background-color: white;
    color: rgb(237, 28, 36); /* elocal red */
}

.m-topicList li {
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
}

    .m-topicList li h3 {
        font-family: 'Crimson Text', serif;
        font-weight: 400;
        font-size: 21px;
        margin-bottom: 1rem;
        text-align: left;
    }

/*validation*/

.field-validation-error {
    color: rgb(185,74,72);
    display: block;
    font-size: 12px;
    margin: -0.3rem 0 1rem;
    text-align: center;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    color: rgb(185,74,72);
    border-color: rgb(185,74,72);
}

    .input-validation-error:focus {
        border-color: rgb(149,59,57);
        -webkit-box-shadow: 0 0 6px rgb(213,147,146);
        -moz-box-shadow: 0 0 6px rgb(213,147,146);
        box-shadow: 0 0 6px rgb(213,147,146);
    }

.table {
    border-spacing: 1em;
    margin: -1rem auto;
}

.m-content-section > .table {
    width: 100%;
}

tbody {
    margin-left: auto;
    margin-right: auto;
}

.table * td {
    vertical-align: middle;
}

td > p {
    margin: 0;
}

    td > p:not(:first-child) {
        margin-top: 0.5em;
    }

.validation-summary-errors {
    color: rgb(185,74,72);
    margin-bottom: 2rem;
}

.validation-summary-valid {
    display: none;
}

/* large view (1152px or greater) */

@media (min-width: 1152px) {

    #m-article-hero img, #m-article-hero .m-carousel-slide-image {
        max-width: 900px;
        max-height: 471px;
    }

    #m-article-hero #m-article-video {
        width: 900px;
        height: 471px;
    }

    #m-bestof-alt {
        display: none;
    }

    #m-bookL, #m-bookR {
        width: 660px;
    }

    #m-bookL {
        float: left;
    }

    #m-bookR {
        float: right;
    }

    #m-bookL, #m-bookR {
        display: inline-block;
    }

    #m-bookrule {
        display: none;
    }

    #m-footer {
        background-image: url('Images/book-tan.jpg');
    }

    #m-homepage-articles {
        position: absolute;
        top: 93px;
        bottom: 0;
        overflow: hidden;
    }

    #m-homepage-articles-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: inherit;
    }

    #m-homepage-articles-overlay-top {
        height: 2rem;
        background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgb(255,255,255));
    }

    #m-homepage-articles-overlay-bottom {
        padding: 1rem 0 2rem;
    }

    #m-homepage-cover > div {
        text-align: right;
    }

    #m-homepage-sidebar-top > div:first-of-type {
        width: 40px;
    }

    #m-layout-book {
        background-image: url('Images/book-white.jpg');
    }

    #m-mag-search {
        padding: 3px 0;
    }

    #m-nav-icon-toggle-L {
        margin-left: 4px;
    }

    #m-switch-caption {
        display: inline-block;
        margin-left: 8px;
    }

    #m-nav1 {
        display: inline-block;
        width: 220px;
        padding: 0 35px 0 15px;
    }

    #m-nav2 {
        width: 440px;
        padding: 0 30px 0 0;
    }

        #m-nav2 div:first-child {
            height: 55px;
        }

    #m-nav3 {
        width: 440px;
        padding: 0 0 0 30px;
        margin: 2px 0;
        text-align: left;
        vertical-align: bottom !important;
    }

        #m-nav3 .m-navMenu, #m-mag-nav3 .m-navMenu {
            display: inline-block;
            vertical-align: middle;
        }

            #m-mag-nav3 .m-navMenu:last-of-type {
                margin: 0 8px 0 16px;
            }

    #m-nav3a {
        width: 220px;
        padding: 0 15px 0 20px;
        margin: 18px 0 2px;
        text-align: right;
        vertical-align: bottom !important;
    }

    #m-nav3a-alt {
        display: none;
    }

    #m-nav4 {
        width: 220px;
    }

    #m-nav4-alt, #m-nav5 {
        display: none;
    }

    #m-navbar, #m-layout, #m-layout-book, #m-layout-content, #m-layout-profile, #m-layout-scroll, #m-footer {
        width: 1152px;
    }

    .m-navUser {
        display: inline-block;
        margin-left: 1em;
    }

    #m-searchForm-toggle {
        display: inline-block;
        margin-right: 2em;
    }

    #m-subscribe-alt {
        display: none;
    }

    .m-banner-S {
        display: none;
    }

    .m-bonanza {
        height: 56px;
        margin: 4px 0.5em;
        vertical-align: bottom;
    }

    .m-button-archive {
        float: right;
        margin-right: 215px;
    }

    .m-form-wide, m-form-group-wide {
        width: 1120px;
    }

    .m-homepage-articles-list img {
        width: 100%;
    }

    .m-home-bookR {
        position: relative;
        background-color: white;
        /*	background-color: rgb(229,220,206); /* lighter tan */
        /*	background-color: rgb(216, 203, 182);	/* light tan */
    }

        .m-home-bookR hr {
            /*	border-color: #b29f91;  */
        }

    .m-home-giveaway {
        float: left;
    }

    .m-hide-L {
        display: none !important;
    }

    .m-pad-bookL {
        padding-left: 2rem;
        padding-right: 3rem;
    }

    .m-pad-bookR {
        padding-left: 3rem;
        padding-right: 2rem;
    }

    .m-sub-coverimg {
        padding: 1rem 75px 1em;
        width: 380px;
    }

    .m-sub-storytitle {
        height: 3.3em;
        line-height: 3.3em;
    }

    /*  |==+-|----|  */

    .m-third-outer .m-pad-bookL-third {
        padding-left: 2rem;
        padding-right: 1rem;
        margin-right: 2rem;
    }

    .m-three-fifths-outer .m-pad-bookL-three-fifths {
        padding-left: 2rem;
        padding-right: 1rem;
        margin-right: 1.2rem;
    }

    /*  |--+=|----|  */

    .m-sixth-inner .m-pad-bookL-sixth {
        margin-left: -2rem;
        padding-left: 1rem;
        padding-right: 3rem;
    }

    .m-two-fifths-inner .m-pad-bookL-two-fifths {
        margin-left: -1.2rem;
        padding-left: 1rem;
        padding-right: 3rem;
    }

    /*  |----|=+--|  */

    .m-sixth-inner .m-pad-bookR-sixth {
        padding-left: 3rem;
        padding-right: 1rem;
        margin-right: -2rem;
    }

    .m-two-fifths-inner .m-pad-bookR-two-fifths {
        padding-left: 3rem;
        padding-right: 1rem;
        margin-right: -1.2rem;
    }

    /*  |----|-+==|  */

    .m-third-outer .m-pad-bookR-third {
        margin-left: 2rem;
        padding-left: 1rem;
        padding-right: 2rem;
    }

    .m-three-fifths-outer .m-pad-bookR-three-fifths {
        margin-left: 1.2rem;
        padding-left: 1rem;
        padding-right: 2rem;
    }

    /*  |=+--|----|  */

    .m-sixth-outer .m-pad-bookL-sixth {
        padding-left: 2rem;
        padding-right: 1rem;
        margin-right: -2rem;
    }

    .m-two-fifths-outer .m-pad-bookL-two-fifths {
        padding-left: 2rem;
        padding-right: 1rem;
        margin-right: 1.2rem;
    }

    /*  |-+==|----|  */

    .m-third-inner .m-pad-bookL-third {
        margin-left: 2rem;
        padding-left: 1rem;
        padding-right: 3rem;
    }

    .m-three-fifths-inner .m-pad-bookL-three-fifths {
        margin-left: -1.2rem;
        padding-left: 1rem;
        padding-right: 3rem;
    }

    /*  |----|==+-|  */

    .m-third-inner .m-pad-bookR-third {
        padding-left: 3rem;
        padding-right: 1rem;
        margin-right: 2rem;
    }

    .m-three-fifths-inner .m-pad-bookR-three-fifths {
        padding-left: 3rem;
        padding-right: 1rem;
        margin-right: 1.2rem;
    }

    /*  |----|--+=|  */

    .m-sixth-outer .m-pad-bookR-sixth {
        margin-left: -2rem;
        padding-left: 1rem;
        padding-right: 2rem;
    }

    .m-two-fifths-outer .m-pad-bookR-two-fifths {
        margin-left: -1.2rem;
        padding-left: 0.5rem;
        padding-right: 2rem;
    }
}

/* large and small views (768 px or greater) */

@media (min-width: 768px) {

    #m-bb-details {
        display: inline-block;
    }

    #m-bb-contact, #m-bb-story {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-rule: none; /* Chrome, Safari, Opera */
        -moz-column-rule: none; /* Firefox */
        column-rule: none;
        -webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
        -moz-column-gap: 2rem; /* Firefox */
        column-gap: 2rem;
    }

    #m-bb-hero {
        max-width: 624px;
        max-height: 416px;
        visibility: hidden; /* container has image as background */
    }

    #m-bb-herobox {
        margin: 0 -13px 1em -13px;
    }

    #m-footer, #m-layout, #m-layout-book, #m-layout-profile, #m-layout-scroll {
        background-position: center;
        background-repeat: repeat-y;
        box-shadow: rgb(68,68,68) 0 1px 2px 0px;
    }

    #m-mag-logo {
        height: 40px;
        width: 116px;
        margin: 5px 0;
        background-image: url('Images/elocal-logo.png');
    }

    #m-mag-tag {
        bottom: 0;
        margin: 0 auto -8px;
        padding: 3px 8px 12px;
    }

    #m-magazine-reader[data] {
        padding-bottom: 28px;
    }

    #m-popup-banner-box, #m-print-subscription-offer-box {
        border: 2px rgb(68,68,68) solid;
        border-radius: 0.5em;
        max-width: 630px;
    }

    #m-popup-banner-image {
        width: 570px;
        height: 201px;
    }

    #m-print-subscription-offer-image {
        width: 570px;
    }

    .m-form-label.m-100 {
        text-align: center;
    }

    .m-form-control.m-secondary, .m-form-input.m-secondary, .m-form-label.m-secondary {
        margin-top: 1rem;
    }

    .m-form-label.m-100 + .m-form-control.m-secondary {
        margin-top: 0;
    }

    .m-archive-block {
        max-width: 660px;
        margin-bottom: -2rem;
    }

    .m-archive-a, .m-archive-img-L, .m-archive-text {
        height: 283px;
        width: 200px;
        margin: 0;
    }

    .m-archive-img-S {
        height: 200px;
        width: 141.5px;
        margin: 0;
    }

    .m-archive-text, .m-product-text, .m-cover-text, .m-cover-alt-text {
        transition: opacity ease-in-out 0.5s;
        -webkit-transition: opacity ease-in-out 0.5s;
    }

        .m-archive-text:hover, .m-product-text:hover, .m-cover-text:hover, .m-cover-alt-text:hover {
            opacity: 1;
        }

    .m-article-writer-bio {
        width: 66.667%;
    }

    .m-article-writer-img + .m-article-writer-bio {
        display: inline-block;
        width: 320px;
        margin: 0 0 0 1em;
        text-align: left;
    }

    .m-bb-imagebox, .m-bb-videobox {
        max-height: inherit;
    }

    #m-article-carousel > div > iframe {
        width: 600px;
        height: 314px;
    }

    .m-carousel-slide-image {
        max-width: 520px;
        max-height: 390px;
    }

    .m-bb-share {
        margin: -1.5rem -0.5rem 1rem 0;
    }

    .m-carousel-slide-caption {
        width: 412px;
    }

    .m-chart {
        margin: 2rem auto;
    }

    .m-cover-alt-slides {
        position: relative;
        height: 382px;
    }

    .m-cover-alt-slide {
        display: inline-block;
        position: absolute;
        left: 0;
        right: 0;
    }

    .m-cover-alt-slide {
        margin: 0 0 10px;
    }

        .m-cover-alt-slide:first-child:not(:last-child) a .m-cover-alt-img {
            margin: 0 10px 20px 0;
        }

        .m-cover-alt-slide:last-child:not(:first-child) a .m-cover-alt-img {
            margin: 10px 0 10px 10px;
        }

    .m-distrmap {
        width: 300px;
    }

    .m-feature-text {
        display: block;
        margin: 0 auto;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        width: 660px;
    }

    #m-homepage-sidebar {
        position: relative;
        height: 478px;
    }

    .m-homepage-articles-list {
        text-align: left;
    }

    #m-homepage-articles-overlay-bottom {
        background-color: white;
    }

    #m-homepage-sidebar-top {
    }

        #m-homepage-sidebar-top h3 {
            margin-bottom: 0.5em;
        }

        #m-homepage-sidebar-top > div:first-of-type, #m-homepage-sidebar-top > div:last-of-type {
            display: inline-block;
            vertical-align: top;
        }

        #m-homepage-sidebar-top > div > * {
            display: inline-block;
        }

    #m-homepage-sidebar-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

        #m-homepage-sidebar-bottom hr {
            margin-bottom: 0;
        }

    .m-half {
        width: 660px;
    }

    .m-form-group, form h3 {
        width: 460px;
    }

    p.m-charcounter {
        padding-left: 180px;
    }

    .m-hide-desktop {
        display: none !important;
    }

    .m-hide-LS {
        display: none !important;
    }

    .m-img-archive {
        padding: 0 0.5rem;
    }

    .m-img-businessBuilder {
        width: 100%;
    }

    .m-inline-banner-box {
        width: 570px;
        height: 201px;
    }

    .m-img-banner {
        max-width: 100%;
        width: 570px;
        max-height: 201px;
    }

    .m-img-cover {
        width: 283px;
    }

    .m-img-feature {
        height: 530px;
        margin: 0;
    }

    .m-product-a, .m-product-img, .m-product-text {
        height: 234px;
        width: 165px;
    }

    .m-cover-a, .m-cover-img, .m-cover-text {
        height: 478px;
        width: 338px;
    }

    .m-cover-alt-a, .m-cover-alt-img, .m-cover-alt-text {
        height: 250px;
        width: 177px;
    }

    .m-layout-block {
        text-align: center;
        width: 440px;
    }

    .m-margin-top {
        margin-top: 0.6rem;
    }

    #m-nav-icon-menu .m-nav-icon-caption, #m-nav-icon-share .m-nav-icon-caption {
        display: none;
    }

    #m-navbar-searchRadio {
        display: none;
    }

    .m-publication-edition {
        margin: 0;
    }

    .m-sub-offermsg {
        margin: auto;
        width: 380px;
    }

    .m-quarter {
        width: 330px;
    }

    .m-sixth-inner, .m-sixth-outer, .m-quarter, .m-third-inner, .m-third-outer, .m-half,
    .m-two-fifths-inner, .m-two-fifths-outer, .m-three-fifths-inner, .m-three-fifths-outer,
    .m-25, .m-33, .m-40, .m-50, .m-60, .m-67, .m-75 {
        display: inline-block;
        vertical-align: top;
    }

    .m-sixth-inner, .m-sixth-outer {
        width: 220px;
    }

    .m-third-inner, .m-third-outer {
        width: 440px;
    }

    .m-two-fifths-inner, .m-two-fifths-outer {
        width: 264px;
    }

    .m-three-fifths-inner, .m-three-fifths-outer {
        width: 396px;
    }

    .m-25 {
        width: 25%;
    }

    .m-33 {
        width: 33.333%;
    }

    .m-50 {
        width: 50%;
    }

    .m-67 {
        width: 66.666%;
    }

    .m-75 {
        width: 75%;
    }

    .m-col-L {
        padding-right: 0.7rem;
    }

    .m-col-R {
        padding-left: 0.7rem;
    }
}

/* small view (between 768 and 1151 px) */

@media (min-width: 768px) and (max-width: 1151px) {

    #m-article-hero img {
        max-width: 634px;
        max-height: 331.8px;
    }

    #m-article-hero #m-article-video {
        width: 634px;
        height: 331.8px;
    }

    #m-article-hero .m-carousel-slide-image {
        max-width: 576px;
        max-height: 432px;
    }

    #m-bookL, #m-bookR {
        width: 660px;
    }

    #m-homepage-sidebar-top > div:first-of-type {
        width: 50px;
    }

    #m-nav1 {
        margin: 4px 0 8px;
    }

    #m-nav2 {
        display: block;
        margin: 0.5rem 0;
    }

    #m-nav3a {
        margin: 12px 5px 0 -100%;
    }

    #m-nav4-alt {
        float: right;
        margin-left: -100%;
        padding: 0 5px;
    }

    #m-nav4 {
        display: none;
    }

    #m-navWelcome {
        margin-right: 1rem;
    }

    #m-navbar, #m-layout, #m-layout-book, #m-layout-content, #m-layout-profile, #m-footer {
        width: 768px;
    }

    #m-switch-caption {
        float: left;
        line-height: 32px;
        margin-right: 8px;
    }

    .m-banner-S {
        display: none;
    }

    .m-bonanza {
        height: 3em;
        margin: 1px 0.5em;
        vertical-align: bottom;
    }

    .m-img-cover {
        width: 290px;
    }

    .m-layout-block {
        text-align: center;
        width: 440px;
    }

    .m-pad-bookL, .m-pad-bookR {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .m-pad-bookR-L {
        padding-left: 2.5rem;
        padding-right: 2rem;
        margin-right: 20px;
    }

    .m-pad-bookR-R {
        padding-left: 0rem;
        padding-right: 2.5rem;
        margin-left: -20px;
    }

    .m-sub-coverimg {
        padding: 0.7rem 20px 0.9rem;
        width: 380px;
    }

    /*  |==+-|----|  */

    .m-third-outer .m-pad-bookL-third {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: 1.5rem;
    }

    .m-three-fifths-outer .m-pad-bookL-three-fifths {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: 0.7rem;
    }

    /*  |--+=|----|  */

    .m-sixth-inner .m-pad-bookL-sixth {
        margin-left: -1.5rem;
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    .m-two-fifths-inner .m-pad-bookL-two-fifths {
        margin-left: -0.7rem;
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    /*  |----|=+--|  */

    .m-sixth-inner .m-pad-bookR-sixth {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: -1.5rem;
    }

    .m-two-fifths-inner .m-pad-bookR-two-fifths {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: -0.7rem;
    }

    /*  |----|-+==|  */

    .m-third-outer .m-pad-bookR-third {
        margin-left: 1.5rem;
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    .m-three-fifths-outer .m-pad-bookR-three-fifths {
        margin-left: 0.7rem;
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    /*  |=+--|----|  */

    .m-sixth-outer .m-pad-bookL-sixth {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: -1.5rem;
    }

    .m-two-fifths-outer .m-pad-bookL-two-fifths {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: 0.7rem;
    }

    /*  |-+==|----|  */

    .m-third-inner .m-pad-bookL-third {
        margin-left: 1.5rem;
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    .m-three-fifths-inner .m-pad-bookL-three-fifths {
        margin-left: -0.7rem;
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    /*  |----|==+-|  */

    .m-third-inner .m-pad-bookR-third {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: 1.5rem;
    }

    .m-three-fifths-inner .m-pad-bookR-three-fifths {
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-right: 0.7rem;
    }

    /*  |----|--+=|  */

    .m-sixth-outer .m-pad-bookR-sixth {
        margin-left: -1.5rem;
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    .m-two-fifths-outer .m-pad-bookR-two-fifths {
        margin-left: -0.7rem;
        padding-left: 0.5rem;
        padding-right: 2.5rem;
    }
}

/* small and mobile views (less than 1151px) */

@media (max-width: 1151px) {

    .m-analytics-total {
        margin-top: 2rem;
    }

    #m-bestof {
        display: none;
    }

    #m-home-advertise-alt {
        display: none;
    }

    #m-homepage-articles-overlay-top {
        display: none;
    }

    #m-homepage-articles-overlay-bottom {
        margin-top: -1rem;
    }

    #m-mag-search {
        display: none;
    }

    #m-nav3 {
        display: none;
        margin: 1.1rem 0 0;
    }

    #m-nav5 {
        float: left;
        padding: 5px;
        margin-right: -100%;
    }

    .m-navUser {
        display: block;
        margin-top: 0.5rem;
    }

    #m-searchForm-toggle {
        margin: 6px 0 8px;
    }

    .m-searchForm, m-searchForm-inline {
        padding: 0 8px;
    }

    #m-subscribe-alt {
        display: none;
    }

    .m-bb-share {
        margin: 1rem -0.5rem -0.5rem 0;
    }

    .m-hide-SM {
        display: none !important;
    }

    .m-img-archive {
        margin: 1rem 0 0.5rem;
    }

    .table-scroll, .m-chart-scroll {
        white-space: nowrap;
    }
}

/* mobile view (less than 768px) */

@media (max-width: 767px) {

    #m-article-hero img, #m-article-hero .m-carousel-slide-image {
        max-width: 100%;
        max-height: 314px;
    }

    #m-article-video {
        width: 100%;
    }

    #m-mag-tag {
        top: 0;
        margin: -8px auto 0;
        padding: 10px 8px 5px;
    }

    #m-magazine-reader[data] {
        padding-top: 28px;
    }

    .m-carousel-slide {
        width: 100%;
    }

    .m-carousel-slide-image {
        max-height: 314px;
        max-width: 100%;
    }

    .m-carousel-slide-caption {
        width: 100%;
    }

    #m-content .m-content-section, #m-layout-profile .m-content-section {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    #m-content > hr, #m-layout-profile > hr {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    #m-bb-businessStory {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        text-align: left;
    }

    .m-banner-L {
        display: none;
    }

    #m-bb-hero {
        max-width: 100%;
    }

    #m-bb-herobox {
        margin: 0 0 1rem;
    }

    #m-bookL, #m-bookR {
        text-align: center;
    }

    .m-form-label.m-secondary {
        margin-top: 0.5rem;
    }

    .m-homepage-articles-list {
        text-align: center;
    }

    #m-homepage-sidebar-bottom {
        margin-top: 2.5rem;
    }

    #m-layout, #m-layout-book, #m-layout-content, #m-layout-magazine, #m-layout-profile, #m-footer, #m-navbar, #m-bookL, #m-bookR, #m-mag-navbar {
        min-width: 320px;
        width: 100%;
    }

    #m-layout-book, #m-profile-navbar {
        text-align: center;
    }

    #m-mag-logo {
        height: 54px;
        width: 156px;
        margin: 7px 0;
        background-image: url('Images/elocal-logo.png');
    }

    #m-nav1 {
        display: inline-block;
        margin: 4px 0;
    }

    #m-nav3 {
        min-width: 320px;
        width: 100%;
    }

    #m-nav3a {
        display: none;
    }

    #m-nav2 {
        display: none;
    }

    #m-nav4, #m-nav4-alt {
        display: none;
    }

    #m-popup-banner-box, #m-print-subscription-offer-box {
        border-top: 2px rgb(68,68,68) solid;
        border-bottom: 2px rgb(68,68,68) solid;
        width: 100%;
    }

    #m-popup-banner-image {
        width: 279px;
        height: 201px;
    }

    #m-print-subscription-offer-image {
        width: 100%;
    }

    .m-archive-block {
        margin-bottom: -1rem;
        width: 514px;
        max-width: 100%;
    }

    #m-article-hero {
        min-width: 320px;
    }

    .m-article-writer-bio {
        display: block;
        margin: 0.5em 1em 0;
    }

    .m-bb-imagebox, .m-bb-videobox {
        max-height: inherit;
    }

    .m-chart {
        margin: 2rem 0;
    }

    .m-cover-alt-slide {
        display: inline-block;
        width: 235px;
        margin: 1em 0 0;
    }

    .m-cover-alt-slides {
        margin: -1em 0 -0.5em;
    }

    .m-distrmap {
        width: 280px;
    }

    .m-est {
        display: none;
    }

    .m-feature-text {
        display: block;
        margin: 0;
        min-width: 320px;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }

    .m-homepage-article-row img {
        max-width: 300px;
        margin-bottom: 1rem;
    }

    .m-form-group, form h3 {
        width: 280px;
    }

    .m-form-label:not(input[type="checkbox"] ~ label):not(input[type="radio"] ~ label) {
        display: block;
        width: 280px;
    }

    .m-hide-MM {
        display: none !important;
    }

    .m-hide-M {
        display: none !important;
    }

    .m-hide-mobile {
        display: none !important;
    }

    .m-inline-banner-box {
        width: 279px;
        height: 201px;
    }

    .m-img-banner {
        max-width: 100%;
        width: 279px;
        max-height: 201px;
    }

    .m-img-cover {
        width: 155px;
    }

    .m-img-feature {
        margin-bottom: 1.6rem;
        width: 280px;
    }

    .m-img-businessBuilder {
        max-width: 280px;
        width: 100%;
    }

    .m-pad-bookL, .m-pad-bookR, .m-pad-bookL-L, .m-pad-bookL-R, .m-pad-bookR-L, .m-pad-bookR-R {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .m-nav-icon-caption {
        display: block;
        margin: 4px 4px 2px;
    }

    .m-third-inner, .m-third-outer, .m-sixth-inner, .m-sixth-outer,
    .m-three-fifths-inner, .m-three-fifths-outer, .m-two-fifths-inner, .m-two-fifths-outer {
        display: block;
    }

        .m-third-outer .m-pad-bookL-third, .m-third-inner .m-pad-bookL-third,
        .m-third-inner .m-pad-bookR-third, .m-third-outer .m-pad-bookR-third,
        .m-sixth-outer .m-pad-bookL-sixth, .m-sixth-inner .m-pad-bookL-sixth,
        .m-sixth-inner .m-pad-bookR-sixth, .m-sixth-outer .m-pad-bookR-sixth,
        .m-third-outer .m-pad-bookL-third, .m-third-inner .m-pad-bookL-third,
        .m-third-inner .m-pad-bookR-third, .m-third-outer .m-pad-bookR-third,
        .m-sixth-outer .m-pad-bookL-sixth, .m-sixth-inner .m-pad-bookL-sixth,
        .m-sixth-inner .m-pad-bookR-sixth, .m-sixth-outer .m-pad-bookR-sixth {
            padding-left: 2rem;
            padding-right: 2rem;
        }

        .m-third-inner .m-pad-bookL-third, .m-sixth-inner .m-pad-bookL-sixth,
        .m-third-outer .m-pad-bookR-third, .m-sixth-outer .m-pad-bookR-sixth {
            margin-top: 1em;
        }

    .m-archive-a, .m-archive-img-L, .m-archive-text, .m-product-a, .m-product-img, .m-product-text {
        height: 200px;
        width: 141.5px;
    }

    .m-archive-img-S {
        height: 141.5px;
        width: 100px;
    }

    .m-archive-a, .m-archive-img-L, .m-archive-img-S, .m-archive-text {
        margin: 0;
    }

    .m-cover-a, .m-cover-img, .m-cover-text {
        height: 396px;
        width: 280px;
    }

    .m-cover-alt-a, .m-cover-alt-img, .m-cover-alt-text {
        height: 237.6px;
        width: 168px;
    }

    .m-quarter {
        min-width: 165px;
        width: 50%;
    }

    .m-searchText-inline {
        max-width: 84% !important;
    }

    .m-sub-coverimg {
        max-width: 280px;
        margin: 0 0 1em;
        width: 100%;
    }

    .m-sub-offermsg {
        margin: 0 auto 1rem;
        width: 280px;
    }

    .m-sixth-inner, .m-sixth-outer, .m-third-inner, .m-third-outer, .m-half {
        min-width: 280px;
        width: 100%;
    }

    .m-8, .m-16, .m-25, .m-75 {
        width: 100%;
    }

    .m-50 {
        width: 100%;
    }

        .m-50:last-child {
            margin-top: 2rem;
        }

    .m-col-R {
        padding-top: 1rem;
    }
}

/* PRINT */

@media only print {
    .m-article-pullquote, #m-opinion, .m-article-footnotes li, .m-article-writer-bio, div[name="byline"], div[name="contact-details"] {
        break-inside: avoid;
    }

    div[name="headline"] {
        width: 100% !important;
        padding: 0 2rem;
    }

    .m-print-not {
        display: none;
    }
}

@media not print {
    .m-print-only {
        display: none;
    }
}