/* Shop */

.silk-object.shop {
	position: relative;
}

.silk-object.shop
	> .silk-list
	{
		flex-wrap: nowrap;
		padding: 20px;
	}

.silk-object.shop
	> .silk-list > .silk-listItem.view
	{
		flex-grow: 1;
		width: 100%;
	}
.silk-object.shop .silk-object.view
	> .silk-list
	{
		flex-direction: column;
		flex-wrap: nowrap;
	}

.silk-object.shop .silk-object.controller
	> .silk-list
	{
		flex-direction: column;
		flex-wrap: nowrap;
	}

.silk-object.shop .silk-object.controller
	> .silk-list > .silk-listItem
	{
		width: 250px;
	}

.silk-object.shop .silk-object.controller
	> .silk-list > .silk-listItem + .silk-listItem
	{
		margin-top: 20px;
	}




/* Navigation */

.silk-object.shop .silk-object.navigation {
	position: relative;
	padding: 10px;
	border-radius: 10px;
	background-color: #ffffff;
}

.silk-object.shop .silk-object.navigation > .silk-elm.heading  {
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}

.silk-object.shop .silk-object.navigation
	> .silk-elm.pulldown
	{
		display: none;
	}

.silk-object.shop .silk-object.navigation
	> .silk-elm.pulldown::before
	{
		position: absolute;
		top: 20px;
		right: 20px;
	}

.silk-object.shop .silk-object.navigation
	> .silk-elm.pulldown::before
	{
		content: "\f106";
		font-family: FontAwesome;
		font-size: 20px;
		font-weight: bold;
	}

.silk-object.shop .silk-object.navigation:not(.open)
	> .silk-elm.pulldown::before
	{
		content: "\f107";
	}

.silk-object.shop .silk-object.navigation
	> .silk-elm.pulldown > a
	{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 50px;
	}




.silk-object.shop .silk-object.navigation
	.silk-list.nav-list
	{
		flex-direction: column;
		flex-wrap: nowrap;
	}


/* Navitem's */

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	{
		position: relative;
		padding: 0px 10px;
	}

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem.name
	{
		border-bottom: 1px solid transparent;
	}


.silk-object.shop .silk-object.navigation .silk-object.nav-item:hover
	> .silk-list > .silk-listItem.name
	{
		border-bottom: 1px solid #83b734;
	}

.silk-object.shop .silk-object.navigation .silk-object.nav-item.selected
	> .silk-list > .silk-listItem.name
	{
		border-bottom: 1px solid #fb1538;
	}



.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list
	{
		flex-wrap: nowrap;
	}

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem
	{
		padding: 10px 0px;

	}

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem.name
	{
		flex-grow: 1;
	}



.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem.link
	{
		position: absolute;
		display: block;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		z-index: 50;
	}

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem > .silk-elm.link,
.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem > .silk-elm.link *
	{
		display: block;
		height: 100%;
	}


body:not([data-simply-edit]) .silk-object.shop .silk-object.navigation .silk-object.nav-item:not(.hasChildren)
	> .silk-list > .silk-listItem.pulldown
	{
		display: none;
	}

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem.pulldown
	{
		z-index: 100;
		width: 30px;
		padding: 0px;
		margin-right: -20px;
	}

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem.pulldown .silk-elm.link > a 
	{
		display: flex;
		width: 100%;
		height: 100%;
	}	

.silk-object.shop .silk-object.navigation .silk-object.nav-item
	> .silk-list > .silk-listItem.pulldown .silk-elm.link > a::before
	{
		font-family: FontAwesome;
		margin: auto;
	}

/* Nav-item pulldown open ( arrow up ) */
.silk-object.shop .silk-object.navigation .silk-object.nav-item.open
	> .silk-list > .silk-listItem.pulldown .silk-elm.link > a::before
	{
		content: "\f106";
	}

