/* MG: Tab and mobile styles for Dean Textiles. Tab sizes are vw from 1024, mobile sizes are vw from 390. */

/* MG: Tab and mobile */
@media (max-width:1024px){
	/* MG: Header menu */
	.mg-nav{position:static}
	.mg-nav .elementor-menu-toggle{border:1px solid var(--mg-ink);border-radius:0;background:none;color:var(--mg-ink);font:500 1.172vw/1 var(--mg-font-mono);letter-spacing:.12em;padding:0.977vw 1.367vw;margin:0}
	.mg-nav .elementor-menu-toggle svg{display:none}
	.mg-nav .elementor-menu-toggle::after{content:"MENU"}
	.mg-nav .elementor-menu-toggle.elementor-active::after{content:"CLOSE"}
	.mg-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute;top:100%;left:0;right:0;margin-top:0;background:var(--mg-ground);border-bottom:1px solid var(--mg-rule);padding:1.172vw 6vw 2.734vw;transition:none}
	.mg-nav .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container{padding-block:0;border-bottom:0}
	.mg-nav .elementor-nav-menu--dropdown .elementor-item{border-bottom:1px solid var(--mg-rule);line-height:1.65}
	.mg-nav .elementor-nav-menu--dropdown .mg-menu-cta{margin-top:1.953vw}
	.mg-nav .elementor-nav-menu--dropdown .elementor-nav-menu li.mg-menu-cta a.elementor-item{display:flex;gap:1.172vw;background:var(--mg-madder);color:var(--mg-ground);border:0;font:500 1.465vw/1 var(--mg-font-text);padding:1.563vw 2.344vw}
}

/* MG: Mobile */
@media (max-width:767px){
	/* MG: Header menu */
	.mg-nav .elementor-menu-toggle{font-size:3.077vw;padding:2.564vw 3.59vw}
	.mg-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{padding:3.077vw 6vw 7.179vw}
	.mg-nav .elementor-nav-menu--dropdown .mg-menu-cta{margin-top:5.128vw}
	.mg-nav .elementor-nav-menu--dropdown .elementor-nav-menu li.mg-menu-cta a.elementor-item{gap:3.077vw;font-size:3.846vw;padding:4.103vw 6.154vw}
}

/* MG: Footer */
@media (max-width:1024px){
	.mg-foot-copy span{font-size:0.977vw}
}
@media (max-width:767px){
	.mg-foot-copy span{font-size:2.564vw}
}

/* MG: Home and motion */
@media (max-width:1024px){
	.mg-media[data-mg-slot]::before{left:1.367vw;bottom:1.172vw;font-size:1.025vw}
	body.admin-bar .mg-loom-stage,body.admin-bar .mg-rail-stage{top:calc(8.203vw + var(--wp-admin--admin-bar--height,0px));height:calc(100svh - 8.203vw - var(--wp-admin--admin-bar--height,0px))}
	.mg-loom-hud{font-size:1.025vw;padding:0.391vw 0.684vw}
	.mg-loom-stages > *{gap:0.781vw}
	.mg-loom-stages > *::before{width:0.586vw;height:0.586vw}
	.mg-division:hover h3{text-underline-offset:0.781vw}
	.mg-rail-track > *{flex-basis:min(24vw,calc((100svh - 39.453vw) * .75))}
	.mg-stitch-rail{left:calc(3vw - 1px)}
}
@media (max-width:767px){
	.mg-media[data-mg-slot]::before{left:3.59vw;bottom:3.077vw;font-size:2.692vw}
	body.admin-bar .mg-loom-stage{top:calc(21.538vw + var(--wp-admin--admin-bar--height,0px));height:calc(100svh - 21.538vw - var(--wp-admin--admin-bar--height,0px))}
	body.admin-bar .mg-rail-stage{top:auto;height:auto}
	.mg-loom-hud{font-size:2.692vw;padding:1.026vw 1.795vw}
	.mg-loom-hud-tl,.mg-loom-hud-bl{display:none}
	.mg-loom-stages > *{gap:2.051vw}
	.mg-loom-stages > *::before{width:1.538vw;height:1.538vw}
	.mg-rail-track{scroll-snap-type:x mandatory}
	.mg-rail-track > *{flex-basis:min(72vw,87.179vw);scroll-snap-align:start}
	.mg-rail.mg-native .mg-rail-stage{padding-block:18.462vw}
	.mg-stitch-rail{display:none}
}

/* MG: Tarrit image unbuttons */
@media (max-width:1024px){
	.mg-placket i{width:1.563vw;height:1.563vw}
	.mg-placket i::after{inset:0.293vw}
}
@media (max-width:767px){
	.mg-placket i{width:4.103vw;height:4.103vw}
	.mg-placket i::after{inset:0.769vw}
}
