/* ================================================== */
/* WIDTH LG
/* ================================================== */

@media (min-width:660px){


	/* -------------------------------------------------- */
	/* grid gap
	/* -------------------------------------------------- */
	.grid[data-lg-gap="xxs"] > .grid-item {padding-bottom:var(--gap-xxs);}
	.grid[data-lg-gap="xs"] > .grid-item {padding-bottom:var(--gap-xs);}
	.grid[data-lg-gap="sm"] > .grid-item {padding-bottom:var(--gap-sm);}
	.grid[data-lg-gap="md"] > .grid-item {padding-bottom:var(--gap-md);}
	.grid[data-lg-gap="lg"] > .grid-item {padding-bottom:var(--gap-lg);}
	.grid[data-lg-gap="xl"] > .grid-item {padding-bottom:var(--gap-xl);}
	.grid[data-lg-gap="xxl"] > .grid-item {padding-bottom:var(--gap-xxl);}


	.grid > .grid-item.lg-last-row{padding-bottom:0;}


.lg-glr {
	padding-bottom: 0;
}


.grid-item.lg-ah-right > * {
	align-self: flex-end;
}



/* -------------------------------------------------- */
/* width
/* -------------------------------------------------- */



	/* ================================================== */
	/* cloumns with gap
	/* ================================================== */

	/* force column elements content to full width */
	.lg-col-2 > .cell-content > .cell,
	.lg-col-2 > .cell-content > a > .cell
	{width:100%;}

	.lg-col-2 > .cell-content > * {width:50%;}

	.lg-col-2.lg-gap-xs > .cell-content {gap:var(--gap-xs)}
	.lg-col-2.lg-gap-xs > .cell-content > * {width:calc(50% - calc( var(--gap-xs) * 1 / 2 ) );}

	.lg-col-2.lg-gap-sm > .cell-content {gap:var(--gap-sm)}
	.lg-col-2.lg-gap-sm > .cell-content > * {width:calc(50% - calc( var(--gap-sm) * 1 / 2 ) );}

	.lg-col-2.lg-gap-md > .cell-content {gap:var(--gap-md)}
	.lg-col-2.lg-gap-md > .cell-content > * {width:calc(50% - calc( var(--gap-md) * 1 / 2 ) );}

	.lg-col-2.lg-gap-lg > .cell-content {gap:var(--gap-lg)}
	.lg-col-2.lg-gap-lg > .cell-content > * {width:calc(50% - calc( var(--gap-lg) * 1 / 2 ) );}

	.lg-col-2.lg-gap-xl > .cell-content {gap:var(--gap-xl)}
	.lg-col-2.lg-gap-xl > .cell-content > * {width:calc(50% - calc( var(--gap-xl) * 1 / 2 ) );}

	.lg-col-2.lg-gap-xxl > .cell-content {gap:var(--gap-xxl)}
	.lg-col-2.lg-gap-xxl > .cell-content > * {width:calc(50% - calc( var(--gap-xxl) * 1 / 2 ) );}


	/* force column elements content to full width */
	.lg-col-3 > .cell-content > .cell,
	.lg-col-3 > .cell-content > a > .cell
	{width:100%;}

	.lg-col-3 > .cell-content > * {width:33.333333%;}

	.lg-col-3.lg-gap-xs > .cell-content {gap:var(--gap-xs)}
	.lg-col-3.lg-gap-xs > .cell-content > * {width:calc(33.333333% - calc( var(--gap-xs) * 2 / 3 ) );}

	.lg-col-3.lg-gap-sm > .cell-content {gap:var(--gap-sm)}
	.lg-col-3.lg-gap-sm > .cell-content > * {width:calc(33.333333% - calc( var(--gap-sm) * 2 / 3 ) );}

	.lg-col-3.lg-gap-md > .cell-content {gap:var(--gap-md)}
	.lg-col-3.lg-gap-md > .cell-content > * {width:calc(33.333333% - calc( var(--gap-md) * 2 / 3 ) );}

	.lg-col-3.lg-gap-lg > .cell-content {gap:var(--gap-lg)}
	.lg-col-3.lg-gap-lg > .cell-content > * {width:calc(33.333333% - calc( var(--gap-lg) * 2 / 3 ) );}

	.lg-col-3.lg-gap-xl > .cell-content {gap:var(--gap-xl)}
	.lg-col-3.lg-gap-xl > .cell-content > * {width:calc(33.333333% - calc( var(--gap-xl) * 2 / 3 ) );}

	.lg-col-3.lg-gap-xxl > .cell-content {gap:var(--gap-xxl)}
	.lg-col-3.lg-gap-xxl > .cell-content > * {width:calc(33.333333% - calc( var(--gap-xxl) * 2 / 3 ) );}


	/* force column elements content to full width */
	.lg-col-4 > .cell-content > .cell,
	.lg-col-4 > .cell-content > a > .cell
	{width:100%;}

	.lg-col-4 > .cell-content > * {width:25%;}

	.lg-col-4.lg-gap-xs > .cell-content {gap:var(--gap-xs)}
	.lg-col-4.lg-gap-xs > .cell-content > * {width:calc(25% - calc( var(--gap-xs) * 3 / 4 ) );}

	.lg-col-4.lg-gap-sm > .cell-content {gap:var(--gap-sm)}
	.lg-col-4.lg-gap-sm > .cell-content > * {width:calc(25% - calc( var(--gap-sm) * 3 / 4 ) );}

	.lg-col-4.lg-gap-md > .cell-content {gap:var(--gap-md)}
	.lg-col-4.lg-gap-md > .cell-content > * {width:calc(25% - calc( var(--gap-md) * 3 / 4 ) );}

	.lg-col-4.lg-gap-lg > .cell-content {gap:var(--gap-lg)}
	.lg-col-4.lg-gap-lg > .cell-content > * {width:calc(25% - calc( var(--gap-lg) * 3 / 4 ) );}

	.lg-col-4.lg-gap-xl > .cell-content {gap:var(--gap-xl)}
	.lg-col-4.lg-gap-xl > .cell-content > * {width:calc(25% - calc( var(--gap-xl) * 3 / 4 ) );}

	.lg-col-4.lg-gap-xxl > .cell-content {gap:var(--gap-xxl)}
	.lg-col-4.lg-gap-xxl > .cell-content > * {width:calc(25% - calc( var(--gap-xxl) * 3 / 4 ) );}


	/* force column elements content to full width */
	.lg-col-5 > .cell-content > .cell,
	.lg-col-5 > .cell-content > a > .cell
	{width:100%;}

	.lg-col-5 > .cell-content > * {width:20%;}

	.lg-col-5.lg-gap-xs > .cell-content {gap:var(--gap-xs)}
	.lg-col-5.lg-gap-xs > .cell-content > * {width:calc(20% - calc( var(--gap-xs) * 4 / 5 ) );}

	.lg-col-5.lg-gap-sm > .cell-content {gap:var(--gap-sm)}
	.lg-col-5.lg-gap-sm > .cell-content > * {width:calc(20% - calc( var(--gap-sm) * 4 / 5 ) );}

	.lg-col-5.lg-gap-md > .cell-content {gap:var(--gap-md)}
	.lg-col-5.lg-gap-md > .cell-content > * {width:calc(20% - calc( var(--gap-md) * 4 / 5 ) );}

	.lg-col-5.lg-gap-lg > .cell-content {gap:var(--gap-lg)}
	.lg-col-5.lg-gap-lg > .cell-content > * {width:calc(20% - calc( var(--gap-lg) * 4 / 5 ) );}

	.lg-col-5.lg-gap-xl > .cell-content {gap:var(--gap-xl)}
	.lg-col-5.lg-gap-xl > .cell-content > * {width:calc(20% - calc( var(--gap-xl) * 4 / 5 ) );}

	.lg-col-5.lg-gap-xxl > .cell-content {gap:var(--gap-xxl)}
	.lg-col-5.lg-gap-xxl > .cell-content > * {width:calc(20% - calc( var(--gap-xxl) * 4 / 5 ) );}


	/* force column elements content to full width */
	.lg-col-6 > .cell-content > .cell,
	.lg-col-6 > .cell-content > a > .cell
	{width:100%;}

	.lg-col-6 > .cell-content > * {width:16.666667%;}

	.lg-col-6.lg-gap-xs > .cell-content {gap:var(--gap-xs)}
	.lg-col-6.lg-gap-xs > .cell-content > * {width:calc(16.666667% - calc( var(--gap-xs) * 5 / 6 ) );}

	.lg-col-6.lg-gap-sm > .cell-content {gap:var(--gap-sm)}
	.lg-col-6.lg-gap-sm > .cell-content > * {width:calc(16.666667% - calc( var(--gap-sm) * 5 / 6 ) );}

	.lg-col-6.lg-gap-md > .cell-content {gap:var(--gap-md)}
	.lg-col-6.lg-gap-md > .cell-content > * {width:calc(16.666667% - calc( var(--gap-md) * 5 / 6 ) );}

	.lg-col-6.lg-gap-lg > .cell-content {gap:var(--gap-lg)}
	.lg-col-6.lg-gap-lg > .cell-content > * {width:calc(16.666667% - calc( var(--gap-lg) * 5 / 6 ) );}

	.lg-col-6.lg-gap-xl > .cell-content {gap:var(--gap-xl)}
	.lg-col-6.lg-gap-xl > .cell-content > * {width:calc(16.666667% - calc( var(--gap-xl) * 5 / 6 ) );}

	.lg-col-6.lg-gap-xxl > .cell-content {gap:var(--gap-xxl)}
	.lg-col-6.lg-gap-xxl > .cell-content > * {width:calc(16.666667% - calc( var(--gap-xxl) * 5 / 6 ) );}


	/* ================================================== */
	/* padding/margin XXS
	/* ================================================== */

	.lg-pd-xxs > .cell-content,
	.lg-pd-t-xxs > .cell-content,
	.lg-pd-tb-xxs > .cell-content,
	.lg-mr-xxs,
	.lg-mr-t-xxs,
	.lg-mr-tb-xxs
	{padding-top: var(--xxs);}	

	.lg-pd-xxs > .cell-content,
	.lg-pd-b-xxs > .cell-content,
	.lg-pd-tb-xxs > .cell-content,
	.lg-mr-xxs,
	.lg-mr-b-xxs,
	.lg-mr-tb-xxs
	{padding-bottom: var(--xxs);}	

	.lg-pd-xxs > .cell-content,
	.lg-pd-l-xxs > .cell-content,
	.lg-pd-lr-xxs > .cell-content,
	.lg-mr-xxs,
	.lg-mr-l-xxs,
	.lg-mr-lr-xxs
	{padding-left: var(--xxs);}	

	.lg-pd-xxs > .cell-content,
	.lg-pd-r-xxs > .cell-content,
	.lg-pd-lr-xxs > .cell-content,
	.lg-mr-xxs,
	.lg-mr-r-xxs,
	.lg-mr-lr-xxs
	{padding-right: var(--xxs);}	


	/* ================================================== */
	/* padding/margin XS
	/* ================================================== */

	.lg-pd-xs > .cell-content,
	.lg-pd-t-xs > .cell-content,
	.lg-pd-tb-xs > .cell-content,
	.lg-mr-xs,
	.lg-mr-t-xs,
	.lg-mr-tb-xs
	{padding-top: var(--xs);}	

	.lg-pd-xs > .cell-content,
	.lg-pd-b-xs > .cell-content,
	.lg-pd-tb-xs > .cell-content,
	.lg-mr-xs,
	.lg-mr-b-xs,
	.lg-mr-tb-xs
	{padding-bottom: var(--xs);}	

	.lg-pd-xs > .cell-content,
	.lg-pd-l-xs > .cell-content,
	.lg-pd-lr-xs > .cell-content,
	.lg-mr-xs,
	.lg-mr-l-xs,
	.lg-mr-lr-xs
	{padding-left: var(--xs);}	

	.lg-pd-xs > .cell-content,
	.lg-pd-r-xs > .cell-content,
	.lg-pd-lr-xs > .cell-content,
	.lg-mr-xs,
	.lg-mr-r-xs,
	.lg-mr-lr-xs
	{padding-right: var(--xs);}	


	/* ================================================== */
	/* padding/margin SM
	/* ================================================== */

	.lg-pd-sm > .cell-content,
	.lg-pd-t-sm > .cell-content,
	.lg-pd-tb-sm > .cell-content,
	.lg-mr-sm,
	.lg-mr-t-sm,
	.lg-mr-tb-sm
	{padding-top: var(--sm);}	

	.lg-pd-sm > .cell-content,
	.lg-pd-b-sm > .cell-content,
	.lg-pd-tb-sm > .cell-content,
	.lg-mr-sm,
	.lg-mr-b-sm,
	.lg-mr-tb-sm
	{padding-bottom: var(--sm);}	

	.lg-pd-sm > .cell-content,
	.lg-pd-l-sm > .cell-content,
	.lg-pd-lr-sm > .cell-content,
	.lg-mr-sm,
	.lg-mr-l-sm,
	.lg-mr-lr-sm
	{padding-left: var(--sm);}	

	.lg-pd-sm > .cell-content,
	.lg-pd-r-sm > .cell-content,
	.lg-pd-lr-sm > .cell-content,
	.lg-mr-sm,
	.lg-mr-r-sm,
	.lg-mr-lr-sm
	{padding-right: var(--sm);}	


	/* ================================================== */
	/* padding/margin MD
	/* ================================================== */

	.lg-pd-md > .cell-content,
	.lg-pd-t-md > .cell-content,
	.lg-pd-tb-md > .cell-content,
	.lg-mr-md,
	.lg-mr-t-md,
	.lg-mr-tb-md
	{padding-top: var(--md);}	

	.lg-pd-md > .cell-content,
	.lg-pd-b-md > .cell-content,
	.lg-pd-tb-md > .cell-content,
	.lg-mr-md,
	.lg-mr-b-md,
	.lg-mr-tb-md
	{padding-bottom: var(--md);}	

	.lg-pd-md > .cell-content,
	.lg-pd-l-md > .cell-content,
	.lg-pd-lr-md > .cell-content,
	.lg-mr-md,
	.lg-mr-l-md,
	.lg-mr-lr-md
	{padding-left: var(--md);}	

	.lg-pd-md > .cell-content,
	.lg-pd-r-md > .cell-content,
	.lg-pd-lr-md > .cell-content,
	.lg-mr-md,
	.lg-mr-r-md,
	.lg-mr-lr-md
	{padding-right: var(--md);}	


	/* ================================================== */
	/* padding/margin LG
	/* ================================================== */

	.lg-pd-lg > .cell-content,
	.lg-pd-t-lg > .cell-content,
	.lg-pd-tb-lg > .cell-content,
	.lg-mr-lg,
	.lg-mr-t-lg,
	.lg-mr-tb-lg
	{padding-top: var(--lg);}	

	.lg-pd-lg > .cell-content,
	.lg-pd-b-lg > .cell-content,
	.lg-pd-tb-lg > .cell-content,
	.lg-mr-lg,
	.lg-mr-b-lg,
	.lg-mr-tb-lg
	{padding-bottom: var(--lg);}	

	.lg-pd-lg > .cell-content,
	.lg-pd-l-lg > .cell-content,
	.lg-pd-lr-lg > .cell-content,
	.lg-mr-lg,
	.lg-mr-l-lg,
	.lg-mr-lr-lg
	{padding-left: var(--lg);}	

	.lg-pd-lg > .cell-content,
	.lg-pd-r-lg > .cell-content,
	.lg-pd-lr-lg > .cell-content,
	.lg-mr-lg,
	.lg-mr-r-lg,
	.lg-mr-lr-lg
	{padding-right: var(--lg);}	


	/* ================================================== */
	/* padding/margin XL
	/* ================================================== */

	.lg-pd-xl > .cell-content,
	.lg-pd-t-xl > .cell-content,
	.lg-pd-tb-xl > .cell-content,
	.lg-mr-xl,
	.lg-mr-t-xl,
	.lg-mr-tb-xl
	{padding-top: var(--xl);}	

	.lg-pd-xl > .cell-content,
	.lg-pd-b-xl > .cell-content,
	.lg-pd-tb-xl > .cell-content,
	.lg-mr-xl,
	.lg-mr-b-xl,
	.lg-mr-tb-xl
	{padding-bottom: var(--xl);}	

	.lg-pd-xl > .cell-content,
	.lg-pd-l-xl > .cell-content,
	.lg-pd-lr-xl > .cell-content,
	.lg-mr-xl,
	.lg-mr-l-xl,
	.lg-mr-lr-xl
	{padding-left: var(--xl);}	

	.lg-pd-xl > .cell-content,
	.lg-pd-r-xl > .cell-content,
	.lg-pd-lr-xl > .cell-content,
	.lg-mr-xl,
	.lg-mr-r-xl,
	.lg-mr-lr-xl
	{padding-right: var(--xl);}	


	/* ================================================== */
	/* padding/margin XXL
	/* ================================================== */

	.lg-pd-xxl > .cell-content,
	.lg-pd-t-xxl > .cell-content,
	.lg-pd-tb-xxl > .cell-content,
	.lg-mr-xxl,
	.lg-mr-t-xxl,
	.lg-mr-tb-xxl
	{padding-top: var(--xxl);}	

	.lg-pd-xxl > .cell-content,
	.lg-pd-b-xxl > .cell-content,
	.lg-pd-tb-xxl > .cell-content,
	.lg-mr-xxl,
	.lg-mr-b-xxl,
	.lg-mr-tb-xxl
	{padding-bottom: var(--xxl);}	

	.lg-pd-xxl > .cell-content,
	.lg-pd-l-xxl > .cell-content,
	.lg-pd-lr-xxl > .cell-content,
	.lg-mr-xxl,
	.lg-mr-l-xxl,
	.lg-mr-lr-xxl
	{padding-left: var(--xxl);}	

	.lg-pd-xxl > .cell-content,
	.lg-pd-r-xxl > .cell-content,
	.lg-pd-lr-xxl > .cell-content,
	.lg-mr-xxl,
	.lg-mr-r-xxl,
	.lg-mr-lr-xxl
	{padding-right: var(--xxl);}	


	/* ================================================== */
	/* widths
	/* ================================================== */
	.lg-wd-50pc {flex: 1 1 50%;}


}