/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */


/**********************
Table of Contents
-----------------

*Same order applies to all queensweb-queensbase-alpha-default* CSS files

- core HTML elements
- special elements
    - box
    - callouts
    - funfacts
    - accessibility tips
    - labour news button links
    - news feeds
- Special styling features
    - shadows
- Main page areas
    - Content zone/regions
    - breadcrumbs
    - Header zone/regions
        - Superfish Menus
        - Queen's admin menus
        - Emergency Messages
        - Labour News Messages
    - Preface zone/regions 
- Slideshows
    - general styling
    - embedded image slideshows
    - embedded text slideshows
    - embedded Flickr slideshows
- navigation menus
- feedback form
- media queries
- webforms

***********************/

h3.chart-heading {
    margin-top: 2em;
    margin-bottom: 1.5em;
    color: #9D1939;
}

.box {
    border-radius: 0.5em;
    border: 2px solid #CCCCCC;
    padding: 8px;
    margin-bottom: 17px;
    color: #555;
    background: #F2F2F2;
}

.box-title {
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.143em; /* 16px */
    margin-bottom: 0.7143em; /* 10px */
}

.box.dark {
    background: #555;
    color: #FFF;
    border: 2px solid #999999;
}

.box.dark a:link,
.box.dark a:visited, 
.box.dark a:hover, 
.box.dark a:active {
    text-decoration: underline;
}

.box.dark a:link,
.box.dark a:visited {
    color: #FFF;    
}

.box.dark a:hover, 
.box.dark a:active {
    color: #EEBD31;
}

.border-round {
    border-radius: 0.5em;
}

div.callout-stack div[class^="callout"],
div.callout-stack-left div[class^="callout"],
div.callout-stack-right div[class^="callout"] {
    clear: both;
    display: block;
    width: 280px; /* Width of sidebar regions in wide layout */
}

/* Clearfix */
div.callout-stack:after,
div.callout-stack-left:after,
div.callout-stack-right:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;     
}

/* Make the callouts appear stacks as if they were block-level, without making them block-level */
div.callout-stack-left div[class^="callout"] {    
    float: left;    
    margin-right: 1em;
}

div.callout-stack-right div[class^="callout"] {
    float: right;
    margin-left: 1em;
}

div.callout {    
    border-radius: 0 1.2143em 1.2143em 0; /* 0 17px 17px 0 */
    min-height: 2.0714285714em; /* 29px */        
    position: relative;
}

div.callout,
div.callout-large,
div.callout-twitter,
div.callout-facebook,
div.callout-youtube,
div.callout-flickr,
div.callout-linkedin,
div.callout-blog,
div.callout-wordpress,
div.callout-pinterest,
div.callout-instagram, 
div.callout-tumblr,
div.callout-rss,
div.callout-custom {   
    background-color: #FFF;
    border: 2px solid #DDD;        
    display: inline-block;
    line-height: 1;
    margin-bottom: 1.286em; /* 18px */
}

/* Setting a min-width helps things look clean and uniform */
#region-content div.callout,
#region-content div.callout-large,
#region-content div.callout-twitter,
#region-content div.callout-facebook,
#region-content div.callout-youtube,
#region-content div.callout-flickr,
#region-content div.callout-linkedin,
#region-content div.callout-blog,
#region-content div.callout-wordpress,
#region-content div.callout-pinterest,
#region-content div.callout-instagram, 
#region-content div.callout-tumblr, 
#region-content div.callout-rss, 
#region-content div.callout-custom {    
    min-width: 280px; /* Width of sidebar regions in wide layout */
}

/* When viewing callouts in sidebars in a non-grid layout, we want them to stack as
they would in the sidebar, so display them at sidebar width and block-level */
[id^="region-sidebar-"] div.callout,
[id^="region-sidebar-"] div.callout-large,
[id^="region-sidebar-"] div.callout-twitter,
[id^="region-sidebar-"] div.callout-facebook,
[id^="region-sidebar-"] div.callout-youtube,
[id^="region-sidebar-"] div.callout-flickr,
[id^="region-sidebar-"] div.callout-linkedin,
[id^="region-sidebar-"] div.callout-blog,
[id^="region-sidebar-"] div.callout-wordpress,
[id^="region-sidebar-"] div.callout-pinterest,
[id^="region-sidebar-"] div.callout-instagram,
[id^="region-sidebar-"] div.callout-tumblr,
[id^="region-sidebar-"] div.callout-rss,
[id^="region-sidebar-"] div.callout-custom {
    display: block;
    width: 280px; /* Width of sidebar regions in wide layout */
}

