@charset "UTF-8";


@media only screen and (min-width: 850px) {
  	#brand > *:nth-child(1) { order: 2; }
  	#brand > *:nth-child(2) { order: 1; }
  	#brand > *:nth-child(3) { order: 3; }
}

#brand_logo .logo {
	font-weight:bold;
	padding:5px;
	}
		
/* - DESKTOP - */

@media only screen and (min-width: 850px) {


	#header .links-category {
		text-align:center;
		border-bottom: 1px solid var(--border-color);
		clear:both;
		margin:0;
		width:auto;
		padding:0 30px;
		background:var(--menu-background-color);
		overflow:hidden;
	}
	.admin #header .links-category .link-edit {
		display:block;
		position:absolute;
		right:4%;
		margin:-20px 0 0 0;
		opacity:.5;
	
	}

	.admin #header .links-category .link-edit:hover {
		opacity:1;
	}
	#header .links-category .highlight-edit-smallest,
	.links-category .trigger {
		display:none !important;
	}

	#header .links-category ul,
	#header .links-category ul li {
		display:inline;
		list-style:none;
		padding:0;
		margin:0;
	}
	#header .links-category > ul > li > a:not(.highlight-edit-small) { 
		font-size:92%; 
		text-transform:uppercase;
		font-weight:500;
		padding:.6em 1em;
		display:inline-block;
		text-decoration:var(--header-link-underline);
	} 

	#header .links-category ul li li a {
		text-transform:none;
		padding:.4em 1.2em;
		text-align:left;
		text-decoration:var(--header-link-underline);
	}
	#header .links-category ul li.current a {
		font-weight:bold;
	}
	#header .links-category ul li.current ul a {
		font-weight:normal;
	}
	#header .links-category ul li.current ul li.current a {
		font-weight:bold;
	}
	#header .links-category ul li.current ul li.current ul a {
		font-weight:normal;
	}
	#header .links-category ul li.current ul li.current ul li.current a {
		font-weight:bold;
	}
	#header .links-category li {
		position:relative;
		z-index:100;
	}
	#header .links-category li:hover {
		z-index:101;
	}
	#header .links-category li:hover a {
	}
	#header .links-category li div {
		position:absolute;
		visibility:hidden;
		opacity:0;
		left:0;
		z-index:-1;
		width:260px;
  		height:auto;
		border:1px solid var(--border-color);
		background:var(--menu-background-color);
		padding:1px;
		box-shadow:0px 3px 15px rgba(0,0,0,.1);
		margin-top:-1px;
  		max-height:2000px;
		transition: visibility 200ms ease-out, opacity 110ms ease-out;
  		transition-delay: 140ms;
	}
	#header .links-category li:hover div {
		display:block;
		visibility:visible;
		z-index:102;
		opacity:1;
  		overflow:visible;
  		height:auto;
		transition: visibility 200ms ease-out, opacity 200ms ease-out;
  		transition-delay: 140ms;
	}
	#header .links-category li:hover div:before {
		display:block;
		width:10px;
		height:10px;
		content:' ';
		transform: rotate(45deg);
		border-left:1px solid rgba(0,0,0,.15);
		border-top:1px solid rgba(0,0,0,.15);
		position:relative;
		background:var(--menu-background-color);
		top:-8px;
		left:31%;
		margin-bottom:-10px;
	}
	
	#header .links-category li:hover li div:before {
		left:19%;
	}
	

	#header .links-category li:hover li div {
		visibility:hidden;
		opacity:0;
		transition:opacity 400ms ease;
		transition-delay:100ms;
	}
	
	
	#header .links-category li:hover li:hover div {
		visibility:visible;
		z-index:103;
		margin:0 0 0 103px;
		opacity:1;
		transition:opacity 400ms ease;
		transition-delay:100ms;
	}
	
	
	#header .links-category li:hover li:hover li div {
		display:none;
		visibility:hidden;
	}
	
	
	#header .links-category li:hover li:hover li:hover div {
		display:block;
		visibility:visible;
		z-index:104;
	}


	#header .links-category li li {
		display:block;
		margin:0;
		padding:0;
		border:none;
	}
	#header .links-category li li a {
		display:block;
		padding:.5em 1em .4em 1em;
		line-height:1.4em;
		border-top:none;
		border-bottom:1px dotted var(--border-color);
		background:var(--menu-background-color);
	}

	#header .links-category li .last a {
		border-bottom:none;
	}
	#header .links-category > ul > li.subs > a:after {
		display:inline-block;
		content:' ∟ ';
		width:16px;
		height:16px;
		font-size:16px;
		position:relative;
		top:-4px;
		transform:rotate(-45deg);
		font-weight:bold;
		float:right;
	}
	#header .links-category li li.subs a:after {
		display:inline-block;
		content:' ∟ ';
		width:16px;
		height:16px;
		font-size:16px;
		position:relative;
		top:-4px;
		right:22px;
		opacity:.5;
		transform:rotate(-45deg);
		font-weight:bold;
		float:right;
	}
	#header .links-category li:hover li .links-subcategory a {
		border-bottom:none;
	}
	
	#header .links-category li:hover li[data-total]:before {
		content: attr(data-total);
		display:inline-block;
		float:right;
		margin:.4em 10px -0.4em -4px;
		opacity:.4;
  		vertical-align: baseline;
  		line-height:1.6em;
	}
	
	#header .links-category li:hover li[data-total]:hover:before {
		opacity:.5;
	}
	
	.text-displaying {
		display:block;	
		text-align:left;
		width:auto;
		height:auto;
	}


	
	#menu {
		border-top:1px solid var(--border-color);
		border-bottom:1px solid var(--border-color);
		clear:both;
	} 
	#menu_inner {
		padding:.2em 30px 1em 30px;
		box-sizing:border-box;
	} 
	#menu .col {
		float:left;
		width:33%;
	} 
	#menucol1 {
		display:none;
	}

	#menu .col ul {
	list-style:none;
	padding:0;
	margin:0;
	} 
	#menu ul ul a {
	padding:0 0 0 17px;
	text-decoration:none;
	}
	#menu .col legend {
	display:none;
	} 
	#menu .col label {
	display:block;
	float:none;
	width:auto;
	text-align:left;
	} 
	#menu .col .text {
	width:80%;
	} 

	#menu p span {
	font-size:smaller;
	} 
	#menu p img {
	vertical-align:bottom;
	margin:2px;
	} 
	#menu h4 {
	font-weight:bold;
	} 
	
	#menu ul ul {
		display:none;
	}
	#menu ul .current ul {
		display:block;
	}
	#menu ul .current ul li.current a {
		font-weight:bold;
	}

	
	#content {
		line-height:1.4;
	}
}










	
	



