/* ================================================== */
/* WIDTH XL
/* ================================================== */

@media (min-width:860px){




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


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

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


.grid[data-xl-cols="3"] {
}

.grid[data-xl-tail-align="between"] {
	justify-content: space-between;
}



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



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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

}