body.catalog-category-view {

	.category-title {
		display: none;
	}

	.category-products {
		.toolbar {
			display: none;
		}	
	}

	.view-mode {
				
		margin-bottom: 58px;
		
/*
		label {
			font-family: $f-stack-default;
			font-size: $f-size-xxs - 1;
		}
*/
		
	
		label,
		ul,
		li {
			font-family: $f-stack-default;
			font-size: $f-size-xxs - 1;
			font-weight: normal;
			letter-spacing: 1px;
			text-transform: uppercase;
			display: inline-block;
			position: relative;
		}
		
		label {
			margin-right: 5px;
		}
		
		ul{
			li{
				margin: 0 0;//3px;
				a {
					padding: 0 5px;
				}
				
				&.current {
					a {
						color: $c-text;
					}
					&:after {
						content: '';
						display: block;
						position: absolute;
						top:0;
						left:0;
						width: 100%;
						height: 150%;
						border-bottom: 1px solid $c-text;
					}

					
				}
				
			}
		}
	
	
		@include bp(max-width, $bp-medium) {
			li.view-4 {
				display: none;
			}
		}
		@include bp(min-width, ($bp-medium + 1 )) {
			li.view-1 {
				display: none;
			}
		}
		
	}
	
	ul.cat-list {
		margin-bottom: 50px;
		li {
			margin: 17px 0;
			font-family: $f-stack-gt-extended-medium;
			font-size: $f-size-xs;
			letter-spacing: .8px;
			text-transform: uppercase;
			
			a {
				color: $c-text;
			}
			
			&.current {
				&:before {
				    content: '';
				    width: 25px;
				    border-bottom: 1px solid #000000;
				    position: relative;
				    display: inline-block;
				    margin-left: -21px;
				    height: 10px;
				    margin-right: 15px;
   				}
			}
		}
	}


	.sort-by {
		label {
			font-family: $f-stack-gt-extended-medium;
			font-size: $f-size-xs;
			letter-spacing: .8px;
			text-transform: uppercase;
			position: relative;
			&:after {
				@include arrow(down, 3px, 1.8px);
			    position: absolute;
			    left: 100%;
			    top:50%;
				margin-top: -5px;
				margin-left: 12px;
			}
			
		}
		ul {
			display: none;
/*
			max-height: 0;
			overflow: hidden;
			transition: $transition;
*/
			li {
				margin: 17px 0;
				font-family: $f-stack-gt-extended-medium;
				font-size: $f-size-xs;
				letter-spacing: .8px;
				text-transform: uppercase;
				padding-left: 19px;

				a {
					color: $c-text;
				}

				&.current {
					padding-left: 0;
					&:before {
					    content: '';
					    width: 25px;
					    border-bottom: 1px solid #000000;
					    position: relative;
					    display: inline-block;
					    margin-left: -21px;
					    height: 10px;
					    margin-right: 15px;
	   				}
				}
				
				
			}
			
/*
			&.active {
				max-height: 100%;
			}
*/
		}
	}	


	@include bp(max-width, $bp-medium) {
		

		.category-title {
			display: block;
			position: absolute;
			margin-top: -35px;
			padding-left: 30px;
			h1 {
				font-size: 11px;
			    letter-spacing: .9px;
			    font-weight: normal;
			}
		}


		.col-left.col-left-first {
			display: flex;
			justify-content: flex-end;
			margin-bottom: 21px;

			ul.cat-list {
				display: none;
			}
			
			.view-mode {
				margin-bottom: 0;
				label,
				ul,
				li {
					font-size: $f-size-xxs;
				}

			}
			
			.sort-by {
				padding: 0 25px 0 0;
				margin-left: 25px;
				position: relative;
				
				label {
					padding-right:25px;
					font-size: $f-size-xxs;
				}
				
				ul {
					display: none;
					position: absolute;
				    z-index: 2;
				    background: #fff;
				    width: 113px;
				    margin-left: -12px;
				    li {
					    font-size: $f-size-xxs;
					    padding-left: 12px;
				    }
				    
				}
				
				&:after {
					content: '';
				    display: block;
				    position: absolute;
				    top: 122%;
				    left: 0;
				    width: 100%;
				    border-bottom: 1px solid #000000;
				}
				
			}
			
			
		}
		
		.col-main {
			margin-left: -30px;
			margin-right: -30px;
			
			.products-grid.products-grid--max-1-col,
			.products-grid.products-grid--max-2-col {
				.product-info {
					margin-top: 7px;
					margin-left: 15px;
					margin-right: 15px;
				}
			}
			
		}		
		
	}


	@include bp(max-width, $bp-xsmall) {
		.col-main {
			margin-left: -15px;
			margin-right: -15px;
		}
	}

	
	.products-grid {
		.media-container {
			position: relative;
			.swatches {
				position: absolute;
			    background: #fff;
			    bottom: 3%;
			    width: 94%;
			    margin: 0 3%;
			    padding: 6%;
			    opacity: 0;
			    transition: $transition;

			    ul {
				    text-align: center;
				    li {
						display: inline-block;
					    overflow: hidden;
					    width: 22%;
					    height: 22px;
					    margin: 1%;	
					    border: 1px solid #bbb;				    
						img {
							width: 100%;
							max-width: 100%;
							min-height:22px;
						}
						&.active {
					    border: 1px solid #000;				    
						}
					    
				    }
			    }
			    
			    .current_color {
				    font-size: $f-size-xxs + 1;
				    text-align: center;
				    text-transform: capitalize;
			    }
			}

			@include bp(min-width, $bp-medium + 1) {			
				&:hover {
					.swatches {
						opacity: 1;
					}
				}
			}
			
		}
		
		.color-count {
			font-family: $f-stack-gt-extended-medium;
			font-size: $f-size-xxs - 2;
			letter-spacing: 1.3px;
			text-transform: uppercase;
			display: inline-block;
			border-bottom: 1px solid;
			padding-bottom: 4px;
		}
		
		
		&.products-grid--max-4-col {
			> li.item-2 {
			    width: (23.33333*2)+2.22222%;
			    margin-right: 2.22222%;
			    
			    img {
				    width: 100%;
				    max-width: 100%;
			    }
			    
		    }
		    > li.empty {
			    display:none;
		    }
		}
		
		
		&.products-grid--max-2-col {


			.product-info {
			    margin-top: 19px;
			}

			.product-name {
			    text-transform: none;
			    margin-bottom: 0;
			    font-size: $f-size;
			    letter-spacing: .1px;
			}
			
			
			.color-count {
				font-size: $f-size-xxs;
				position: absolute;
			    right: 0;
			    top: 2px;
			}
			
			.price-box .price {
			    font-size: $f-size;
			}



			> li.item-2 {
			    width: 100%;
			    img {
				    width: 100%;
				    max-width: 100%;
			    }
			    
		    }
		    > li.empty {
			    display:none;
		    }

			
		}
		
	}


	@include bp(max-width, $bp-small) {

		.category-title {
			h1 {
				font-size: $f-size-xxs - 2;
			    letter-spacing: .7px;
			}
		}


		.col-left.col-left-first {
			.view-mode {
				label,
				ul,
				li {
					font-size: $f-size-xxs - 2;
					letter-spacing: .9px;
				}

			}
		}
		.products-grid {
			.media-container .color-count {
				position: absolute;
				top: 2%;
				left: 2%;
				border-bottom: 0 none !important;
				font-size: $f-size-xxs - 2 !important;
			}
			
			.product-name, 
			.product-name,
			.price-box .price {
				
				font-size: $f-size-xxs + 1;
				
			}
			
			&.products-grid--max-2-col {
				.media-container .color-count {
					top: 2%;
					left: 4%;
				}
				
				.product-name, 
				.product-name,
				.price-box .price {
					
					font-size: $f-size-xxs + 1;
					
				}

			}

			
		}
		

	}

	
	
}

