﻿.header-right-logo {
/*    border: 1px solid red;*/
    padding-left: 22px;
}

/* Menu */
.mainNav .nav-item .nav-link {
    padding-right: 1rem;
}

.mainNav a {
    color: #364150;
    font-size: 16px;
    font-weight: 600;
}

.navbar.mainNav .navbar-toggler {
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    display: ruby;
    width: 100%;
    text-align: left;
    padding: 7px 13px;
    text-transform: uppercase;
    font-size: 19px;
}


.fly-in .mainNav {
    z-index: 997;
}

.page-container.fixed {
    margin-top: 59px;
}

.mainNav.fixed {
    position: fixed;
    top: 42px;
}


.mainNav {
    background: #f2f2f2;
    clear: both;
    z-index: 998;
}

.mainNav .navbar-nav .nav-item.dropdown .dropdown-toggle .arrow-down {
    font-size: 18px;
}


/*drop-down*/
.navbar-nav .cartCounter .dropdown-menu {
    border: none;
    background-color: #FFF;
}

.navUp .dropdown .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown:hover .next-level {
    /* display: none; */
}

.navbar-nav .dropdown-menu {
    margin-top: 0;
}

.dropdown-menu a:hover {
    color: #17a2b8;
}

.dropdown-menu a {
    width: 100%;
    letter-spacing: 0.5px;
}

.selectors-container .dropdown-menu a {
    text-align: center;
}

.generalDropDown {
    padding-top: 0;
}

.generalDropDown .last {
    padding-right: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

/*header*/

header .dropdown-menu .totals {
    border-top: 1px solid #dddddd;
    padding-top: 25px;
}

header .cartCounter .dropdown-menu {
    background-color: #fff;
}

.header-links .btn-secondary {
    cursor: pointer;
}

.header-links .dropdown-menu ul li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.header-links .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.header-links .hl-label {
    display: flex;
    align-items: center;
}

.dropdown-menu {
    background-color: #fff;
}

.generalDropDown button {
    min-width: 36px;
}

.navUp .tax.dropdown-menu {
    min-width: 130px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* main - catgory nav - mainNav */
.mainNav .nav-item .nav-link {
    padding-right: 1rem;
}

.main-container .contact-page {
    padding-top: 20px;
}

.main-container .customer-info-page, 
.main-container .block-account-navigation {
    padding-top: 20px;
}



/* flashing editor iframe */
.flashing-editor-iframe {
    overflow: hidden;
    height: calc(100vh - 80px);
    width: 100%;
}

.flashing-editor-iframe.fixed {
    margin: 0 -15px;
    width: 100vw;
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 11111;
}

/* 320px — 480px: Mobile devices.*/
@media (max-width: 480px) {

    .header-right-logo {
        padding-left: 5px;
    }

    .navbar-brand {
        margin-right: 5px;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 5px;
    }

    /* main - category title */
    .category-title-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
    }
}

/*481px — 768px: iPads, Tablets.*/

@media (max-width: 768px) {
    .flashing-editor-iframe {
        /*height: calc(100vh - 73px);*/
        /* ignore container left, right padding for folding dialog alignment*/
        margin: 0 -15px;
        width: 100vw;
    }
}

@media (min-width: 992px) {

    /* Horizontal Meun */
    .mainNav .navbar-nav > .nav-item .nav-link {
        display: inline-flex;
        align-items: center;
        padding: 8px 16px 8px 0;
    }

    .mainNav .navbar-nav > .nav-item .nav-link:not(.dropdown-toggle) {
        padding: 8px 16px 8px 0;
    }

    .mainNav .navbar-nav > .nav-item .dropdown-menu .nav-link {
        padding: 8px;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
    }

    .navUp.navbar-light .navbar-nav .nav-link:focus,
    .navUp.navbar-light .navbar-nav .nav-link:hover {
        color: #0091b5;
    }

    .mainNav .nav-item {
        position: relative;
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }

    .mainNav .nav-item.dropdown .dropdown-menu .nav-item {
        flex-direction: row;
        margin-top: -1px;
    }

    .mainNav .navbar-nav {
        align-items: center;
        flex-wrap: wrap;
    }

    ul.ui-autocomplete {
        min-width: 350px;
    }

    .header-links .nav-item.col {
        flex-basis: unset;
        flex-grow: unset;
        flex: unset;
        padding: 0;
        max-width: unset;
        width: unset;
    }

    .header-links #topcartlink.nav-item.col {
        position: static;
    }

    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        text-align: center;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }

    .dropdown-menu.show {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .mainNav .dropdown-menu.first-level {
        border: 1px solid rgba(0, 0, 0, .1);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .mainNav .dropdown-menu {
        min-width: 100%;
        border: 0;
        border-left: 0 solid transparent;
    }

    .navUp .dropdown-menu {
        border: 0;
        border-top: 6px solid transparent;
    }

    .navUp .dropdown-menu > ul {
        border: 1px solid #ddd;
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

    .navUp .dropdown-menu ul li:last-child {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

    .mainNav .nav-item.dropdown .dropdown-menu {
        display: none;
        padding: 8px;
    }

    .mainNav .nav-item.dropdown .dropdown-menu.first-level li .rest-categories {
        padding: 0;
    }

    .mainNav .nav-item.dropdown .dropdown-menu.first-level .mainCatimg + li .rest-categories {
        padding: 0 0 0 15px;
    }

    .mainNav .nav-item.dropdown:hover > .dropdown-menu {
        display: inline-flex;
        flex-wrap: wrap;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    .mainNav .nav-item.dropdown:hover > .dropdown-menu.first-level.with-img {
        display: inline-flex;
        flex-wrap: nowrap;
    }

    .mainNav .nav-item.dropdown > .next-level {
        left: 100%;
        top: 0;
        position: absolute;
        border-top: 1px solid rgba(0,0,0,.1);
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }
}

@media (max-width: 991px) {

    .mainNav {
        display: none;
    }

    .menu-toggler {
        display: flex;
    }
}