/* retina stuff */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi) {
	
	input.button[type=submit],
	input.button[type=button],
	.eStore_add_to_cart_button
		{ background: #97a825 url("../img/ico/button-arrow-white-2x.png") no-repeat right 14px top 20px !important; background-size: 14px 11px !important; }
		
	a.button b
		{ background: transparent url("../img/ico/button-arrow-white-2x.png") no-repeat right 14px top 7px; background-size: 14px 11px; }
	a.button.grey b
		{ background: transparent url("../img/ico/grey-arrow-2x.png") no-repeat right 14px top 7px; background-size: 13px 11px; }
		
	#header #mobile-search-opener
		{ background: transparent url("../img/ico/mobile-nav-search-2x.png") no-repeat center center !important; background-size: 19px !important; }
		
	#header .top #open-search
		{ background: transparent url("../img/ico/topnav-search-off-2x.png") no-repeat 13px 11px; background-size: 17px 17px; }
	#header .top #open-search span
		{ background: transparent url("../img/ico/topnav-search-on-2x.png") no-repeat 13px 11px; background-size: 17px 17px; }
		
	#header .login-menu ul li a.cart span
		{ background: transparent url("../img/ico/cart-off-2x.png") no-repeat 0 0; background-size: 22px 19px; }
	#header .login-menu ul li a.cart span + span
		{ background: transparent url("../img/ico/cart-on-2x.png") no-repeat 0 0; background-size: 22px 19px; }
		
	.member-login .col50.right-col
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat center center; background-size: 48px 48px; }
	.member-login .form
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat center center; background-size: 48px 48px; }
	.member-login .emember_error
		{ background: transparent url("../img/ico/login-error-2x.png") no-repeat left center; background-size: 18px 16px; }
	.member-login span.daErrorMessage
		{ background: transparent url("../img/ico/login-error-2x.png") no-repeat left center; background-size: 18px 16px; }
	.member-login span.daOkMessage
		{ background: transparent url("../img/ico/daOk-2x.png") no-repeat left center; background-size: 22px 22px; }
		
	.checkered .inner
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.checkered .acc-content .questionnaire .q-top
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.checkered .acc-content .questionnaire .wpcf7 p.form-nav a.button.form-back b
		{ background: transparent url("../img/ico/grey-arrow-back-2x.png") no-repeat 14px 7px; background-size: 13px 11px; }
	.checkered .acc-content .questionnaire .wpcf7 .wpcf7-submit
		{ background: #97a825 url("../img/ico/button-arrow-white-2x.png") no-repeat right 28px top 20px !important; background-size: 14px 11px !important; }
		
	.checkered .acc-content .questionnaire .wpcf7 .ajax-loader
		{ background: #fff url("../img/ico/loading.gif") no-repeat center center; /* ??? */ }
		
	.checkered .acc-content .ac-inner .course-options .option
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.simple-content .course-options .option
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.checkered .acc-content.lessons .lessons-inner .le-part ul li p.tools
		{ background: transparent url("../img/ico/lesson-tool-2x.png") no-repeat 0 0; background-size: 17px 19px; }
	.single-lesson .checkered .acc-content.lessons .lessons-content .tools-resources .col.tools-list ul li
		{ background: transparent url("../img/ico/lesson-tool-2x.png") no-repeat 0 2px; background-size: 17px 19px; }
	.single-lesson .checkered .acc-content.lessons .lessons-content .tools-resources .col.resources-list ul li
		{ background: transparent url("../img/ico/lesson-resource-2x.png") no-repeat 3px 5px; background-size: 29px 16px; }
		
	#header input.gsc-search-button
		{ background: #fff url("../img/ico/button-arrow-green-2x.png") no-repeat center center !important; background-size: 14px 11px !important; }
	#gsc-for-mobile input.gsc-search-button
		{ background: #fff url("../img/ico/button-arrow-green-2x.png") no-repeat center center !important; background-size: 14px 11px !important; }
		
	#menu-opener-static
		{ background: transparent url("../img/ico/menu-off-2x.png") no-repeat 20px 28px; background-size: 20px 16px; }
	#menu-opener-fixed
		{ background: rgba(0,0,0,.3) url("../img/ico/scroll-menu-off-2x.png") no-repeat center center; background-size: 20px 16px; }
	#menu-closer
		{ background: transparent url("../img/ico/menu-x-off-2x.png") no-repeat center center; background-size: 20px 20px; }
	#to-top-fixed
		{ background: rgba(0,0,0,.3) url("../img/ico/scroll-arrow-off-2x.png") no-repeat center center; background-size: 22px 26px; }
		
	.nf404
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.nf404top span
		{ background: transparent url("../img/bg/404-2x.png") no-repeat 0 0; background-size: 136px 136px; }
		
	.search-title
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.search-title .gsc-search-button input
		{ background: #97a825 url("../img/ico/topnav-search-on-2x.png") no-repeat center center !important; background-size: 17px 17px !important; }
	.search-results .gsc-control-cse .gsc-option-selector
		{ background: transparent url("../img/ico/search-arrow-2x.png") no-repeat 0 0; background-size: 12px 7px; }
		
	.search-results .gsc-orderby-container
		{ background: transparent url("../img/bg/google-2x.png") no-repeat right center; background-size: 145px 21px; }
	
	.close-back
		{ background: transparent url("../img/ico/live-x-off-2x.png") no-repeat 0 0; background-size: 31px 31px; }

	.simple-header
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.home-header .home-overlay a
		{ background: transparent url("../img/ico/home-banner-arrow-2x.png") no-repeat 0 0; background-size: 56px 56px; }
		
	.single-event span.location
		{ background: transparent url("../img/ico/live-pin-2x.png") no-repeat left center; background-size: 14px 18px; }
		
	.single-event .simple-header .e-i-full-size span
		{ background: transparent url("../img/bg/event-banner-overlay.png") repeat-y right top; /* ??? */ }
		
	.content .meta .meta-box .get-social li a.twitter
		{ background: transparent url("../img/ico/profile-twitter-2x.png") no-repeat 0 0; background-size: 19px 16px; }
	.content .meta .meta-box .get-social li a.linkedin
		{ background: transparent url("../img/ico/profile-linkedin-2x.png") no-repeat 2px 0; background-size: 17px 16px; }
	
	.comments .opener b
		{ background: transparent url("../img/ico/comments-arrow-2x.png") no-repeat right center; background-size: 15px 10px; }	
	.comments .opener.opened b
		{ background: transparent url("../img/ico/comments-arrow-up-2x.png") no-repeat right center; background-size: 15px 10px; }
		
	.filter a.opener b
		{ background: transparent url("../img/ico/comments-arrow-2x.png") no-repeat right center; background-size: 15px 10px; }
	.filter a.opener.opened b
		{ background: transparent url("../img/ico/comments-arrow-up-2x.png") no-repeat right center; background-size: 15px 10px; }
	.filter-show .inner > a
		{ background: transparent url("../img/ico/blog-filter-x-2x.png") no-repeat right 3px; background-size: 19px 19px; }
	.filter-show.for-events .inner > a
		{ background: transparent url("../img/ico/blog-filter-x-blue-2x.png") no-repeat right 3px; background-size: 19px 19px; }	
		
	.hot-jobs
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.hot-jobs .hj-box
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.card,
	.wide.card
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.card .thumb-hover.play-button > span
		{ background: rgba(0,0,0,0) url("../img/ico/play-2x.png") no-repeat center center; background-size: 79px 79px; }
	.card.first .thumb-hover.play-button > span
		{ background: rgba(0,0,0,0) url("../img/ico/play-2x.png") no-repeat center center; background-size: 79px 79px; }
		
	.card.type-event .date .location
		{ background: transparent url("../img/ico/live-pin-2x.png") no-repeat left center; background-size: 14px 18px; }
	.card.type-event .date .webinar
		{ background: transparent url("../img/ico/live-webinar-2x.png") no-repeat left center; background-size: 16px 16px; }
		
	.wide.card .le-blue-box
		{ background: #3987c1 url("../img/ico/faq-arrow-right-2x.png") no-repeat center center; background-size: 24px 20px; }
		
	.single .author-box
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.single .author-box .le-blue-box
		{ background: #97a825 url("../img/ico/faq-arrow-right-2x.png") no-repeat center center; background-size: 24px 20px; }
		
	.bg-header.default-background
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	#main .removeXbutton
		{ background: transparent url("../img/ico/cart-x-off-2x.png") no-repeat 0 0; background-size: 25px 25px; }
		
	.resources section ul li
		{ background: transparent url("../img/ico/button-arrow-green-2x.png") no-repeat 0 10px; background-size: 14px 11px; }
		
	.simple-header-with-image
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.faq-section ul li a.faq-opener b i
		{ background: transparent url("../img/ico/faq-arrow-right-2x.png") no-repeat center center; background-size: 24px 20px; }
	/*.faq-section ul li a.faq-opener.open b
		{ background: #3987c1 url("../img/ico/faq-arrow-down.png") no-repeat center center; background-size: 20px 24px; }*/
		
	.plain_text_block
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.background_image_and_text_block .text ul.green-and-bold li
		{ background: transparent url("../img/bg/dot-2x.png") no-repeat 0 10px; list-style: none; background-size: 8px 8px; }
	.background_image_and_text_block .text ul.green li
		{ background: transparent url("../img/bg/dot-2x.png") no-repeat 0 10px; list-style: none; background-size: 8px 8px; }
		
	.background_image_and_text_block .text.ggg3 div.wpcf7 input[type=submit]
		{ background: #f5c343 url("../img/ico/button-arrow-white-2x.png") no-repeat 97px 21px; background-size: 14px 11px; }
		
	.background_image_and_text_block .text.ggg3 div.wpcf7 .wpcf7-response-output.wpcf7-validation-errors
		{ /*background: transparent url("../img/ico/signup-error.png") no-repeat 0 center; padding: 15px 25px;*/ }
	.background_image_and_text_block .text.ggg3 div.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok
		{ /*background: transparent url("../img/ico/signup-tick.png") no-repeat 0 center; padding: 15px 25px;*/ }
	.background_image_and_text_block .text.ggg3 div.wpcf7 .ajax-loader
		{ background: transparent url("../img/ico/loading.gif") no-repeat center center; /* ??? */ }
		
	.background_image_and_text_block.biatb-design-hatch
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.laptop_block
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.laptop_block .laptop-holder .laptop
		{ background: transparent url("../img/bg/laptop-2x.png") no-repeat 0 0; background-size: 900px 540px; }
		
	.testimonials_block
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.testimonials_block .pslick-wrap .slick-prev
		{ background: transparent url("../img/ico/slider-arrow-left-off-2x.png") no-repeat left center; background-size: 50px 40px; }
	.testimonials_block .pslick-wrap .slick-next
		{ background: transparent url("../img/ico/slider-arrow-right-off-2x.png") no-repeat right center; background-size: 50px 40px; }
	.testimonials_block .pslick-wrap .slick-dots li button
		{ background: transparent url("../img/ico/slider-dot-off-2x.png") no-repeat 0 0; background-size: 16px 16px; }
	.testimonials_block .pslick-wrap .slick-dots li.slick-active button
		{ background: transparent url("../img/ico/slider-dot-on-2x.png") no-repeat 0 0; background-size: 16px 16px; }
		
	.events_block .card .location
		{ background: transparent url("../img/ico/live-pin-2x.png") no-repeat left center; background-size: 14px 18px; }
	.events_block .card .webinar
		{ background: transparent url("../img/ico/live-webinar-2x.png") no-repeat left center; background-size: 16px 16px; }
		
	.course_how_it_works .octwtl p,
	.course_how_it_works .sso2 .col
		{ background: transparent url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.four_cols_block .col
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
				
	.course_buy_now_block .cols .col
		{ background: transparent url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.sign_up_now_block .buy
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.video_block p
		{ background: transparent url("../img/ico/play-2x.png") no-repeat 0 0; background-size: 79px 79px; }
	.video_block p span
		{ background: transparent url("../img/ico/play-on-2x.png") no-repeat 0 0; background-size: 79px 79px; }
	
	body .nivo-lightbox-theme-default .nivo-lightbox-close
		{ background: transparent url("../img/ico/video-x-off-2x.png") no-repeat center center; background-size: 31px 31px; }
	
	.circles_slideshow_block
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.circles_slideshow_block .slick-prev
		{ background: transparent url("../img/ico/partners-arrow-left-off-2x.png") no-repeat right center; background-size: 50px 40px; }
	.circles_slideshow_block .slick-next
		{ background: transparent url("../img/ico/partners-arrow-right-off-2x.png") no-repeat left center; background-size: 50px 40px; }
	.circles_slideshow_block .slick-dots li button
		{ background: transparent url("../img/ico/partners-dot-off-2x.png") no-repeat 0 0; background-size: 16px 16px; }
	.circles_slideshow_block .slick-dots li.slick-active button
		{ background: transparent url("../img/ico/partners-dot-on-2x.png") no-repeat 0 0; background-size: 16px 16px; }
		
	.contact-wrapper .half .c-inner ul li
		{ background: transparent url("../img/ico/contact-arrow-2x.png") no-repeat 0 9px; background-size: 15px 12px; }
	.contact-wrapper .w2llead select
		{ background: #fff url("../img/ico/contact-dropdown-arrow-2x.png") no-repeat right 12px top 16px; background-size: 15px 10px; }
	.contact-wrapper .w2llead .submit
		{ background: #97a825 url("../img/ico/button-arrow-white-2x.png") no-repeat right 48px top 20px !important; background-size: 14px 11px !important; }
		
	.contact-wrapper .success_message
		{ background: transparent url("../img/ico/contact-sent-2x.png") no-repeat right center; background-size: 38px 39px; }
		
	#footer .newsletter
		{ background: #97a826 url("../img/bg/Hatch03-SignUp-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	#footer .newsletter div.wpcf7 input[type=submit]
		{ background: #fff url("../img/ico/button-arrow-green-2x.png") no-repeat 97px 21px; background-size: 14px 11px; }
		
	#footer .newsletter div.wpcf7 .wpcf7-response-output.wpcf7-validation-errors
		{ background: transparent url("../img/ico/signup-error.png") no-repeat 0 center; background-size: 18px 16px; }
	#footer .newsletter div.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok
		{ background: transparent url("../img/ico/signup-tick.png") no-repeat 0 center; background-size: 22px 22px; }
	#footer .newsletter div.wpcf7 .ajax-loader
		{ background: #fff url("../img/ico/loading.gif") no-repeat center center; /* ??? */ }
		
	#idlepopup
		{ background: #fff url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	#idlepopup .ipclose
		{ background: transparent url("../img/ico/cart-x-off-2x.png") no-repeat center center; background-size: 25px 25px; }
		
}

/* hovers for non-mobile retina screens */
	
@media 
	only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 1024px),
	only screen and (-o-min-device-pixel-ratio: 13/10) and (min-width: 1024px),
	only screen and (min-resolution: 120dpi) and (min-width: 1024px) {
			
	#menu-opener-static:hover
		{ background: transparent url("../img/ico/menu-on-2x.png") no-repeat 20px 28px; background-size: 20px 16px; }
	#menu-closer:hover
		{ background: transparent url("../img/ico/menu-x-on-2x.png") no-repeat center center; background-size: 20px 20px; }
		
	.card > a:hover .thumb-hover.play-button > span
		{ background: rgba(0,0,0,.10) url("../img/ico/play-on-2x.png") no-repeat center center; background-size: 79px 79px; }
	.card.first > a:hover .thumb-hover.play-button > span
		{ background: rgba(0,0,0,.10) url("../img/ico/play-on-2x.png") no-repeat center center; background-size: 79px 79px; }
/*	.client_stories_block*/ .card > a:hover 
		{ background: #f5f5f5 url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.hot-jobs .hj-box:hover
		{ background: #f5f5f5 url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
	.single a:hover .author-box
		{ background: #f5f5f5 url("../img/bg/Hatch01-2x.png") repeat 0 0; background-size: 48px 48px; }
		
	.close-back:hover
		{ background: transparent url("../img/ico/live-x-on-2x.png") no-repeat 0 0; background-size: 31px 31px; }
		
	.testimonials_block .pslick-wrap .slick-prev:hover
		{ background: transparent url("../img/ico/slider-arrow-left-on-2x.png") no-repeat left center; background-size: 50px 40px; }
	.testimonials_block .pslick-wrap .slick-next:hover
		{ background: transparent url("../img/ico/slider-arrow-right-on-2x.png") no-repeat right center; background-size: 50px 40px; }
	.testimonials_block .pslick-wrap .slick-dots li button:hover
		{ background: transparent url("../img/ico/slider-dot-on-2x.png") no-repeat 0 0; background-size: 16px 16px; }
		
	.circles_slideshow_block .slick-prev:hover
		{ background: transparent url("../img/ico/partners-arrow-left-on-2x.png") no-repeat right center; background-size: 50px 40px; }
	.circles_slideshow_block .slick-next:hover
		{ background: transparent url("../img/ico/partners-arrow-right-on-2x.png") no-repeat left center; background-size: 50px 40px; }
	.circles_slideshow_block .slick-dots li button:hover
		{ background: transparent url("../img/ico/partners-dot-on-2x.png") no-repeat 0 0; background-size: 16px 16px; }
		
	.video_block a:hover p
		{ background: transparent url("../img/ico/play-on-2x.png") no-repeat 0 0; background-size: 79px 79px; }
				
}