/*
 * Fancybox overrides
 */
.fancybox-container {
	.fancybox-bg {
		background: #fff;
	}
	.fancybox-infobar {
		display: none;

	}
	.fancybox-button--close {
		
	    background: transparent;
	    color: $c-text;
	    width: 60px;
		height: 60px;
		
		&:before,
		&:after {
			width: 29px;
		}
		
	}
	.fancybox-caption-wrap{
		background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.8) 100%);
		.fancybox-caption {
			font-size: $f-size;
		    font-family: $f-stack-sans;
		    color: $c-text;
		    line-height: normal;
		    text-transform: uppercase;
		    border-top: 0 none;
		    text-align: center;
		    padding: 20px 0;
		}
	}
}

#_SR div, #_SR span, #_SR applet, #_SR object, #_SR iframe, #_SR h1, #_SR h2, #_SR h3, #_SR h4, #_SR h5, #_SR h6, #_SR p, #_SR blockquote, #_SR pre, #_SR a, #_SR abbr, #_SR acronym, #_SR address, #_SR big, #_SR cite, #_SR code, #_SR del, #_SR dfn, #_SR em, #_SR font, #_SR img, #_SR ins, #_SR kbd, #_SR q, #_SR s, #_SR samp, #_SR small, #_SR strike, #_SR strong, #_SR sub, #_SR tt, #_SR var, #_SR dl, #_SR dt, #_SR dd, #_SR ol, #_SR ul, #_SR li, #_SR fieldset, #_SR form, #_SR label, #_SR legend, #_SR table, #_SR caption, #_SR tbody, #_SR tfoot, #_SR thead, #_SR tr, #_SR th, #_SR td, #_SR b, #_SR button, #_SR li:before, ._SR div, ._SR span, ._SR applet, ._SR object, ._SR iframe, ._SR h1, ._SR h2, ._SR h3, ._SR h4, ._SR h5, ._SR h6, ._SR p, ._SR blockquote, ._SR pre, ._SR a, ._SR abbr, ._SR acronym, ._SR address, ._SR big, ._SR cite, ._SR code, ._SR del, ._SR dfn, ._SR em, ._SR font, ._SR img, ._SR ins, ._SR kbd, ._SR q, ._SR s, ._SR samp, ._SR small, ._SR strike, ._SR strong, ._SR sub, ._SR tt, ._SR var, ._SR dl, ._SR dt, ._SR dd, ._SR ol, ._SR ul, ._SR li, ._SR fieldset, ._SR form, ._SR label, ._SR legend, ._SR table, ._SR caption, ._SR tbody, ._SR tfoot, ._SR thead, ._SR tr, ._SR th, ._SR td, ._SR b, ._SR button, ._SR li:before {
	font-family: $f-stack-gt-standard-medium !important;
	font-weight: normal !important;
}
body ._SRD .srd_a {
	text-transform: uppercase;
	text-decoration: none !important;
	display: inline-block;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
}


