/* Store Specific IE11 Mods
    =========================================== 
reminder:; target prod specific pages: .t-page-prod or #js-PROD
 */

	.ie11 body .x-messages.x-messages--update-browser.u-over-everything.x-messages--info{
		z-index: 1;
	}

	.ie11 .x-transfigure.is-open{
		z-index: 500;
	}


	.ie11 body#js-SFNT .x-carousel__item img{
		width: 100%;
	}

	.ie11 .ie-show{
		display: block;
	}

@media only screen and (min-width: 0em) and (-ms-high-contrast: none), 
(min-width: 0em) and (-ms-high-contrast: active){
	/* IE10+ CSS styles for global layout go here */
	.ie11 .o-layout.u-hidden.u-flex--l{
		display: none;
	}

	.ie11 .o-layout:not(.ie-block){
		display: flex;
		flex: 0 1 auto;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 0 0 calc(0px-16px);
		padding:0;
		list-style:none;
	}

	.ie11 .ie-block{
		display: block;
		margin: 0 0 0 calc(0px-16px);
		padding:0;
		list-style:none;	
	}

	.ie11 #fasten_header .ie-layout.x-fasten-header.t-site-header__masthead {
    display: none;
	}


}


@media only screen and (min-width: 48em) and (-ms-high-contrast: none), 
(min-width: 48em) and (-ms-high-contrast: active){
/* IE10+ CSS styles for medium layout go here */
		/*.ie11  for testing
                body{	  	
			color: blue;
		} 
              */

		.ie11 #js-PROD .ie-layout-parent{
			display: block;
		}

		.ie11 #js-PROD .ie-layout-parent.u-grids-2--m.x-product-layout .o-layout__item.ie-layout-item{
			display: inline-block;
			width: 45%;
		}


}

@media only screen and (min-width: 60em) and (-ms-high-contrast: none), 
(min-width: 60em) and (-ms-high-contrast: active){
/* IE10+ CSS styles for large layout go here */
	.ie11 .o-layout.u-hidden.u-flex--l{
		display: flex;
	}

	.ie11 .x-transfigure.is-open{
		z-index: -1;
	}


}