/* ======================================= NAV BAR */
/* =========================================== BUTTONS */
/* ACCORDION BUTTON */
.btn-nav-item-accordion {
    background-color: transparent;
    border-left: 1px solid;
    border-radius: 0;
    color: #fff;
    font-size: 2rem;
    padding: 0.1rem 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
}
.btn-nav-item-accordion:hover {
    border-radius: 0;
    color: rgba(255,255,255,.7);
}
/* REGISTER BUTTON IN NAVBAR */
.nav-item .btn {
    display: block;
}
/* HAMBURGER MENU ICON/BUTTON */
/*.navbar-toggler {
    padding: 1rem 0;
    width: inherit;
    height: inherit;
}*/
/* NAVBAR TOGGLER */
.navbar-dark .navbar-toggler {
    border: 0;
}
@media (min-width: 992px) {
    /* TURN BACK INTO BUTTON ON DESKTOP */
    .nav-item .btn {
        display: inline-block;
    }
}

/* ========================================= DROPDOWN */
/* DROPDOWN MENU */
/*nav.navbar .collapse.show,
nav.navbar .collapsing {
    background: #000;
    width: 100%;
    position: absolute;
    left: 0;
    top: 72px;
    -webkit-box-shadow: 0 6px 22px -5px rgba(0, 0, 0, .54);
    -moz-box-shadow: 0 6px 22px -5px rgba(0, 0, 0, .54);
    box-shadow: 0 6px 22px -5px rgba(0, 0, 0, .54);
    z-index: 2;
}*/
li.nav-item .collapse.show,
li.nav-item .collapsing {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
}
/* CHEVRON ICON */
.icon-dropdown {
    color: rgba(0,0,0,.7);
    padding: 1rem 1rem 1rem .25rem;
    margin-right: -1rem;
}
#navbar-interior .icon-dropdown {
    color: #fff;
    padding: 1rem 1rem 1rem .25rem;
    margin-right: -1rem;
}
/* RIGHT/LEFT SUBMENU ICON ON TOUCH DEVICES */
.icon-dropright {
    top: 0 !important;
    right: 0 !important;
    padding: .7rem .7rem .7rem .6rem !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
}
/* MAKE THE DOWN CHEVRON ICON LOOK MORE LIKE A BUTTON ON TABLETS IN LANDSCAPE VIEW */ 
@media screen and (min-width: 769px) and (max-width: 1280px) {
    .icon-dropdown {
        padding: .5rem !important;
        margin-right: 0 !important;
        background: rgba(255,255,255,.2);
        border-radius: .3rem;
    }
}