div.callout:after, 
div.callout-large:after {
    content: "\f18e";    
    display: inline-block;
    font-family: FontAwesome;        
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;       
}

div.callout:after,
div.callout .icon-circle-arrow-right {
    color: #9d1939;    
    font-size: 1.8571428571em; /* 26px */      
    line-height: 1;
    position: absolute;    
    right: 0.1538461538em; /* 4px */
    top: 0.07692307692em; /* 2px */
}

div.callout-large {    
    border-radius: 0 2.3571em 2.3571em 0;
    max-width: 280px; /* Width of sidebar regions in wide layout */ 
    min-height: 4.4285714286em; /* 62px */
    position: relative;   
}

div.callout-large:after,
div.callout-large .icon-circle-arrow-right {
    color: #9d1939;    
    font-size: 4em; /* 56px */
    line-height: 1;
    position: absolute;    
    right: 0.1071428571em; /* 6px */
    top: 0.0535714286em; /* 3px */     
}

div.callout p,
div.callout-large p,
div.callout-twitter p,
div.callout-facebook p,
div.callout-youtube p,
div.callout-flickr p,
div.callout-linkedin p,
div.callout-blog p,
div.callout-wordpress p,
div.callout-pinterest p,
div.callout-instagram p,
div.callout-tumblr p,
div.callout-rss p,
div.callout-custom p {
    font-size: 0.929em; /* 13px */
    line-height: 1.308; /* 17px */
    margin: 0.538em 2.615em 0.385em 0.462em; /* 7px 34px 5px 6px */
}

div.callout-large p {    
    margin-right: 4.462em; /* 58px */
    overflow: hidden;    
}

/* social media callouts only */
div.callout-twitter,
div.callout-facebook,
div.callout-youtube,
div.callout-flickr,
div.callout-linkedin,
div.callout-blog,
div.callout-wordpress,
div.callout-pinterest,
div.callout-instagram, 
div.callout-tumblr, 
div.callout-rss {    
    background-position: 8px 8px; 
    background-repeat: no-repeat;
    background-size: 32px 32px;    
    min-height: 3.429em; /* 48px */   
}

div.callout-twitter {
    background-image: url("../../queensbase_omega/images/twitter_32.png");
}

div.callout-facebook {
    background-image: url("../../queensbase_omega/images/facebook_32.png");
}

div.callout-youtube {
    background-image: url("../../queensbase_omega/images/youtube_32.png");
    background-size: 35px 32px;
}

div.callout-flickr {
    background-image: url("../../queensbase_omega/images/flickr_32.png");
}

div.callout-linkedin {
    background-image: url("../../queensbase_omega/images/linkedin_32.png");
}

div.callout-blog {
    background-image: url("../../queensbase_omega/images/blog_32.png");
}

div.callout-wordpress {
    background-image: url("../../queensbase_omega/images/wordpress_32.png");
}

div.callout-pinterest {
    background-image: url("../../queensbase_omega/images/pinterest_32.png");
}

div.callout-instagram {
    background-image: url("../../queensbase_omega/images/instagram_black_32.png");
}

div.callout-tumblr {
    background-image: url("../../queensbase_omega/images/tumblr_32.png");
}

div.callout-rss {
    background-image: url("../../queensbase_omega/images/rss_32.png");
}

div.callout-twitter p,
div.callout-facebook p,
div.callout-youtube p,
div.callout-flickr p,
div.callout-linkedin p,
div.callout-blog p,
div.callout-wordpress p,
div.callout-pinterest p,
div.callout-instagram p,
div.callout-tumblr p,
div.callout-rss p,
div.callout-custom p {
    margin-top: 0.615em;
    margin-bottom: 0.615em;
    margin-left: 3.846em; /* 50px */    
} 

div.callout-custom {
    min-height: 3.429em; /* 48px */
    position: relative;
}

