/* ==========================================================================
   Responsive Styles for Financial Brand
   ========================================================================== */

.mobile-nav-toggle {
    display: none;
}

/* Tablet
   ========================================================================== */
@media (max-width: 979px) {
    /* Generic
       ====================================================================== */
    body,
    html {
        width: 100%;
        max-width: 100%;
    }

    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    body img {
        max-width: 100%;
    }

    body table {
        width: 100%;
    }

    #inner .wrap {
        width: 100%;
    }

    #header .wrap {
        text-align: center;
    }

    #content,
    .sidebar {
        float: none;

        width: 100%;
        max-width: 585px;
        margin: 0 auto;
    }

    #content .content-dym-block,
    body.spread-width #content {
        width: 100%;
    }

    /* Header
       ====================================================================== */
    #header-nav-wrapper {
        position: static;
    }

    #header #title-area,
    #header .wrap {
        display: block;

        width: 100%;
    }

    #header #title-area {
        height: 48px;
    }

    #header #title-area #title,
    #header #title-area #title a,
    #header .content-dym-block,
    #header .content-dym-block a {
        width: auto;
        max-width: 100%;
    }

    /* Navigation
       ====================================================================== */

    .mobile-nav-toggle {
        font-size: 20px;

        position: absolute;
        top: 15px;
        right: 15px;

        display: block;

        cursor: pointer;

        color: white;
    }

    #nav .wrap {
        display: none;

        width: 100%;
    }

    #nav .wrap.is-open {
        display: block;
    }

    /* Navigation container */
    #nav .menu-primary {
        height: auto;
    }

    .genesis-nav-menu li {
        float: none;
    }

    /* Sub menu */
    .sub-menu {
        display: none;
    }

    .genesis-nav-menu li:hover > .sub-menu,
    .genesis-nav-menu li:active > .sub-menu {
        display: block;
    }

    .current_page_item a {
        padding-left: 10px !important;
    }

    .genesis-nav-menu li ul,
    .genesis-nav-menu li ul ul {
        position: static;

        float: none;

        width: 100%;
        margin: 0;
        margin-bottom: 10px;

        border: 0;
    }

    li#menu-item-45787 {
        background: transparent !important;
    }

    #nav .genesis-nav-menu li ul.sub-menu li a {
        padding-left: 10px;
    }

    #nav .genesis-nav-menu .sub-menu .sub-menu {
        padding-left: 10px;
    }

    #nav .genesis-nav-menu li a {
        padding-left: 0;
    }

    #nav {
        padding-bottom: 10px;

        background: rgb(163, 5, 5);
    }

    /* Search Box
       ====================================================================== */
    .genesis-nav-menu li.nav-search-form {
        position: static;

        display: block !important;

        width: 100%;
        height: 28px;

        background: transparent;
    }

    .genesis-nav-menu li.nav-search-form {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    /* Search input */
    .genesis-nav-menu li.nav-search-form input.search-input {
        width: 80%;
    }

    /* Search trigger for desktop */
    .menu-item.menu-item-search-icon {
        display: none;
    }

    /* Search Submit */
    .enews input[type='submit'],
    .search-form input[type='submit'] {
        position: static;

        float: right;
        overflow: auto;

        width: auto;
        width: 18%;
        height: auto;
        height: 22px;
        margin: none;

        border: 0;
        background: transparent;
    }

    .genesis-nav-menu li {
        border-right: 0;
    }

    /* Top ad */
    #header .content-dym-block {
        margin-bottom: 8px;
    }

    #before-content-item,
    #inner {
        position: static;
        top: 0;
    }

    /* Sidebar
       ====================================================================== */
    .sidebar {
        display: block;
    }

    .sidebar .jumbo-side {
        display: block;

        margin: 0 auto;
    }

    .sidebar .dym-sidebar-item,
    [id*='email-signup-image'] {
        text-align: center;
    }

    /* Post Content
       ====================================================================== */
    .posts-related ul li {
        width: 50%;

        text-align: center;

        border: none;
    }

    /* Footer
       ====================================================================== */
    #footer {
        position: static;
        top: 0;
    }

    .footer .wrap {
        text-align: center;
    }
}

/* Tweak Point
   ========================================================================== */
@media (max-width: 605px) {
    #header .wrap {
        text-align: left;
    }

    #header #title {
        display: inline-block;

        min-width: 265px;
    }

    /**/
    .post-index-block .post-index-primary,
    .post-index-block .post-index-sidelist {
        width: 100%;
    }

    .post-index-block .post-index-primary .post-index-primary-content p {
        margin-bottom: 5px;
        padding-top: 5px;
        padding-left: 0;
    }

    .post-index-block .post-index-primary {
        margin-bottom: 10px;
    }

    .post-index-block .post-index-sidelist ul {
        min-height: 100%;
    }

    /* Load more content home page */
    .post-list .list-item .item-content-right {
        display: inline;
        float: none;
        width: auto;
    }

    .post-list .list-item h4 {
        display: inline;
    }
}

/* Phones
   ========================================================================== */
@media (max-width: 400px) {
    /* Home Icon in navigation */
    .genesis-nav-menu li.menu-item-home-icon {
        display: none;
    }

    /* Alert message at top */
    #before-content-item {
        padding-right: 10px;
        padding-left: 10px;
    }

    /* Top ad */
    #header .content-dym-block {
        margin-bottom: 0;
    }

    /* Flyout 'recommended reading' */
    #upprev_box {
        display: none;
    }

    /* Home Page featured images */
    .post-index-block .post-index-primary a.post-index-primary-image,
    .post-index-block .post-native-single a.post-native-image {
        width: 75px;
        height: auto;
    }

    /* Home Page paragraph article excerpt */
    .post-index-block .post-index-primary .post-index-primary-content p {
        padding-top: 17px;
    }

    .post-index-block .post-native-single p {
        clear: both;
        padding: 7px 0 0 0;
    }

    /* Related Links */
    .post-index-block .post-index-sidelist {
        border-left: 0;
    }

    /* Single post comments */
    #author,
    #email,
    #url {
        width: 100%;
        margin-bottom: 0;
    }

    #commentform label,
    #commentform span.required {
        font-size: 12px;
        font-style: italic;

        display: inline-block;

        margin-bottom: 10px;
        margin-left: 0;
    }

    .post-index-block .post-index-sidelist ul {
        padding-top: 7px;
        padding-left: 0;

        border-top: 1px solid #c2c2c2;
    }

    #sitemap-wrapper .sitemap-categories,
    #sitemap-wrapper .sitemap-posts {
        float: none;

        width: 100%;
    }
}