/* Nav-item pulldown closed ( arrow down ) */
.silk-object.shop .silk-object.navigation .silk-object.nav-item:not(.open)
	> .silk-list > .silk-listItem.pulldown .silk-elm.link > a::before
	{
		content: "\f107";
	}





body[data-simply-edit]
	.silk-object.shop .silk-object.navigation .silk-object.nav-item
		> .silk-list > .silk-listItem.link
		{
			display: none;
		}



/*
	Navitem 1st level
*/
.silk-object.shop .silk-object.navigation
	> .silk-list.nav-list > .silk-listItem > .silk-object.nav-item
	{
	}


/*
	Nav list 1st+ level 
*/

.silk-object.shop .silk-object.navigation
	.silk-list.nav-list .silk-object.nav-item:not(.open) + .silk-list.nav-list
	{
		display: none;
	}
	




/*
	Navitem 2+nd level
*/

.silk-object.shop .silk-object.navigation
	.silk-list.nav-list .silk-list.nav-list .silk-object.nav-item
		> .silk-list > .silk-listItem.name
		{
			padding-left: 20px;
		}


/*
	Mobile/table

*/

@media ( min-width: 769px ) {

	.silk-object.shop
		> .silk-list > .silk-listItem + .silk-listItem
		{
			padding-left: 20px;
		}

}


@media ( max-width: 768px ) {
/*
	.silk-object.shop .silk-object.controller::before {
		content: 'mobile';
		display: block;
		width: 0px;
		height: 0px;
		overflow: hidden;
	}
*/
	.silk-object.shop .silk-object.controller
		> .silk-list 
		{
			padding: 20px 0px;
		}

	.silk-object.shop .silk-object.controller
		> .silk-list > .silk-listItem
		{
			width: 100%;
		}

	.silk-object.shop
		> .silk-list
		{
			flex-direction: column;
		}

	.silk-object.shop .silk-object.navigation
		{
			padding-right: 20px;
		}

	.silk-object.shop .silk-object.navigation:not(.open)
		{
			height: 55px;
			overflow: hidden;
		}

	.silk-object.shop .silk-object.navigation.open
		> .silk-list
		{
		}

	.silk-object.shop .silk-object.navigation:not(.open) .silk-object.nav-item
		> .silk-list > .silk-listItem.link
		{
			display: none;
		}	


	.silk-object.shop .silk-object.navigation
		> .silk-elm.pulldown
		{
			display: block;
		}

	.silk-object.shop .silk-object.navigation:not(.open)
		> .silk-elm.pulldown > a
		{
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
		}


}


.silk-object.shop .silk-object.view .products.columns {
	padding: 0px 0px 0px 0px;
}

.silk-object.shop .silk-object.view .products.columns > .silk-listItem {
	padding: 0px 10px 20px 10px;
}

.silk-object.shop .silk-object.view .products.columns > .silk-listItem:nth-child( 1 ) {
	padding-left: 0px;
}


/* spanning */

@media ( min-width: 1001px ) {
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1 ),
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1n + 3  ) {
		width: 33.33%;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 2 ),
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 2n + 3  ) {
		width: 33.33%;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 3 ),
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 3n + 3  ) {
		width: 33.33%;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 3n ) {
		padding-right: 0px;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 3n + 1 ) {
		padding-left: 0px;
	}
}

@media ( min-width: 531px ) and ( max-width: 1000px ) {
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1 ),
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1n + 2  ) {
		width: 50.00%;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 2 ),
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 2n + 2  ) {
		width: 50.00%;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 2n ) {
		padding-right: 0px;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 2n + 1 ) {
		padding-left: 0px;
	}
}

@media ( max-width: 530px ) {
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1 ),
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1n + 1  ) {
		width: 100.00%;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1n ) {
		padding-right: 0px;
	}
	.silk-object.shop .silk-object.view .products.columns.span-3 > .silk-listItem:nth-child( 1n + 1 ) {
		padding-left: 0px;
	}
}