div.callout-custom img {
    left: 0.571em; /* 8px */    
    position: absolute;
    top: 0.571em; /* 8px */
}

div.callout-custom i.fa {        
    font-size: 2.286em;
    left: 8px;
    position: absolute;
    top: 8px;
}

div.callout-social-account {
    background-color: transparent;
    border: none;    
    background-position: 0 0.571em; /* 0 8px */
}

div.callout-social-account p {
    margin-top: 1em; /* 14px */
    margin-left: 3.077em; /* 40px */
}

/* Funfacts */

.funfact {
    border-color: #777;
    border-style: solid;
    border-width: 3px;    
}

.funfact-light {
    border-color: #ccc;
}

.funfact,
.funfact-light,
.funfact-blue,
.funfact-gold,
.funfact-red {
    border-radius: 6px;
    border-style: solid;
    border-width: 3px;
    font-size: 0.929em;    
    padding: 8px;
    margin: 0 0 17px 0;
    max-width: 280px;
}

/* Reduce bottom margin on certain elements within funfacts to reduce unnecessary
whitespace */
.funfact p,
.funfact-light p,
.funfact-blue p,
.funfact-gold p,
.funfact-red p {
    margin-bottom: 8px;
}    
.funfact ul,
.funfact-light ul,
.funfact-blue ul,
.funfact-gold ul,
.funfact-red ul,
.funfact ol,
.funfact-light ol,
.funfact-blue ol,
.funfact-gold ol,
.funfact-red ol {
    margin-bottom: 8px;
}

.funfact-highlight {
    color: #9d1939;
    font-size: 1.385em;
    font-weight: bold;
}

.funfact-red {
    border-color: #9d1939;
}
.funfact-gold {
    border-color: #eebd31;
}
.funfact-blue {
    border-color: #11335d;
}

.funfact:before,
.funfact-light:before,
.funfact-blue:before,
.funfact-gold:before,
.funfact-red:before {        
    content: "\f01a"; /* fa-arrow-circle-o-down */
    display: inline-block;    
    font-family: FontAwesome;        
    transform: rotate(45deg);    
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;           
}    

.funfact:before,
.funfact .icon-circle-arrow-down,
.funfact-light:before,
.funfact-light .icon-circle-arrow-down,
.funfact-blue:before,
.funfact-blue .icon-circle-arrow-down,
.funfact-gold:before,
.funfact-gold .icon-circle-arrow-down,
.funfact-red:before, 
.funfact-red .icon-circle-arrow-down {    
    float: right;
    font-size: 32px;       
    line-height: 0.9375; /* 30px */
    margin-left: 5px;       
}

.funfact:before,
.funfact .icon-circle-arrow-down {
    color: #777;
}
.funfact-light:before,
.funfact-light .icon-circle-arrow-down {
    color: #aaa;
}
.funfact-blue:before,
.funfact-blue .icon-circle-arrow-down {
    color: #11335d;
}
.funfact-gold:before,
.funfact-gold .icon-circle-arrow-down {
    color: #EEBD31;
}
.funfact-red:before,
.funfact-red .icon-circle-arrow-down {
    color: #9d1939;
}

.funfact-title {
    display: block;
    font-size: 1.846em; /* 24px */
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;    
}

.accessibility-tip {
    border-radius: 7px;
    border: 3px solid #0C70AF;
    color: white;
    background: url(../images/accessibility_icon.png) no-repeat 8px 8px #084C76;
    padding: 8px;
    margin-bottom: 17px;
    max-width: 92%; /* less than 100 to account for padding */
    min-height: 38px;
}

.accessibility-tip .accessibility-tip-title {
    font-weight: bold;
    margin-bottom: 2em;
}

.accessibility-tip p {
    margin-bottom: 0;
    margin-left: 46px;
}

.accessibility-tip a:link,
.accessibility-tip a:visited {
    color: #FFF;
    text-decoration: underline;
}

.accessibility-tip a:hover,
.accessibility-tip a:active {
    color: #EEBD31;
}


