/*
/// ADMIN NAVBAR
*/
.nav-admin {
    background-color: #202020;
    padding: 0;
    line-height: 1;
    font-size: 0.93em;
    z-index: 1102;
}

.navbar-admin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly !important;
}
.nav-admin-ul {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: space-evenly;
    color: var(--szf-navbar-textcolor);
}

.px1 {
    padding: 0 1rem;
    font-size: 0.8rem;
}

.nav-item-ld {
    border-radius: 4px;
    display: flex;
    align-items: center;
}

@media (min-width: 992px) { /*768*/
    .nav-md-right {
        margin-left: auto;
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {  /*767.99*/
    .nav-float-left-md {
        float: left;
    }

    .nav-float-right-md {
        float: right;
    }

    .px1 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}
/*
/// MAIN NAVBAR
*/
nav {
    display: block;
}

/*********/
.navbar-szf {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    /* display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; */
}

.nav-box-shadow-szf {
    box-shadow: 0px 0px 10px 3px rgb(118, 95, 75);
}

.navbar-dark-szf {
    background-color: #343a40;
}

.border-bottom-szf {
    border-bottom: 1px solid var(--szf-orange-light) !important;
}

.min-height-50 {
    min-height: 50px;
}

.fixed-top-szf {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 992px) { /*768*/
    .navbar-expand-md-szf {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

/*********/
.container-nav-szf, .container-nav-szf2 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
}

.navbar-szf > .container-nav-szf, .navbar-szf > .container-fluid-nav-szf,
.nav-admin > .container-nav-szf, .nav-admin > .container-fluid-nav-szf {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*-ms-flex-align: center;
    align-items: center; */
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 576px) {
    .container-nav-szf {
        max-width: 100%;   /* 540px */
    }
}

@media (min-width: 768px) {
    .container-nav-szf {
        max-width: 720px;
    }
    .container-nav-szf2 {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container-nav-szf, .container-nav-szf2 {
        max-width: 960px;
    }
}

@media (min-width: 1280px) {
    .container-nav-szf, .container-nav-szf2 {
        max-width: 1140px;
    }
}

@media (min-width: 1440px) {
    .container-nav-szf, .container-nav-szf2 {
        max-width: 1400px;
    }
}

@media (min-width: 1600px) {
    .container-nav-szf, .container-nav-szf2 {
        max-width: 1560px;
    }
}

@media (max-width: 991.99px) {  /*767.99 / 991.99*/
    .navbar-expand-md-szf > .container-nav-szf, .navbar-expand-md-szf > .container-fluid-nav-szf {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 992px) { /*768 / 992*/
    .navmenu-szf-desktop-none {
        display: none !important;
    }
}
@media (max-width: 991.99px) {  /*767.99 / 992*/
    .navmenu-szf-mobile-none {
        display: none !important;
    }
}

/*********/

@media (max-width: 991.99px) {  /*767.99*/
    .nav-col-8-auto-szf {
        width: 66.66%;
    }

    .nav-col-4-auto-szf {
        width: 33.33%;
    }

    .nav-col-12-auto-szf {
        width: 100%;
    }
    .nva-cart-auto-szf {
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: auto;
        margin-top: 0.5rem;
    }
    .nav-width-1p {
        width: 1%;
    }
}
/*********/
.navbar-brand-szf {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    /* z-index: 1; */
    color: var(--szf-navbar-textcolor); /* #d7d7d7; */
}
    .navbar-brand-szf:hover, .navbar-brand-szf:focus {
        text-decoration: none;
        color: var(--szf-navbar-textcolor-highlight);
    }
.navbar-brand-szf-hoverable {
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0.25rem;
}
    .navbar-brand-szf-hoverable:focus, .navbar-brand-szf-hoverable:hover {
        background-color: rgba(255,255,255,0.1);
    }
/*********/
.navbar-toggler-szf {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--szf-navbar-textcolor); /*rgba(255,255,255,.5); */
    border-color: rgba(255,255,255,.1);
    /* padding: .25rem 0; */
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    display: inline;
}

@media (min-width: 992px) { /*768*/
    .navbar-toggler-szf {
        display: none;
    }
}

.navbar-dark-szf .navbar-toggler-icon-szf {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon-szf {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-image: none;
    background-size: auto;
    background-size: 100% 100%;
}

/*********/
.navbar-collapse-szf {
    display: -ms-flexbox !important;
    flex-basis: auto;
    flex-wrap: wrap;
}

@media (max-width: 991.99px) { /* 767.99 */
    .navbar-collapse-szf {
        flex-basis: 100%;
        display: inherit;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .collapse:not(.show) {
        display: none !important;
    }
}

.collapse:not(.show) {
    display: none;
}

@media (min-width: 768px) { /*768 / 992 */
    .navbar-collapse-szf {
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 768px) { /*768 / 992 */
    .flex-md-row-szf {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}
@media (min-width: 992px) { /*768 / 992 */
    .d-md-inline-flex-szf {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}


/**********/
.navbar-nav-szf {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.flex-grow-1-szf {
    /* -ms-flex-positive: 1 !important; */
    flex-grow: 1 !important;
}

@media (min-width: 992px) {     /* 768px / 992px */
    .navbar-expand-md-szf .navbar-nav-szf {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

/*********/
.navbar-dark-szf .navbar-nav-szf .nav-link-szf {
    color: var(--szf-navbar-textcolor); /* rgba(255,255,255,.5); */
}

    .navbar-dark-szf .navbar-nav-szf .nav-link-szf:focus, .navbar-dark-szf .navbar-nav-szf .nav-link-szf:hover {
        color: var(--szf-navbar-textcolor-highlight);
    }

.nav-item-szf a:hover, .nav-item-szf button:hover {
    background-color: rgba(255,255,255,0.1);
    color: var(--szf-navbar-textcolor-highlight);
}

.navbar-nav-szf .nav-link-szf {
    /*padding-right: 0;
    padding-left: 0; */
}

.nav-link-szf:focus, .nav-link-szf:hover {
    color: var(--szf-navbar-textcolor-highlight);
    text-decoration: none;
}

.nav-item-szf a, .nav-item-szf button {
    color: var(--szf-navbar-textcolor); /* #d7d7d7; */
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0.25rem 1rem;
}
    .nav-item-szf button {
        margin-top: -2px;
        background: transparent;
        border: 1px solid transparent;
    }
.nav-link-szf {
    display: block;
    padding: .5rem 1rem;
}

@media (min-width: 992px) { /*768*/
    .nav-link-szf {
        padding: 0;
    }

    .navbar-expand-md-szf .navbar-nav-szf .nav-link-szf {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .nav-md-right {
        margin-left: auto;
        margin-right: 0;
    }

    .nav-float-left-md {
        float: left;
    }

    .nav-float-right-md {
        float: right;
    }
}

@media (max-width: 991.99px) {  /*767.99*/
    .nav-md-right {
        margin-left: auto;
        margin-right: 0;
    }
}

.oi {
    padding: 0 5px 0 2px;
}

.px1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

/*********/
.nav-separator-szf {
    margin: 0.25rem 0;
    background: transparent;
    color: transparent;
    width: 100%;
    height: 0;
    border-bottom: 1px solid var(--szf-orange-light);
    box-shadow: 0px 0px 10px 2px rgba(118, 95, 75, 0.5);
}
@media (min-width: 992px) { /*768*/
    .nav-separator-szf {
        margin: 0 0.25rem;
        width: 0;
        height: 2rem;
        border-right: 1px solid var(--szf-orange-light);
        box-shadow: 0px 0px 10px 2px rgba(118, 95, 75, 0.5);
    }
    .nav-separator-szf .nav-separator-szf-only-mobile {
        display: none;
    }
}
@media (max-width: 991.99px) {  /*767.99*/
    .nav-separator-szf.nav-separator-szf-only-desktop {
        display: none;
    }
}

.tprogress-bar-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    font-size: 0.9rem;
    transition: opacity 1s ease;
    z-index: 1111;
    opacity: 0;
}
.tprogress-bar {
    display: flex;
    background-color: var(--szf-navbar-selection-background-color:);
    height: 2.75rem;
    overflow: hidden;
}
.tprogress {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: width .1s ease;
    white-space: nowrap;
    text-align: center;
    background: rgb(218,113,0);
    background: -moz-linear-gradient(90deg, rgb(218, 113, 0) 0%, rgb(120, 55, 0) 99.8%, rgb(255, 220, 191) 100%);
    background: -webkit-linear-gradient(90deg, rgba(218,113,0,1) 0%, rgba(120,55,0,1) 99.8%, rgba(255,220,191,1) 100%);
    background: linear-gradient(90deg, rgb(218, 113, 0) 0%, rgb(120, 55, 0) 99.8%, rgb(214, 146, 90) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#da7100",endColorstr="#ffdcbf",GradientType=1);
}

/* back to top */
.btn-scroll-to-top {
    position: fixed;
    z-index: 100;
    border-radius: 5px;
    border-radius: -webkit-border-radius(5px);
    opacity: 0.75;
    background-color: #803D04;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    bottom: 2.5rem;
    right: 1.5rem;
    color: #eee;
    transition: all .4s ease-in-out;
    visibility: hidden;
}
    .btn-scroll-to-top:hover {
        transition: all 0.2s ease-in-out;
        outline: none;
        opacity: 1 !important;
        color: #fff;
    }

/*********/
a {
    text-decoration: none;
    background-color: transparent;
}

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

        a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

.cursor-pointer {
    cursor: pointer;
}

    .cursor-pointer.hover, .cursor-pointer:hover {
        cursor: pointer;
    }

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button;
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

button, select {
    text-transform: none;
}

button, input {
    overflow: visible;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    border-radius: 0;
}

*, ::after, ::before {
    box-sizing: border-box;
}
.a-menu {
    color: var(--szf-navbar-textcolor);
}
    .a-menu:hover {
        color: #CBAE80;
    }
    .a-menu:focus {
        color: #E5BF86;
    }