/* - MOBILE - */

@media only screen and (max-width: 850px) {


	#header .links-category {
		display:none;
	}
	#header .links-category li div {
		display:none;
	}


	#brand_links #brand_link_order {
		position:relative;
	}
	#brand_logo .logo {
		letter-spacing:0;
		}
	#brand_links .box-info {
		width:80vw !important;
		max-width:80vw !important;
		max-height:80vh !important;
		margin:0 !important;
		top:80px !important;
		right:5vw !important;
		border:none !important;
		position:fixed !important;
		}

	


	
	
	


	.products-layout div {
		padding:6px;
		}

	.layout-listview,
	#content-padding {
		padding:0 15px 25px 15px;
		width:auto;
		}
	

	#content-padding,
	.content-padding ,
	.section-admin #content-padding {
		padding:1px 17px 77px 17px;
	}
	#footer {
		margin:15px;
		padding:15px;
		text-align:center;
		border-top:1px solid var(--border-color);
		clear:both;
	}
	#content .products-layout {
		padding:10px;
		top:0px;
	}
	#content .products-layout * {
		text-align:center;
	}
	.products-layout .highlight-remove,
	.products-layout label {
		display:none;
	}
	
	
	
	


	form.form-standard fieldset label {
		width:auto;
		padding:6px 0 0 0px;
		text-align:left;
		}
	.form-admin legend,
	.form-standard legend {
		padding:10px 4px 10px 0;
		font-weight: 600;
		font-size:1.2em;
	}
	.form-standard .row,
	.form-standard .row-optional,
	.form-standard .row-required {
		min-height:2em !important;
		padding:0;
		line-height:1.5em;
		padding:1px 0 1em 0 !important;
	}

	form input.text, 
	form input.file, 
	form input.password, 
	form textarea.textarea, 
	form select.select {
		width:96%;
	}
	form select.select {
		width:96%;
	}
	form span.threequarter, 
	form input.threequarter, 
	form textarea.threequarter, 
	form select.threequarter {
		width:96%;
	}
	form span.half, 
	form input.half, 
	form textarea.half, 
	form select.half {
		width:96%;
	}
	
	
	.links-layout-view img ,
	.links-layout-thumbs img {
 		opacity:1;
	}	
	.subsection-product .product-summary,
	.subsection-product .product-description {
		float:none;
		width:auto;
		max-width:100%;
	}
	.subsection-product .box-action .button-remove {
		color:red !important;
		border:none;
		background:none;
		outline:none;
		padding:0px;
		font-size:13px !important;
	}
	#content .group-1,
 	#content .group-2 {
		width:auto;
		float:none;
		clear:both;
		padding:0;
		margin:0;
	}
	#header .links-category {
		margin:0 10px;
		padding:8px 0;
	}
	#header .links-category ul li a {
		padding:.5em .5em;
		line-height:2em;
		white-space:nowrap;
		border:none;
	}
	#header .links-category ul li.current a {
		border:none;
	}
	form div .highlight-note {
		display:inline-block;
	}



}