/* 
    Please forgive me future engineer:
    A lot of the styles are being added by random plugins inline in the elements or inline in the
    head of the css. It doesnt seem possible to change the import order of the css to import this bandaid
    stylesheet last to give a hope in overriding. Instead you'll find below extreemly specific rules as 
    we attempt to hack the cascade to make the theme remotely mobile friendly. 
*/

header div.et_pb_section_0_tb_header {
    padding-top: 16px;
    
}
header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0;
}

header .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header, 
header .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover,
header .has_et_pb_sticky .et_pb_button_module_wrapper .et_pb_button, 
header .has_et_pb_sticky .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover {
    margin-left: 16px;
    padding-top: 8px !important;
    padding-right: 16px !important;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    font-size: 15px !important;
    line-height: 22px !important;
}

nav.et-menu-nav {
    padding-top: 13px;
}
header div.et_pb_column_2_tb_header {
    padding-top: 5px;
}
header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 10px;
}

header .et_pb_sticky .et-menu-nav>ul>li>a {
    padding-bottom: 10px !important;
}
header .et_pb_sticky .et-menu-nav>ul>li {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.page-template-default header .et_pb_section_0_tb_header, 
.page-template-default header div.et_pb_section.et_pb_section_0_tb_header {
    box-sizing: border-box;
    height: auto !important;
}
header .et_pb_sticky .et_pb_row_0_tb_header,
header .et_pb_row_0_tb_header {
    width: 80% !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.page-template-default header .et_pb_section_0_tb_header, 
.page-template-default header div.et_pb_section.et_pb_section_0_tb_header {
    padding-top: 16px;
}

header .et_pb_sticky .et_pb_image_0_tb_header,
header .et_pb_image_0_tb_header {
    width: 200px;
}
.et_pb_column_0_tb_header a:link,
.et_pb_column_0_tb_header a:visited
.et_pb_column_0_tb_header a:hover,
.et_pb_column_0_tb_header a:focus,
.et_pb_column_0_tb_header a:active {
    display: block;
}
.et_pb_row.et_pb_equal_columns {
    align-items: flex-start;
}
.et_pb_sticky .et-menu-nav>ul>li { 
    margin-top: 0 !important;
}

/* Ensure menus are usable on small screens - need to be able to scroll them */
#mobile_menu1, 
.sub-menu {
    overflow-x: visible;
    overflow-y: auto;
    max-height: 80vh;
}
#mobile_menu1 .sub-menu {
    overflow: inherit;
    max-height: inherit;
}
header .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav>ul>li>ul.sub-menu {
    transform: inherit;
}

/* There is some CSS in a media query somewhere that hides the content on the blog, this fixes that: */
body .et_pb_section_1 {
    display: block !important;
}

@media (max-width: 980px) {
    /* These menu items were 25% wide but that frequently looked bad */
    body .et-menu-nav li.mega-menu>ul>li {
        width: 100%;
    }
    .et-menu li li a { width: 100% }

    .et_pb_menu_1_tb_footer.et_pb_menu ul.et_mobile_menu,
    .et_pb_menu_0_tb_footer.et_pb_menu ul.et_mobile_menu {
        background-color: #003366 !important;
    }
   
    /* header styles mich too big on mobile */
    #page-container .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead,
    #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title, 
    #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_title, 
    #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title, 
    #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_slide_description .et_pb_slide_title,
    #page-container .et_pb_text_0 h1, 
    #page-container .et_pb_text_1 h1,
    #page-container .et_pb_text_2 h1, 
    #page-container .et_pb_text_3 h1,
    #page-container .et_pb_text_4 h1, 
    #page-container .et_pb_text_5 h1, 
    #page-container .et_pb_text_6 h1, 
    #page-container .et_pb_text_7 h1, 
    #page-container .et_pb_text_8 h1, 
    #page-container .et_pb_text_9 h1, 
    #page-container .et_pb_text_10 h1, 
    #page-container .et_pb_text_11 h1, 
    #page-container .et_pb_text_12 h1, 
    #page-container .et_pb_text_13 h1, 
    #page-container .et_pb_text_14 h1, 
    #page-container .et_pb_text_15 h1, 
    #page-container .et_pb_text_16 h1, 
    #page-container .et_pb_text_17 h1,
    .et_pb_text_0 h1, .et_pb_text_1 h1, .et_pb_text_2 h1, .et_pb_text_3 h1, .et_pb_text_4 h1, .et_pb_text_5 h1, .et_pb_text_6 h1, .et_pb_text_7 h1, .et_pb_text_8 h1, .et_pb_text_9 h1, .et_pb_text_10 h1, .et_pb_text_11 h1, .et_pb_text_12 h1, .et_pb_text_13 h1, .et_pb_text_14 h1, .et_pb_text_15 h1, .et_pb_text_16 h1, .et_pb_text_17 h1, .et_pb_text_18 h1, .et_pb_text_19 h1, .et_pb_text_20 h1, .et_pb_text_21 h1, .et_pb_text_22 h1, .et_pb_text_23 h1, .et_pb_text_24 h1, .et_pb_text_25 h1, .et_pb_text_26 h1, .et_pb_text_27 h1, .et_pb_text_28 h1, .et_pb_text_29 h1, .et_pb_text_30 h1, .et_pb_text_31 h1, .et_pb_text_32 h1, .et_pb_text_33 h1, .et_pb_text_34 h1, .et_pb_text_35 h1, .et_pb_text_36 h1, .et_pb_text_37 h1, .et_pb_text_38 h1, .et_pb_text_39 h1, .et_pb_text_40 h1, .et_pb_text_41 h1, .et_pb_text_42 h1, .et_pb_text_43 h1, .et_pb_text_44 h1, .et_pb_text_45 h1, .et_pb_text_46 h1, .et_pb_text_47 h1, .et_pb_text_48 h1, .et_pb_text_49 h1, .et_pb_text_50 h1, .et_pb_text_51 h1, .et_pb_text_52 h1, .et_pb_text_53 h1, .et_pb_text_54 h1, .et_pb_text_55 h1, .et_pb_text_56 h1, .et_pb_text_57 h1, .et_pb_text_58 h1, .et_pb_text_59 h1, .et_pb_text_60 h1, .et_pb_text_61 h1, .et_pb_text_62 h1, .et_pb_text_63 h1, .et_pb_text_64 h1, .et_pb_text_65 h1, .et_pb_text_66 h1, .et_pb_text_67 h1, .et_pb_text_68 h1, .et_pb_text_69 h1, .et_pb_text_70 h1, .et_pb_text_71 h1, .et_pb_text_72 h1, .et_pb_text_73 h1, .et_pb_text_74 h1, .et_pb_text_75 h1, .et_pb_text_76 h1, .et_pb_text_77 h1, .et_pb_text_78 h1, .et_pb_text_79 h1, .et_pb_text_80 h1, .et_pb_text_81 h1, .et_pb_text_82 h1, .et_pb_text_83 h1, .et_pb_text_84 h1, .et_pb_text_85 h1, .et_pb_text_86 h1, .et_pb_text_87 h1, .et_pb_text_88 h1, .et_pb_text_89 h1, .et_pb_text_90 h1, .et_pb_text_91 h1, .et_pb_text_92 h1, .et_pb_text_93 h1, .et_pb_text_94 h1, .et_pb_text_95 h1, .et_pb_text_96 h1, .et_pb_text_97 h1, .et_pb_text_98 h1, .et_pb_text_99 h1, .et_pb_text_100 h1, .et_pb_text_101 h1, .et_pb_text_102 h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_header_content_wrapper {
        line-height: 1.2 !important;
        letter-spacing: 0 !important;

    }
    .et_pb_menu .et_pb_menu__menu {
        display: none !important;
    }
    header div.et_pb_column_2_tb_header {
        padding-top: 13px;
    }
    
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1, 
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header, 
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h3.et_pb_module_header, 
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h4.et_pb_module_header, 
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h5.et_pb_module_header, 
    .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h6.et_pb_module_header {
        font-size: 32px !important;
    }

    footer div.et_pb_column_4_tb_footer {
        /* Something else set this to 25% !important
           which looks awwful om mobile screens */
        width: 100% !important;
    }

    header div.et_pb_section_0_tb_header {
        display: block !important;

    }
    footer.et-l et-l--footer {
        padding-top: 16px;
    }
    #page-container .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
        color: rgb(149, 149, 149) !important;
    }

}  

