
/* =========================================================================
/* ====== TOP TOOLBAR ELEMENTS & STYLES
/* =======================================================================*/

.top-bar{
    background: #101728;
}

.top-bar input, .top-bar .button {
    top: 0;
}

.toolbar-wrapper.top-bar { overflow: visible!important; }
.toolbar-wrapper {
    color: #7e7e7e;
    min-height: 70px;
    margin: 0;
}

.toolbar-wrapper a{
    color: #fff;
}

/* TODO: Why is this explicitly set? */
.toolbar-wrapper .row {
    max-width: 83.55em;
}

.toolbar-wrapper .store-info{
    font-size: 15px;
    font-weight: 700;
    line-height: 52px;
}

.toolbar-wrapper .store-info .email {
    color: #00b0f3;
    margin-right:15px;
    text-decoration: none;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.toolbar-wrapper .store-info .phone {
    color: #fff;
    font-size: 16px;
}

.account-nav, .cart-nav, .help-nav, .search-nav{
    font-size: 15px;
    font-weight: 700;
    line-height: 52px;
    display:inline-block;
}

.account-nav, .cart-nav{
    margin-right:15px;
}

/* fix the arrow on the dropdown */
.account-nav .f-dropdown.right:before{
    right:125px;
}

.account-nav .f-dropdown.right:after{
    right:124px;
}

.account-nav .show-for-large-up ul li{
    display:inline-block;
}

.account-nav .show-for-large-up ul li a {
    color:#fff;
}

.toolbar-wrapper .f-dropdown.content{
    text-align:left;
}

header .icon-stack .icon-stack-base {
    color: #32394A;
    font-size: 38px;
}

.site-pages{
    line-height: 70px;
    float: left;
    margin-right: 30px;
}

.f-dropdown.content.nav-site.open{
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-top: none;
    padding: 0;
    top: 68px !important;

    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.15);
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
}

.f-dropdown.content.nav-site.open li a {
    font-size: 13px;
    font-weight: normal;
    padding: 8px 15px;
    border-bottom: 1px solid #f3f3f3;
}

.simple-search {
    border: 3px solid #101728;
    margin-top: 0;
    top: 0;
}

.top-bar input, .top-bar .button {
    top: 0;
}