a.labour-news-link {
    display: block;
    width: 247px;
    height: 70px;
    background-image: url("../images/labour_news_button.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    word-wrap: normal;
}

.fa-flickr {
    color: #FFF;
    background-image: url("../images/flickr_color.png");
    background-repeat: no-repeat;
    background-position: left top;
    border: 1px solid #ddd;
}


/* News Feeds */

.block-aggregator {
    background: #F5F5F5;
    border-radius: 7px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


.block-aggregator h2.block-title {
    margin: 0 0.5em;
    padding: 0.5em 0 0.1em;
    border-bottom: 1px solid #BBBBBB;
    font-weight: normal;

}

.block-aggregator div.content {
    padding-top: 0.8em;
}

.block-aggregator .feed-item {
    clear: both;
}

.block-aggregator .feed-item-date {
    float: left;
    text-align: center;
    width: 2em;
    margin-top: 4px;
    color: #000;
}

.block-aggregator .feed-item-month {
    font-size: 10px;
    background-color: #EEE;
    text-transform: uppercase;
    line-height: 1.1;
}

.block-aggregator .feed-item-day {
    font-size: 18px;
    background-color: #DDD;
    line-height: 1.1;
}

.block-aggregator a:hover  {
    text-decoration: none;
}

.block-aggregator .feed-item-title {
    margin-left: 32px;
    font-size: 0.923em;
}

.block-aggregator .feed-item-title:hover {
    text-decoration: underline;
}

.block-aggregator .item-list ul li {
    margin: 0 0.8em 0.25em 0.8em
}


/* Shadows */
.box-shadow {
    box-shadow: 0 0.1429em 0.2857em 0.1429em rgb(200, 200, 200); /* 0 2px 4px 2px #C8C8C8 */
    -moz-box-shadow: 0 0.1429em 0.2857em 0.1429em rgb(200, 200, 200);
    -webkit-box-shadow: 0 0.1429em 0.2857em 0.1429em rgb(200, 200, 200);
}


/* Page */

#region-content-wrapper {
    padding-top: 20px;
}

#breadcrumb {
    background: #FFF;
    margin-bottom: 20px;
}

.breadcrumb {
    border-bottom: 1px solid #DDDDDD;
    font-size: 1em;
    padding-bottom: 2px;
}


/* TEMPORARY - HIDES BREADCRUMBS ON SEARCH PAGE */
body.context-search #breadcrumb {
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}


/* Header Section */

#region-header-first {
    margin-bottom: 10px;
}

#region-header-first p {
    padding: 0;
    margin: 0;
}


/* Header Images */

.block-header-image-block .block-title {
    display: none;
}

.queensweb-header-image {
    background-color: #757575;
    height: 100%;
    width: 100%;
}

.queensweb-header-image img {
    width: 100%;
}

.queensweb-header-image-default {
    display: none;
}

.queensweb-header-text {
    font-size: 36px;
    font-weight: 700;
    opacity: 0.95;    
}

.queensweb-header-text,
.queensweb-header-text p {
    line-height: 1;
}

.queensweb-header-text.grid-12 {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
    z-index: 5;
}


/* Superfish Menus */

.sf-accordion-toggle a {
    background-color: #302f2e;
    color: #FFF;
}

/* Menu for Queen's Web Administrators */

.queensweb-admin-menu-block {
    margin: 17px 0;
    background-color: #FFF;
    border: 3px solid #444;
    padding: 0 12px 10px;
}

.queensweb-admin-menu-block ul {
    margin-top: 12px;
}

.queensweb-admin-menu-block ul.menu li {
    background-color: #FFF;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    box-shadow: 0 1px 2px #555;
    float: left;
    padding: 0;
    margin: 0 12px 12px 0;
}

.queensweb-admin-menu-block ul.menu li.leaf {
    list-style: none outside none;
}

.queensweb-admin-menu-block ul.menu li.active-trail {
    background-color: #EEE;
}
.queensweb-admin-menu-block ul.menu li a {
    display: block;
    color: #555;
    padding: 4px 8px;
}

.queensweb-admin-menu-block ul.menu li.active-trail a {
    color: #000;
}

/* Labour News Messages */

.block-labour-news-block {
    background: #EEE;
}

.block-labour-news-block .block-title {
    background-image: url("../images/labour_news_info_mobile.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #003366;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    word-wrap: normal;
    height: 75px;
}

.block-labour-news-block .message-title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}    
    