@media (max-width: 700px) {

    /* making the header image bigger */
    header div.et_pb_row_0_tb_header {
        display: block;
        /* width: 100% !important; */
    }
    header .et_pb_sticky .et_pb_image_0_tb_header, 
    header .et_pb_image_0_tb_header {
        display: block;
        /* width: 100% !important; */
    }
    header .et_pb_column {
        float: none;
    }
    header .et_pb_sticky .et_pb_image_0_tb_header, 
    header .et_pb_image_0_tb_header {
        width: 300px !important;
        max-width: 100% !important;
    }


    header .et_pb_column_1_tb_header {
        width: 70% !important;
        box-sizing: border-box;
        float: left;
        clear: left;
        padding-right: 10px;
    }
    header .et_pb_column_2_tb_header {
        width: 30% !important;
        box-sizing: border-box;
        float: left;
    }
    header .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header, 
    header .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover, 
    header .has_et_pb_sticky .et_pb_button_module_wrapper .et_pb_button, 
    header .has_et_pb_sticky .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover {
        margin-left: 0 !important;
    }
    header div.et_pb_column_2_tb_header {
        padding-top: 0;
    }
    .et_pb_row .et_pb_column .et_pb_module.et-last-child, 
    .et_pb_row .et_pb_column .et_pb_module:last-child, 
    .et_section_specialty .et_pb_row .et_pb_column .et_pb_module.et-last-child, 
    .et_section_specialty .et_pb_row .et_pb_column .et_pb_module:last-child {
        margin-bottom: 10px;
    }

    body .et_pb_row_1,
    body .et_pb_row_2,
    body .et_pb_row_3 {
        /* More grid widgets which are readable on mobile if you switch to display; block */
        display: block;
    }
    
     /* Don't do the four column thing on the resources page at this width */
    body .ds-grid-portfolio-filter-4 .et_pb_portfolio_items,
    body .ds-grid-portfolio-filter .et_pb_portfolio_items {
        display: block;
    }

    /* incredibly this is the code thats absolutely needed to make the page 
    wider on mobile?!!! */
    .et_pb_row_0, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_0.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0.et_pb_row, 
    .et_pb_row_1, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_1.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_1.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_1.et_pb_row, 
    .et_pb_row_2, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_2.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_2.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_2.et_pb_row, 
    .et_pb_row_3, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_3.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_3.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_3.et_pb_row, 
    .et_pb_row_4, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_4.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_4.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_4.et_pb_row, 
    .et_pb_row_5, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_5.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_5.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_5.et_pb_row, 
    .et_pb_row_6, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_6.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_6.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_6.et_pb_row, .et_pb_row_7, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_7.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_7.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_7.et_pb_row, .et_pb_row_8, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_8.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_8.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_8.et_pb_row, 
    .et_pb_row_9, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_9.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_9.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_9.et_pb_row, 
    .et_pb_row_10, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_10.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_10.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_10.et_pb_row, .et_pb_row_11, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_11.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_11.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_11.et_pb_row, 
    .et_pb_row_12, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_12.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_12.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_12.et_pb_row, 
    .et_pb_row_13, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_13.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_13.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_13.et_pb_row, 
    .et_pb_row_14, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_14.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_14.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_14.et_pb_row, 
    .et_pb_row_15, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_15.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_15.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_15.et_pb_row, 
    .et_pb_row_16, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_16.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_16.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_16.et_pb_row, 
    .et_pb_row_17, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_17.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_17.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_17.et_pb_row, 
    .et_pb_row_19, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_19.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_19.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_19.et_pb_row, 
    .et_pb_row_20, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_20.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_20.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_20.et_pb_row, 
    .et_pb_row_21, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_21.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_21.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_21.et_pb_row, 
    .et_pb_row_22, 
    body #page-container .et-db #et-boc .et-l .et_pb_row_22.et_pb_row, 
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_22.et_pb_row, 
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_22.et_pb_row,
    .et_pb_sticky .et_pb_row_0_tb_header, 
    header .et_pb_row_0_tb_header.ds-grid-portfolio-filter,
    header .et_pb_sticky .et_pb_row_0_tb_header, 
    header .et_pb_row_0_tb_header {
        width: 90% !important;
    }

    /* Overriding internal layout for the kids resources page */
    #post-3465 .et_pb_row_fullwidth.et_pb_row {
        width: 100% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        padding-top: 100px !important;
        box-sizing: border-box;
    }

}