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

retina displays

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

@media only screen and (min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-Webkit-min-device-pixel-ratio: 1.5){
#wrap #header #nav > a,
#wrap #header #overlay > a{
	background-image: url('data/img/logo-white.png');
	background-size: 48px 48px;
	background-size: contain;
}

#wrap #footer #footer-inner > a{
	background-image: url('data/img/logo-color.png');
	background-size: 48px 48px;
	background-size: contain;
}

input[type="radio"] + label span{
	background-image: url('data/img/icons-checkbox-retina.png');
	background-size: 48px 16px;
}

.box-warning > span,
.box-alert > span,
.box-error > span,
.item-post .meta p span,
.item-post .meta a span,
.item-custom-post-company .description > p > a > span,
#wrap #main #page ul.sitemap li span,
#wrap #main #sidebar .item-sidebar > a .meta p span{
	background-image: url('data/img/icons-12x12-retina.png');
	background-size: 168px 12px;
}

.separator p span,
#wrap #header #overlay #share > a > span,
#wrap #main #page-contact #info a > span,
#wrap #main #single-post #post #meta > p > span,
#wrap #main #single-post #post #meta > a > span,
#wrap #main #single-custom-post #custom-post #meta > p > span,
#wrap #main #single-custom-post #custom-post #meta > a > span,
#wrap #main #single-post #post #meta #share > a > span,
#wrap #main #single-custom-post #custom-post #meta #share > a > span,
#wrap #main #sidebar #blog > a > span,
#wrap #footer #footer-inner .item-footer > a > span{
	background-image: url('data/img/icons-16x16-retina.png');
	background-size: 704px 16px;
}

a#scroll-to-top span,
#wrap #header #nav #search > a:before,
#wrap #header #nav #search > a:after,
#wrap #header #overlay #info > a > span,
.popup .popup-content a.fb span{
	background-image: url('data/img/icons-24x24-retina.png');
	background-size: 600px 24px;
}

.gallery > div > a span.icon,
.instagram > div > a span.icon,
.item-post > a span.icon,
.item-search > a span.icon,
#wrap #main #sidebar .item-sidebar > a > span span.icon,
.popup > form > button > span{
	background-image: url('data/img/icons-32x32-retina.png');
	background-size: 64px 32px;
}

#wrap #main #single-custom-post #custom-post .details > div > div .item-detail > span{
	background-image: url('data/img/icons-48x48-retina.png');
	background-size: 288px 48px;
}

#wrap #main #page-404 span{
	background-image: url('data/img/icons-256x256-retina.png');
	background-size: 256px 256px;
}
}

/* end of retina displays */