/*
@import "compass/css3";

@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic|Montserrat:400,700);
@import "compass/reset";
$fontSans : 'Montserrat', sans-serif;
$fontSerif : 'Droid Serif', serif;


@mixin transition($transition-property, $transition-time, $method) {
    -webkit-transition: $transition-property $transition-time $method;
    -moz-transition: $transition-property $transition-time $method;
    -ms-transition: $transition-property $transition-time $method;
    -o-transition: $transition-property $transition-time $method;
    transition: $transition-property $transition-time $method;
}
*{ box-sizing:border-box;}

body {
  	color: #333;
  	-webkit-font-smoothing: antialiased;
  	font-family: $fontSerif;
 
}
img {
   	max-width:100%;
}

.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.wishlist_wrap {
  	width: 75%;
  	max-width: 960px;
  	margin: 0 auto;
  	padding: 5% 0;
  	margin-bottom: 5em;
}

.wishlist_projTitle {
   	font-family: $fontSans;
   	font-weight: bold;
	text-align: center;
	font-size: 2em;
	padding: 1em 0;
	border-bottom: 1px solid #dadada;
	letter-spacing: 3px;
	text-transform: uppercase;
	span {
    	font-family: $fontSerif;
		font-weight: normal;
		font-style: italic;
		text-transform: lowercase;
		color: #777;
  	}
}
*/

/* CART HEADER */
/*
.wishlist_heading {
  	padding: 1em 0;
  	border-bottom: 1px solid #D0D0D0;
 
  	h1 {
  		font-family: $fontSerif;
  		font-size: 2em;
  		float: left;
  	}
  	a.continue {
    	&:link , &:visited {
			text-decoration: none;
			font-family: $fontSans;
			letter-spacing: -.015em;
			font-size: .75em;
			padding: 1em;
			color: #fff;
			background: #82ca9c;
			font-weight: bold;
			border-radius: 50px;
			float: right;
			text-align: right;
			@include transition(all, .25s, linear);
    	}
		&:after {
			content: "\276f";
			padding: .5em;
			position: relative;
			right:0;
			@include transition(all, .15s, linear);
    	}
		&:hover , &:focus, &:active {
			background: #f69679;
      
			&:after {
				right: -10px;
      		}
    	}
  	}
}
*/

/* TABLE HEADING */
/*
.wishlist_tableHead {
  	display: table;
  	width: 100%;
  	font-family: $fontSans;
  	font-size: .75em;
  	li {
    	display: table-cell;
		padding: 1em 0;
		text-align: center;
		&.wishlist_prodHeader {
			text-align: left;
    	}
  	}
}
*/

/* CART Items */
/*
.wishlist_cart {
  	padding: 1em 0 ;
 
  	.wishlist_items {
    	display: block;
		width: 100%;
		vertical-align: middle;
		padding: 1.5em;
   
		border-bottom: 1px solid #fafafa;
		&.even {
			background: #fafafa;
    	}
		.wishlist_infoWrap {
			display: table;
			width: 100%;
    	}
		.wishlist_cartSection {
		display: table-cell;
 
		vertical-align: middle;
      
			.wishlist_itemNumber {
				font-size: .75em;
				color: #777;
				margin-bottom: .5em;
			}
	      
			h3 {
	   
	        	font-size: 1em;
				font-family: $fontSans;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: .025em;
	      	}
		  	p {
	        	display: inline-block;
				font-size: .85em;
	        
				color: #777777;
				font-family: $fontSans;
	            .quantity {
					font-weight: bold;
					color: #333;
	      		}
	        
		  		&.stockStatus {
		  			color: #82CA9C;
		  			font-weight: bold;
		  			padding: .5em 0 0 1em;
		  			text-transform: uppercase;
		  			&.out {
		  				color: #F69679;
	          		}
	        	}
	        
	      	}
		  	.wishlist_itemImg {
	        	width: 4em;
	       
				float: left;
	      	}
		  	&.wishlist_qtyWrap , &.wishlist_prodTotal {
	        	text-align: center;
				p {
					font-weight: bold;
					font-size: 1.25em;
	    		}
	       
	      	}
	      
		  	input.qty {
	        	width: 2em;
				text-align: center;
				font-size: 1em;
				padding: .25em;
				margin: 1em .5em 0 0;
	        
	      	}
		  	.wishlist_itemImg {
	        	width: 8em;
				display: inline;
				padding-right: 1em;
	      	}
	       
	 	}
  	}
}   
 
 .wishlist_special {
   	display: block;
   	font-family: $fontSans;
   	.wishlist_specialContent {
   		padding: 1em 1em 0;
   		display: block; 
   		margin-top:.5em;
   		border-top: 1px solid #dadada;
   		&:before {
   			content: "\21b3";
   			font-size: 1.5em;
   			margin-right: 1em;
   			color: #6f6f6f;
   			font-family: helvetica, arial, sans-serif;
   		}
   	}
 
}

a.remove {
  	text-decoration: none;
  	font-family: $fontSans;
  	color: #ffffff;
  	font-weight: bold;
  	background: #e0e0e0;
  	padding: .5em;
  	font-size: .75em;
  	display: inline-block;
  	border-radius: 100%;
  	line-height: .85;
  	@include transition(all, .25s, linear);
  	&:hover {
    	background: #f30;
  	}
}

.wishlist_promoCode {
  	border:2px solid #efefef;
  	float: left;
  	width: 35%;
  	padding: 2%;
  	label {
    	display: block;
		width: 100%;
		font-style: italic;
		font-size: 1.15em;
 
		margin-bottom: .5em;
		letter-spacing: -.025em;
  	}
  	input {
    	width: 85%;
		font-size: 1em;
		padding: .5em;
		float: left;
		border: 1px solid #dadada;
		&:active, &:focus {
			outline: 0;
    	}
  	}
  	a.btn {
    	float: left;
		width: 15%;
		padding: .75em 0;
		border-radius: 0 1em 1em 0;
		text-align: center;
		border: 1px solid #82ca9c;
		&:hover {
			border: 1px solid #f69679;
			background: #f69679;
    	}
  	}
}

.btn {
	&:link , &:visited {
      	text-decoration: none;
	  	font-family: $fontSans;
	  	letter-spacing: -.015em;
	  	font-size: 1em;
	  	padding: 1em 3em;
	  	color: #fff;
	  	background: #82ca9c;
	  	font-weight: bold;
	  	border-radius: 50px;
	  	float: right;
	  	text-align: right;
	  	@include transition(all, .25s, linear);
	}
    &:after {
      	content: "\276f";
	  	padding: .5em;
	  	position: relative;
	  	right:0;
	  	@include transition(all, .15s, linear);
   	}
    &:hover , &:focus, &:active {
      	background: #f69679;
        &:after {
        	right: -10px;
      	}
   	}
  
   	.wishlist_promoCode & {
    	font-size: .85em;
		padding: .5em 2em;
  	}
}
*/

