/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal
 *  and widescreen CSS files as appropriate. */


body.front.emergency-alert-level-emergency-lowload #header-content-section-wrapper {
    background: #FFF;
}


/*  Unfortunately, callouts don't work well in a narrow sidebar, so we need to
    override some styling to make them work.
    To avoid correcting these overrides in the normal layout, we qualify
    that these overrides only occur for the narrow layout (thus depending on Omega's 
    Javascript to dynamically assign layout classes to body tag).
*/
body.responsive-layout-narrow #region-sidebar-first div[class^="callout"],
body.responsive-layout-narrow #region-sidebar-second div[class^="callout"]
{    
    width: auto;        
    min-width: 0;
    height: auto;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;   
    
    behavior: url("/sites/all/themes/queensbase_omega/css/PIE.htc");
}

body.responsive-layout-narrow #region-sidebar-first div.callout,
body.responsive-layout-narrow #region-sidebar-first div.callout-large,
body.responsive-layout-narrow #region-sidebar-second div.callout,
body.responsive-layout-narrow #region-sidebar-second div.callout-large
{
    background-position: right top;
}

body.responsive-layout-narrow #region-sidebar-first div.callout p,
body.responsive-layout-narrow #region-sidebar-second div.callout p {
    margin-right: 30px;
}

body.responsive-layout-narrow #region-sidebar-first div[class^="callout"] p,
body.responsive-layout-narrow #region-sidebar-second div[class^="callout"] p
{
    white-space: normal;
    overflow: visible;
    height: auto;
}

#zone-preface {
    margin-bottom: 40px;
}