.block-labour-news-block .message-content {
    padding: 6px;
}

.block-labour-news-block .message-link {
    text-align: right;
    margin-right: 20px;
    font-size: 13px;
    font-weight: 600;
}

/* Flags Lowered Messages */

.block.block-flags-lowered-block {
    font-size: 13px;
}

.block.block-flags-lowered-block h2.block-title {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);    
}
   

.flags-lowered-image {
    background-image: url("../images/flags_lowered.jpg");
    width: 100%;
    vertical-align: middle;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;        
    margin-bottom: 6px;
}

.flags-lowered-image-inner {
    padding-bottom: 58.33%;
    height: 0;    
}

/* Embedded Flickr slideshow */

/* Necessary? */
.flexslider-embedded-flickr {
    margin: 0;
}

.flickr-slideshow-link {
    text-align: center;
    font-style: italic;
}


/* Text Slideshows */

/* For text slideshows we put the border around the content div instead*/
.node-embed-slideshow.flexslider-embedded-text {
    border: none;
}

.node-embed-slideshow.flexslider-embedded-text.slideshow-small {
    min-height: 200px;
}

.node-embed-slideshow.flexslider-embedded-text.slideshow-medium {
    min-height: 300px;
}

.node-embed-slideshow.flexslider-embedded-text.slideshow-large {
    min-height: 400px;
}

.flexslider-embedded-text p {
    padding: 0px 6px;
    margin-bottom: 8px;
}

.flexslider-embedded-text div {
    background-color: #eee;
    border: 2px solid #DDD;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;        
    height: auto !important;
    min-height: 150px;    
    padding: 10px 35px 0;
}

.flexslider-embedded-text div.text-slide-blue {
    background-color: #11335d;
    color: #FFF;    
}

.flexslider-embedded-text div.text-slide-gold {
    background-color: #eebd31;
    color: #000;    
}

.flexslider-embedded-text div.text-slide-red {
    background-color: #9d1939;
    color: #FFF;    
}

.flexslider-embedded-text div.text-slide-blue a:link,
.flexslider-embedded-text div.text-slide-red a:link,
.flexslider-embedded-text div.text-slide-gold a:link,
.flexslider-embedded-text div.text-slide-blue a:visited,
.flexslider-embedded-text div.text-slide-red a:visited,
.flexslider-embedded-text div.text-slide-gold a:visited,
.flexslider-embedded-text div.text-slide-blue a:hover,
.flexslider-embedded-text div.text-slide-red a:hover,
.flexslider-embedded-text div.text-slide-gold a:hover,
.flexslider-embedded-text div.text-slide-blue a:active,
.flexslider-embedded-text div.text-slide-red a:active,
.flexslider-embedded-text div.text-slide-gold a:active {
    text-decoration: underline;
}

.flexslider-embedded-text div.text-slide-blue a:link,
.flexslider-embedded-text div.text-slide-red a:link,
.flexslider-embedded-text div.text-slide-blue a:visited,
.flexslider-embedded-text div.text-slide-red a:visited {
    color: #FFF;
}

.flexslider-embedded-text div.text-slide-blue a:hover,
.flexslider-embedded-text div.text-slide-red a:hover,
.flexslider-embedded-text div.text-slide-blue a:active,
.flexslider-embedded-text div.text-slide-red a:active {
    color: #EEBD31;
}

.flexslider-embedded-text div.text-slide-gold a:link,
.flexslider-embedded-text div.text-slide-gold a:visited {
    color: #000;
}

.flexslider-embedded-text div.text-slide-gold a:hover,
.flexslider-embedded-text div.text-slide-gold a:active {
    color: #9d1939;
}

/* Here we're assuming that <p> tags outside of the <div>s that contain the slide content 
have been erroneously entered, so we ensure they don't produce unwanted whitespace */
.flexslider-embedded-text li > p {
    line-height: 0;
    margin: 0;
    padding: 0;
}


/* Postscript Zone */

#zone-postscript .region {
    margin-bottom: 20px;
}

/* Navigation menus */

.nav-menu {
    border-radius: 7px;
    font-size: 0.923em;
    padding-bottom: 10px;
    background-color: #F5F5F5;
    color: #000;
    position: relative;

    behavior: url("../../queensbase_omega/css/PIE.htc");
}

