/**
 * @package WordPress
 * @subpackage Magique
 * @since Magique 1.0
 * 
 * High Resolution (Retina) Displays CSS Rules
 * Created by CMSMasters
 * 
 */


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), 
	only screen and (-moz-min-device-pixel-ratio: 1.5), 
	only screen and (-o-min-device-pixel-ratio: 3/2), 
	only screen and (min-device-pixel-ratio: 1.5) {
	
	#slide_top {
		background-image:url(../img/retina/arrow_top@2x.png); 
		background-size:13px 8px; 
	}
	
	#footer {
		background-image:url(../img/retina/footer_bg@2x.jpg); 
		background-size:200px 200px; 
	}
	
	a span.image_rollover,
	.portfolio.format-album.format-cover a span.image_rollover, 
	.post_type_shortcode .portfolio.format-album a span.image_rollover, 
	.post_type_shortcode .post.format-image a span.image_rollover {
		background-image:url(../img/retina/hover_content@2x.png); 
		background-size:100px 100px; 
	}
	
	a.jackbox span.image_rollover,
	.portfolio.format-album a span.image_rollover, 
	.post.format-image a span.image_rollover, 
	.post-article a span.image_rollover {
		background-image:url(../img/retina/hover_image@2x.png); 
		background-size:100px 100px; 
	}
	
	.format-link a span.image_rollover {
		background-image:url(../img/retina/hover_link@2x.png); 
		background-size:100px 100px; 
	}
	
	.format-video a span.image_rollover {
		background-image:url(../img/retina/hover_video@2x.png); 
		background-size:100px 100px; 
	}
	
	.responsiveSlider>li.link a.cmsms_img_link {
		background-image:url(../img/retina/link@2x.png); 
		background-size:100px 100px;
	}
	
	.project_details > div {
		background-image:url(../img/retina/list_image@2x.png); 
		background-size:10px 10px; 
	}
	
	#navigation > li > a > span,
	.cmsms_plus_inner,
	.button, 
	.button_medium, 
	.button_large, 
	.comment-reply-link, 
	#cancel-comment-reply-link,
	input[type="submit"],
	.pj_sort a[name="pj_name"], 
	.pj_sort a[name="pj_date"],
	a.pj_cat_filter {
		background-image:url(../img/retina/nav_a_bg@2x.png); 
		background-size:98px 40px; 
	}
	
	.entry .project_navi span a {
		background-image:url(../img/retina/nav_arrow_left@2x.png); 
		background-size:4px 7px; 
	}
	
	#navigation ul li.dropdown > a > span,
	.post .cmsms_more,
	.entry .project_navi span.fr a {
		background-image:url(../img/retina/nav_arrow_right@2x.png); 
		background-size:4px 7px; 
	}
	
	#navigation > li {
		background-image:url(../img/retina/nav_li_bg@2x.png); 
		background-size:25px 11px;
	}
	
	.pj_sort a:before,
	a.pj_cat_filter:before {
		background-image:url(../img/retina/pj_sort_arrow@2x.png); 
		background-size:13px 38px;
	}
	
	ul.page-numbers li .page-numbers.prev,
	ul.page-numbers li .page-numbers.next {
		background-image:url(../img/retina/pagenavi@2x.png); 
		background-size:8px 46px;
	}
	
	.cmsms-form-builder .check_parent input[type="radio"] + label:before, 
	.wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:before,
	.cmsms-form-builder .check_parent input[type="radio"]:checked + label:before, 
	.wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label:before,
	.cmsms-form-builder .check_parent input[type="checkbox"] + label:before, 
	.wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label:before,
	.cmsms-form-builder .check_parent input[type="checkbox"]:checked + label:before, 
	.wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {
		background-image:url(../img/retina/radio_check@2x.png); 
		background-size:17px 103px;
	}
	
	.responsive_nav span {
		background-image:url(../img/retina/resp_nav_but_bg@2x.png); 
		background-size:25px 50px;
	}
	
	.search_line input[type="submit"] {
		background-image:url(../img/retina/search@2x.png); 
		background-size:17px 16px; 
	}
	
	a.cmsms_content_prev_slide, 
	a.cmsms_content_next_slide {
		background-image:url(../img/retina/widget_nav@2x.png); 
		background-size:8px 36px; 
	}
	
	.cmsms_slider_parent a.cmsms_prev_slide span, 
	.cmsms_slider_parent a.cmsms_next_slide span {
		background-image:url(../img/retina/slider_arrow@2x.png); 
		background-size:34px 19px; 
	}
	
	a.cmsmsLike {
		background-image:url(../img/retina/heart@2x.png); 
		background-size:14px 11px; 
	}
	
	.responsiveSlider>li.video a.cmsms_img_video {
		background-image:url(../img/retina/video@2x.png); 
		background-size:100px 100px;
	}

	.cmsms_slider_parent a.cmsms_close_video {
		background-image:url(../img/retina/video_close@2x.png); 
		background-size:18px 80px; 
	}
	
	.format-standard .cmsms_post_format_img,
	.format-album .cmsms_post_format_img {
		background-image:url(../img/retina/format_standard@2x.png); 
		background-size:13px 17px; 
	}

	.format-image .cmsms_post_format_img {
		background-image:url(../img/retina/format_image@2x.png); 
		background-size:17px 13px; 
	}

	.format-aside .cmsms_post_format_img {
		background-image:url(../img/retina/format_aside@2x.png); 
		background-size:16px 16px; 
	}

	.format-link .cmsms_post_format_img {
		background-image:url(../img/retina/format_link@2x.png); 
		background-size:17px 18px; 
	}

	.format-slider .cmsms_post_format_img,
	.format-gallery .cmsms_post_format_img {
		background-image:url(../img/retina/format_gallery@2x.png); 
		background-size:17px 15px; 
	}

	.format-audio .cmsms_post_format_img {
		background-image:url(../img/retina/format_audio@2x.png); 
		background-size:16px 17px; 
	}

	.format-video .cmsms_post_format_img {
		background-image:url(../img/retina/format_video@2x.png); 
		background-size:15px 18px; 
	}

	.format-quote .cmsms_post_format_img {
		background-image:url(../img/retina/format_quote@2x.png); 
		background-size:17px 16px; 
	}
	
	.box.error_box > div > div:first-child {
		background-image:url(../img/retina/error@2x.png); 
		background-size:32px 32px; 
	}

	.box.success_box > div > div:first-child {
		background-image:url(../img/retina/success@2x.png); 
		background-size:32px 32px; 
	}

	.box.notice_box > div > div:first-child {
		background-image:url(../img/retina/notice@2x.png); 
		background-size:32px 32px; 
	}

	.box.warning_box > div > div:first-child {
		background-image:url(../img/retina/warning@2x.png); 
		background-size:32px 32px; 
	}

	.box.download_box > div > div:first-child {
		background-image:url(../img/retina/download@2x.png); 
		background-size:32px 32px; 
	}
	
}

@media only screen and (max-width: 770px) {

	#navigation > li {background-image:none;}

	#navigation li.dropdown > a > span:before {
		background-image:url(../img/retina/resp_nav_arrow@2x.png); 
		background-size:35px 9px; 
	}

	#navigation > li > a > span {background-image:none;}
	
	#navigation ul li.dropdown > a > span {background:none;}
	
}

@media only screen and (max-width: 540px) {

	#navigation > li {background-image:none;}
	
	#navigation ul li.dropdown > a > span {background:none;}

}