.page > #sociallogin_button {
	display: none;
}



.col2-set.flex {
	display: flex;
	.col-1,
	.col-2 {
		float: none;
		width: 50%;
	}
	@include bp(max-width, $bp-small) {
		display: block;
		.col-1,
		.col-2 {
			float: none;
			width: 100%;
		}
		
	}
}

body #srd_h {margin-left: 0;}

@include bp(max-width, $bp-small) {
	body.catalog-category-view .col-left.col-left-first .sort-by label {
		font-size: 9px;
	}
	body.catalog-category-view .col-left.col-left-first .sort-by:after {
		top: 113%;
	}
}
#dummyframe {
	border: 0 none;
}



.checkout-onepage-success {
	
	h1 {
		font-family:$f-stack-gt-compressed-bold;
		font-size: 36px;
		text-transform: uppercase;
		margin-bottom: 8px;
	}
	p {
		font-family:$f-stack-gt-standard-medium;
		font-size: 12px;
		text-transform: none;
	}
	p.ordnum {
		font-family:$f-stack-gt-extended-medium;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		padding: 40px 0 20px;
	}
	.img-cont {
		max-width: 308px;
		margin: 0 auto;
		padding: 40px 0 15px;
		img {
			max-width: 100%;
		}
	}
	p.ktag {
		font-family:$f-stack-gt-extended-medium;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 0.8px;
	}
}

.customer-account-login .scaffold-form label,
.customer-account-create .scaffold-form label {
	white-space: nowrap;
}
button.bt-login-social span span {
	padding-left: 0 !important;
}