.nav-menu a,
.nav-menu a:link,
.nav-menu a:visited {
   color: #444;
}

.nav-menu .content a.active,
.nav-menu .content a.active:link,
.nav-menu .content a.active:visited {
    color: #9d1939;
}


.nav-menu h2.block-title {
    font-weight: normal;
    color: #555;
    margin: 0 6px;
    padding: 10px 5px 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-transform: uppercase;
    border-bottom: 2px solid #DDD;
}


.nav-menu .content {
    padding-top: 10px;
}

.nav-menu h2.block-title ~ .content {
    background-image: url('../images/nav_menu_header_arrow.png');
    background-repeat: no-repeat;
    background-position: 5px -2px;
}

.nav-menu ul.menu li {
    margin-left: 22px;
}

.nav-menu h2 a {
    margin: 0 -5px;
    padding: 3px 2px 2px 6px;
}


.nav-menu h2 a,
.nav-menu ul.menu a {
    display: block;
    border-radius: 7px;
    text-decoration: none;
}

.nav-menu ul.menu a {
    margin-left: -20px;
    margin-right: -4px;
    padding-left: 20px;
}

.nav-menu h2 a:hover,
.nav-menu ul.menu a:hover {
    background-color: #E8E8E8;
    color: #9d1939;
    text-decoration: none;
}


.nav-menu div.menu-name-main-menu {
    padding: 5px;
}

/* Footer */

/* Feedback Form */
#feedback-form {
    padding: 4px 8px;
}

#feedback-form-hints {
    border: 1px solid gray;
    width: 50em;
    margin: 0 5px;
    position: absolute;
}

#feedback-form-hints h2 {
    font-size: 1em;
    margin: 0;
    background-color: #FFC;
    text-align: center;
    padding: 3px;
    cursor: pointer;
}

#feedback-form-hints-body {
    border: 1px solid gray;
    padding: 4px;
    background-color: #FFC;
}

#feedback-form-hints-body li {
    margin-bottom: 30px;
}

#feedback-form-hints-body li dt {
    font-weight: bold;
    border: 1px solid rgba(0, 255, 255, 0.3);
    background-color: white;
    width: 18em;
    padding-left: 2px;
}

/* Webforms */

.webform-component-fieldset legend {
    padding: 6px;
    background-color: #EEE;
    border: 1px solid silver;
    font-weight: bold;
    font-size: 1.154em; /* 15px */
}

.webform-component-fieldset {
    padding: 6px;
    border: 1px solid silver;
}

/* Retina/HiDPI overrides */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    
    div.callout-twitter {
        background-image: url("../../queensbase_omega/images/twitter_32_2x.png");
    }

    div.callout-facebook {
        background-image: url("../../queensbase_omega/images/facebook_32_2x.png");
    }

    div.callout-youtube {
        background-image: url("../../queensbase_omega/images/youtube_32_2x.png");
        background-size: 34px 33px; /* 2x version is 68x66 for some reason */
    }

    div.callout-flickr {
        background-image: url("../../queensbase_omega/images/flickr_32_2x.png");
    }

    div.callout-linkedin {
        background-image: url("../../queensbase_omega/images/linkedin_32_2x.png");
    }

    div.callout-blog {
        background-image: url("../../queensbase_omega/images/blog_32_2x.png");
    }

    div.callout-wordpress {
        background-image: url("../../queensbase_omega/images/wordpress_32_2x.png");
    }

    div.callout-pinterest {
        background-image: url("../../queensbase_omega/images/pinterest_32_2x.png");
    }

    div.callout-instagram {
        background-image: url("../../queensbase_omega/images/instagram_black_32_2x.png");        
    }

    div.callout-tumblr {
        background-image: url("../../queensbase_omega/images/tumblr_32_2x.png");
    }    

    div.callout-rss {
        background-image: url("../../queensbase_omega/images/rss_32_2x.png");
    }    
    
}


/* Print Styles */
@media print {
    
    .queensweb-header-image-mobile {
        position: static;
    }
    
    .queensweb-header-text.grid-12 {
        margin-left: 0;
        position: static;
    }
        
    #region-menu .queens-wordmark {
        display: none;
    }    
}