/* Shared left edge: logo, jetmenu items, #bcontainer */
:root {
    --ev-page-gutter: 30px;
    --ev-nav-link-pad-x: 12px;
}

@media screen and (max-width: 1025px) {
    :root {
        --ev-page-gutter: 10px;
    }
}

#bcontainer {
    padding-left: var(--ev-page-gutter);
    padding-right: var(--ev-page-gutter);
}

.navbar-default {
    padding-left: var(--ev-page-gutter);
    padding-right: var(--ev-page-gutter);
}

@media screen and (max-width: 767px) {
    .navbar-default {
        padding: 4px 6px 2px;
    }
}

@media (min-width: 768px) {
    .navbar-default > .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-default > .container-fluid > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar > .container-fluid .navbar-brand,
    .navbar-default > .container-fluid .navbar-brand {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-brand img {
        margin-left: 0;
    }

    /*
     * jetmenu.js prepends li.showhide, so li:first-child never targets "Vinos".
     * Keep normal link padding on every tab. Offset the first item so its LABEL
     * (not the padded chrome) lands on --ev-page-gutter with the logo / megamenu / #bcontainer.
     */
    .jetmenu {
        padding-left: 0;
        padding-right: var(--ev-page-gutter);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .jetmenu > li.showhide + li {
        margin-left: calc(var(--ev-page-gutter) - var(--ev-nav-link-pad-x));
    }

    .jetmenu > li:not(.showhide) > a {
        padding-left: var(--ev-nav-link-pad-x);
        padding-right: var(--ev-nav-link-pad-x);
    }

    .jetmenu > li > .megamenu.full-width {
        padding-left: var(--ev-page-gutter);
        padding-right: var(--ev-page-gutter);
    }

    /* Bootstrap .row (-15px) pulls columns left of the gutter — cancel it */
    .jetmenu > li > .megamenu .row {
        margin-left: 0;
        margin-right: 0;
    }
}
