﻿/*!
 * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
 */
.dropdown .dropdown-menu .caret {
    border: 4px solid transparent;
    border-left-color: #000;
    float: right;    
    position:absolute;
    right:3px;
    top:17px;
}

#main-menu .dropdown-menu {
    min-width: 250px;
}

#main-menu ul.dropdown-menu.dropdownhover-bottom {
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.dropdown-menu > li.open > a {
    background-color: #F5F5F5;
    color: #262626;
    text-decoration: none;
}

.dropdown-menu .dropdown-menu {
    left: 100%;
    margin: 0;
    right: auto;
    top: -1px;
}

.dropdown-menu-right .dropdown-menu,
.navbar-right .dropdown-menu .dropdown-menu,
.pull-right .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%;
}

.dropdown-menu.animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

    .dropdown-menu.animated:before {
        content: " ";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }

.dropdownhover-top {
    margin-bottom: 2px;
    margin-top: 0;
}

    .navbar-fixed-bottom .dropdown-menu .dropdown-menu,
    .dropdownhover-top .dropdown-menu {
        bottom: -1px;
        top: auto;
    }

.navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
}

.dropdownhover-bottom {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.dropdownhover-left {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.dropdownhover-right {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.dropdownhover-top {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

#menu-mb .list-1 li ul {
    /*height:0;
    opacity:0;*/
}

#menu-mb .list-1 .is-main-category > a {
    border-bottom: 1px solid #ddd;
    position: relative;
}

#menu-mb ul li.is-main-category > a > i {
    position: absolute;
    right: 10px;
    font-size: 12px;
}

#menu-mb li.is-main-category > a:hover,
#menu-mb li.is-main-category > a:focus {
    text-decoration: none;
}

#menu-mb li.is-main-category > ul {
    list-style: none;
    margin-left: -15px;
}

li.is-main-category > a:after {
    content: '';
}

li.is-main-category > a:only-child:after {
    content: '';
}

#menu-mb .full-menu-block .is-main-category.open > a > i {
    transform: rotate(180deg);
}

#menu-mb .list-category-show {
    -webkit-animation-name: category-show; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.1s; /* Safari 4.0 - 8.0 */
    animation-name: category-show;
    animation-duration: 0.1s;
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes category-show {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: 100%;
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes category-show {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: 100%;
        opacity: 1;
    }
}

/*
    Dropdown menu mobile
*/
#container div[id^='dropdownMenu'] #dLabel span {
    padding-right: 15px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#container div[id^='dropdownMenu'] .accordion {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: inherit;
}

    #container div[id^='dropdownMenu'] .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 5px 15px 5px;
        color: #4D4D4D;
        font-size: 14px;
        border-bottom: 1px solid #CCC;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        #container div[id^='dropdownMenu'] .accordion .link a {
            color: #333;
			text-decoration: none;
			width: 100%;
			height: 100%;
			display: block;
        }

    #container div[id^='dropdownMenu'] .accordion li:last-child .link {
        border-bottom: 0;
    }

    #container div[id^='dropdownMenu'] .accordion li i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 14px;
        color: #595959;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        #container div[id^='dropdownMenu'] .accordion li i.fa-chevron-down {
            right: 12px;
            left: auto;
            font-size: 12px;
        }

    #container div[id^='dropdownMenu'] .accordion li.open .link {
        color: #b63b4d;
    }

    #container div[id^='dropdownMenu'] .accordion li.open i {
        color: #b63b4d;
    }

    #container div[id^='dropdownMenu'] .accordion li i.fa-chevron-down {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #container div[id^='dropdownMenu'] .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/*Submenu*/
#container div[id^='dropdownMenu'] .submenu {
    list-style: none;
    display: none;
    font-size: 14px;
    color: #333;
    background-color: #fafafa;
    border-color: #CCC;
    font-family: inherit;
    padding-left: 0px;
}

    #container div[id^='dropdownMenu'] .submenu li {
        border-bottom: 1px solid #CCC;
    }

    #container div[id^='dropdownMenu'] .submenu a {
        display: block;
        text-decoration: none;
        color: #333;
        padding: 12px;
        padding-left: 15px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        #container div[id^='dropdownMenu'] .submenu a:hover {
            background: #d9d9d9;
            color: #F00;
        }
/*StationOrdering*/
#header-mycart-changehost #accordion ul.submenu {
    display: none;
}

#header-mycart-changehost .accordion li.dropdown {
    /*border-color: #ddd;*/
}

#header-mycart-changehost .accordion li .link {
    /*border-bottom: 1px solid #CCC;*/
}

#header-mycart-changehost .accordion li.dropdown.open .link {
    position: relative;
    padding: 10px 17px 10px 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eff0f1));
    /*border: 1px solid #CCC;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    display: block;
    position: relative;
}

#header-mycart-changehost .accordion li.dropdown .link {
    position: relative;
    padding: 10px 17px 10px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    display: block;
    position: relative;
}

#header-mycart-changehost .accordion li.dropdown .submenu {
    /*border: 1px solid #CCC;*/
}

    #header-mycart-changehost .accordion li.dropdown .submenu li {
        background-color: #FFF;
        padding-left: 12px;
        border-bottom: 1px dotted #CCC;
    }

        #header-mycart-changehost .accordion li.dropdown .submenu li:last-child {
            /*border-bottom: none;*/
        }

#header-mycart-changehost .accordion li.dropdown .link span.caret {
    margin-right: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#header-mycart-changehost .accordion li.dropdown.open .link span.caret {
    margin-right: 10px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
