@charset "UTF-8";

/*By default hide body until styles are loaded in*/ 
body {
    opacity: 0.0;
}

.Body_Desktop, .EditMode, .Body_Tablet, .Body_Phone {
    opacity: 1.0;
}
 
/*Hide breadcrumbs on phone*/
.Body_Phone .page_breadcrumb {
    display: none;
}

/*DESKTOP STYLES (Do not include Body_Desktop if possible)*/
    .pageContent {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    @media (max-width:1270px) {
        .Body_Desktop .pageContent,
        .Body_Desktop .headerContent, 
        .Body_Desktop .footerContent
        {
            min-width: 930px;
            max-width: 930px;
            padding: 0px;
            left:50%;
            position:relative;
            margin-left:-465px !important;
        }
    }

    @media (max-width:1116px) {
        .Body_Desktop .pageContent,
        .Body_Desktop .headerContent, 
        .Body_Desktop .footerContent
        {
            min-width: initial;
            max-width: 100%;
            left:inherit;
            margin-left:0px !important;
            position:inherit;
            padding: 0 5.6% 0 5.6% !important;
        }
    }

    @media (max-width:1050px) {
        .Body_Desktop .pageContent,
        .Body_Desktop .headerContent, 
        .Body_Desktop .footerContent
        {
            padding: 0 5.6% 0 5.6% !important;
        }

        /*Lock all pins in place for tablet pinch-to-zoom*/
        .Stage_symTabsJquery_id, 
        .Stage_socialMediaJquery_id,
        .Stage_SearchJquery_id,
        .Stage_symTabs_sym_navTab_Back,
        .globalNavBleed,
        .Stage_BackJquery_id,
        #i
        {
            position:absolute !important;
        }
    }


/*TABLET STYLES (lock subnav menu in place + remove margins the smaller the window gets)*/
    .Body_Tablet .pageContent {
        padding: 0 20px 0 40px;
    }

/*PHONE STYLES: Remove background and apply fixed positioning wherever possible*/
    .Body_Phone .pageContent {
        padding: 0 15px 0 40px;
    }