/* TOTAL AND CHECKOUT  */
/*
.wishlist_subtotal {
	float: right;
	width: 35%;
	.wishlist_totalRow {
    	padding: .5em;
		text-align: right;
  
		&.wishlist_final {
			font-size: 1.25em;
			font-weight: bold;
    	}
		span {
			display: inline-block;
			padding: 0 0 0 1em;
			text-align: right;
    	}
		.label {
			font-family: $fontSans;
			font-size: .85em;
			text-transform: uppercase;
			color: #777;
    	}
		.value {
 
			letter-spacing: -.025em;
			width: 35%;
    	}
  	}
}

@media only screen and (max-width:39.375em){

	.wishlist_wrap {
	  	width: 98%;
	  	padding: 2% 0;
	}
	.wishlist_projTitle{
	  	font-size: 1.5em;
	  	padding: 10% 5%;
	}
	.wishlist_heading {
	  	padding: 1em;
	  	font-size: 90%;
	}
	.wishlist_cart {
	  	.wishlist_items {
	
	  		.wishlist_cartSection {
	  			width: 90%;
	  			display: block;float: left;
	  			&.wishlist_qtyWrap {
	  				width: 10%;
	  				text-align: center;
	  				padding: .5em 0;
	  				float: right;
	  				&:before {
	  					content: "QTY";
	  					display: block;
	  					font-family: $fontSans;
	  					padding: .25em;
	  					font-size: .75em;
	       			}
	     		}
		 		&.wishlist_prodTotal , &.wishlist_removeWrap { 
			 		display: none;
	     		}
		 		.wishlist_itemImg {
		 			width: 25%;
	    		}
	  		}
	  	}
	}
	
	.wishlist_promoCode , .wishlist_subtotal{
	  	width: 100%;
	}
	
	a.btn.continue {
		width: 100%;
		text-align: center;
	}
}
*/

/* (2A) CONTAINER */
#pwrap {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 10px;
}
#pwrap div.psegment:nth-child(odd) {
  background: #f7f7f7; /* ZEBRA STRIPE */
}
.psegment {
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
}
 
/* (2B) PRODUCTS */
.pimg { 
  float: left; 
  margin-right: 10px;
}
.pimg img {
  width: 100px;
  height: 100px;
  /*object-fit: cover;*/
}
.pname {
  font-weight: bold;
}
.psubname {
  color: #888;
  font-weight: bold;
  margin: 5px 0;
}
.pdesc {
  color: #444;
}
.pbuy {
  background: #ff4747;
  color: #fff;
  border: 0;
  border-radius: 5px;
  padding: 8px;
  margin-top: 10px;
  font-size: 1em;
}
.premove {
	position: absolute;
	right: 30px;
	top: 30px;	
}