/* ======================================= NAV ITEM */
.navbar-nav > li.nav-item {
    position: relative;
    text-transform: uppercase;
	padding:0 5px;
}
/* HIDE THE WORD 'HOME' */
.navbar .navbar-nav > .nav-item:first-child a {
    letter-spacing: -5px;
    line-height: 0;
    text-indent: -99999px;
}
/* REPLACE EHOME WITH THE HOUSE ICON FROM MDI */
.navbar .navbar-nav > .nav-item:first-child a:after {
    content: '\F2DC';
    text-indent: 0;
    display: block;
    line-height: initial; /* New content takes up original line height */
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 21px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/* NAV ITEMS ON SUB MENU */
.navbar-nav .nav-item-accordion .nav-item-accordion-menu .nav-item {
    width: 100%;
}
.navbar-nav .nav-item+.nav-item {
    margin-left: 0;
}

/* ======================================= NAV LINK */
/* NAV LINK */
.navbar-nav .nav-link {
    display: block;
    letter-spacing: 1px;
    padding: 1rem .5rem;
    border-bottom: 1px solid rgba(255,255,255,.75);
}
.navbar-dark .navbar-nav .nav-link {
    text-transform: uppercase;
    font-size: .9rem;
}
.navbar-dark .navbar-nav .nav-item-accordion-menu .nav-link {
    background: #fff;
    color: rgba(0,0,0,.5);
}
.navbar-dark .navbar-nav .nav-item-accordion-menu .nav-link:hover {
    color: rgba(0,0,0,.7);
}
.nav-item-accordion .nav .nav-link {
    width: 250px;
}
.nav-item-accordion .nav-link {
    padding-right: 0 !important;
}
/* OVERWRITE THE STYLE ABOVE TO COMPENSATE CHILD LINKS WITH COLLAPSES */
ul.nav.navbar-nav li.nav-item ul.nav li.nav-item:nth-last-child(1) {
    position: relative;
}
/* DISPLAY THE COLLAPSE + COLLAPSE MENU */
.nav-item-accordion .collapse .nav-item-accordion .collapsing,
.nav-item-accordion .collapse .nav-item-accordion .collapse.show {
    display: block;
}
/* COLLAPSE + COLLAPSE MENU UL */
.nav-item-accordion .collapse .nav-item-accordion .collapsing ul,
.nav-item-accordion .collapse .nav-item-accordion .collapse.show ul {
    padding-left: .5rem;
}
/* THE VERY FIRST NAV ITEM WITH COLLAPSE MENU */
ul.nav.navbar-nav li.nav-item ul.nav li.nav-item {
    margin-top: 0;
}
.nav-item-accordion .nav .nav-link {
    width: 100%;
}

@media screen and (min-width: 992px) {
    /* DISPLAY MENU ABOVE INTERIOR CONTENT */
    .navbar {
        z-index: 2;
    }
    /* LINKS APPEAR BESIDE THE DROPDOWN TICK OR TOUCH BUTTON */
    .navbar-nav .nav-link {
        display: inline-block;
        padding: .5rem 1rem;
        border-bottom: none;
    }
    /* DROPDOWN BTN APPEARS BESIDE NAV LINK */
    .btn-nav-item-accordion {
        position: relative;
        display: inline-block;
        border-radius: 0;
        font-size: 1rem;
        font-weight: bold;
        padding: 0;
    }
    /* ON HOVER DISPLAY THE SUB MENU AS BLOCK W/ SET WIDTH */
    .nav-item-accordion:hover .nav-item-accordion-menu {
        display: block;
        position: absolute;
        width: 250px;
    }
    /* BACKGROUND AND COLORING OF ACCORDION MENU */
    .nav-item-accordion-menu {
        background: #fff;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    }
    /* HOVER EFFECT FOR CHILD LINKS */
    .nav-item-accordion-menu .nav-link:hover {
        background: #fff;
        color: rgba(0,0,0,.7);
    }
    /* LAST 3 NAVBAR LINKS w/DROPDOWN MENUS */
    .navbar-nav .nav-item-accordion:nth-last-child(1) .nav-item-accordion-menu,
    .navbar-nav .nav-item-accordion:nth-last-child(2) .nav-item-accordion-menu,
    .navbar-nav .nav-item-accordion:nth-last-child(3) .nav-item-accordion-menu {
        right: 0;
    }
    /* ----- CHILD LINKS WITH MENUS ----- */
    /* DISPLAY THE COLLAPSE + COLLAPSE MENU ON HOVER */
    .nav-item-accordion .collapse .nav-item-accordion:hover .nav-item-accordion-menu {
        display: block;
        position: absolute;
        top: 0;
        left: 250px;
    }
    /* REMOVE BS DEFAULT MARGIN FOR CHILD LINKS WITH MENUS */
    .collapse.nav-item-accordion-menu .nav-item+.nav-item {
        margin-left: 0;
    }
    /* THE COLLAPSE + COLLAPSE RIGHT CHEVRON ICON */
    i.icon-dropright {
        position: absolute;
        top: .5rem;
        right: .5rem;
        font-size: .75rem;
        font-weight: bold;
    }
     /* LAST TWO NAVBAR LINKS (excluding the Search icon) w/ DROPDOWN MENUS */
    ul.nav li.nav-item-accordion:nth-last-child(2) .nav-item-accordion-menu ul.nav li.nav-item-accordion,
    ul.nav li.nav-item-accordion:nth-last-child(3) .nav-item-accordion-menu ul.nav li.nav-item-accordion {
        position: relative;
        left: 0;
    }
    /* INDENT THE NAV LINK TEXT TO MAKE ROOM FOR THE LEFT CHEVRON ICON/BUTTON */
    ul.nav li.nav-item-accordion:nth-last-child(2) .nav-item-accordion-menu ul.nav li.nav-item-accordion a.nav-link,
    ul.nav li.nav-item-accordion:nth-last-child(3) .nav-item-accordion-menu ul.nav li.nav-item-accordion a.nav-link {
        text-indent: 30px;
    }
    /* POSITION AND FLIP THE CHEVRON ICON/BUTTON */
    ul.nav li.nav-item-accordion:nth-last-child(2) .nav-item-accordion-menu ul.nav li.nav-item-accordion .icon-dropright,
    ul.nav li.nav-item-accordion:nth-last-child(3) .nav-item-accordion-menu ul.nav li.nav-item-accordion .icon-dropright {
        position: absolute;
        left: 0;
        width: 30px;
        transform: rotateY(180deg);
    }
    /* POSITION THE DROPDOWN MENU + DROPDOWN MENU */
    ul.nav li.nav-item-accordion:nth-last-child(2) .nav-item-accordion-menu ul.nav li.nav-item-accordion .nav-item-accordion-menu,
    ul.nav li.nav-item-accordion:nth-last-child(3) .nav-item-accordion-menu ul.nav li.nav-item-accordion .nav-item-accordion-menu {
        position: absolute;
        left: -250px;
    }
    ul.nav li.nav-item-accordion:nth-last-child(2) .nav-item-accordion-menu ul.nav li.nav-item-accordion .nav-item-accordion-menu a.nav-link,
    ul.nav li.nav-item-accordion:nth-last-child(3) .nav-item-accordion-menu ul.nav li.nav-item-accordion .nav-item-accordion-menu a.nav-link {
        text-indent: 0;
    }
}
/* RIGHT/LEFT SUBMENU ICON ON LAPTOP AND DESKTOP CPUs */
@media screen and (min-width: 1024px) {
    .icon-dropright {
        top: 0 !important;
        right: 0 !important;
        padding: .7rem !important;
        margin-right: 0 !important;
        border-radius: 0 !important;
    }
}