/*
 * The [hermes] layout CSS.
 */

/******************
 *   Navigation   *
 ******************/
#lang_sel_list {
    float: right;
    height: auto !important;
    padding: 4px 8px 0 0;
}

#lang_sel_list ul {
    border: 0 !important;
}

.navigation-main .nav-primary  a {
    padding-top:  10px;
    padding-bottom:  10px;
}

/**************************
 * Naviagtion Alterations *
 **************************/
.logo_container {
    float: left;
    max-width: 384px;
}
.login_container {
    float: right;
    display: inline-block;
    padding: 5px;
    margin: 6px;
    font-size: 14px;
    font-weight: bold;
}
#masthead {
    clear: both;
}
#preheader .responsive {
    overflow: hidden;
}
.menu-item {
    font-weight: bold;
}

.nav-primary li:first-child, 
.nav-secondary li:first-child,
.sub-menu .menu-item, 
.sub-menu .current-menu-item {
    background: #ffffff;
}
.current_page_item a, .current_page_parent > a, .menu-item a:hover {
    color: #f21726 !important;
}
.navigation-main {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    float: right;
    clear: none;
}

.navigation-main, .navigation-main li {
    background-color: transparent !important;
}

.navigation-main .nav-primary  a {
    padding-top:  12px;
    padding-bottom:  8px;
}

.nav-secondary a {
    color: black;
}

/*************************
 *   Recipe Page Hacks   *
 *************************/
.custom-template-outer {
    background-color: white;
}

/********************
 *   Body Content   *
 ********************/
.main-wrapper {
    padding-bottom: 15px; /* Space for main div box-shadow */
	background-color: transparent !important;
}

.main-wrapper .site-main {
    box-shadow: 0 15px 6px -7px rgba(0, 0, 0, 0.55); /* Shadow after main content */
    background-color: white;
}

/******************
 *   Social Bar   *
 ******************/
.nav-social-header {
    position: absolute;
    top: 0;
    right: 0;
}

.nav-social-footer {
    float: right;
}

/********************
 *    Responsive    *
 ********************/
@media screen and (max-width: 1000px) {
    .logo_container {
        float: none;
        width: 100%;
        text-align: center;
    }
    .navigation-main {
        width: 100%;
        position: static;
    }
}

@media screen and (max-width: 600px) {
    .navigation-main {
        position: relative;
        float: none;
        clear: both;
    }
    .login_container {
        text-align: center;
        float: none;
        width: 100%;
    }
    .logo_container {
        text-align: center;
        max-width: none;
    }
    .nav-primary .menu-item {
        background: none;
    }
    .nav-social-header {
        display: none;
    }
    .nav-social-footer {
        float: none;
        text-align: center;
        margin-bottom: 6px;
    }
}

div#brandcaster-1 {
    padding-bottom: 55px;
}

.weekly-ad-container {
    margin: 10px 20px !important;
}

.weekly-ad-header-img {
    height: 95px;
}