@charset "utf-8";
/* CSS Document for PixieMedia_AddPopup */

.pixie-addpop-modal { background: rgba(0, 0, 0, 0.7); }
.pixie-addpop-modal .modal-content { padding:0 !important; }
._has-modal.pixiepop-open a.logo { z-index: 1; }
._has-modal.pixiepop-open .pixieloader { display: none !important; }
.pixie-addpop-modal .modal-header { background:#fff;  color:#fff; padding:0px !important; }
.pixie-addpop-modal .modal-header h1 { font-size:16px; font-weight: bold; color:#fff; border:none; padding:15px 0 15px 45px; background:#333333 url(../images/Checkmark-greenx2tick.png) no-repeat center left 20px / 16px; font-weight: 600 !important; text-align: left; }
.modal-popup.pixie-addpop-modal .action-close { width:20px; height:20px; padding: 0; margin:0; top:19px; right:17px; filter:brightness(2);}
.modal-popup.pixie-addpop-modal .action-close:before { background:url(../images/Menu-close-blackx2.png) no-repeat center / 13px; content:''; width:12px; height:12px; }
.pixiepopup-content { width:94%;  margin:0 3%; float:left; }
.pixiepopup-content .content-inner { border: none; padding: 0; }
.pixiepopup-content .content-inner .product-item-actions { display: none; }
.pixiepopup-summary a.action.primary { padding:3px 7px; font-size: 12px;  }
.pixiepopup-content .item.product.product-item .product-image-container { width:25% !important; float:left; }
.pixiepopup-content .item.product.product-item {  margin: 10px 0 0; text-align: left; border-bottom: 1px solid #ececec; padding-bottom: 10px; box-sizing: border-box;}
.pixiepopup-content .item.product.product-item .product-image-container .product-image-wrapper { display: contents; padding: 0 !important; height:auto !important; }
.pixie-addpop-modal .product-image-container .product-image-wrapper { display: contents; padding: 0 !important; }
.pixiepopup-content .item.product.product-item a img { width:100%; height: auto !important; padding-top: 0px; }
.pixiepopup-content .product-item-details { box-sizing: border-box; width:75%; padding-left:10px; float: left; }
.pixiepopup-content .item.product.product-item .product-item-name { width:100%; float:left; text-align: left; }
.pixiepopup-content .item.product.product-item .product-item-name a { width:100%; font-size: 14px; font-weight: bold;  text-align: left; }
.pixiepopup-content .item.product.product-item .product-item-pricing { width:50%; float:left; text-align: right;}
.pixiepopup-content .item.product.product-item .product-item-sku { }
.pixiepopup-content .item.product.product-item .qty-price-wrap { width:100%; float:left; }
.pixiepopup-content .item.product.product-item .details-qty { width:50%; float:left; font-weight: bold; }
.pixiepopup-content .item.product.product-item .details-qty .ui-spinner-button { display:none; }
.pixiepopup-content .item.product.product-item .details-qty .item-qty { border:none; padding:0; width:20px; margin-top:-2px; }
.pixiepopup-content .item.product.product-item .product-item-info { width:100%; text-align: center; }
.pixiepopup-content .item.product.product-item .product-item-name { padding-bottom: 10px; }
.pixiepopup-content .item.product.product-item .price-wrapper span { font-weight: bold; min-height: 28px; }
.pixie-addpop-modal .pixiepopup-cross .product-items a.buy.action { padding:2px 5px; font-size:12px; float:none; }
.pixie-addpop-modal .pixiepopup-cross .product-items .price { font-weight: bold; }
.pixie-addpop-modal .pixiepopup-cross .product-items .product-item-info { padding:0 5px; box-sizing: border-box; width:100%;}
.pixie-addpop-modal .pixiepopup-cross .product-items .price-container { float:none; width:100%; text-align: center; margin-bottom:4px; padding-top:2px; }
.pixie-addpop-modal .pixiepopup-cross .product-items .product-item-details .product-item-name { text-align: left; font-weight: normal; font-size:14px; border-top:1px solid #c9cacb; padding-top: 7px; margin-top: 7px; width:100%; float:left; min-height: 47px;  }
.pixie-addpop-modal .pixiepopup-cross .product-items .product-item-details .product-item-name a { font-weight: normal; font-size:14px;}
.pixie-addpop-modal .pixiepopup-cross a.viewprimary { background:#eef0f2; box-sizing: border-box; padding:8px 10px; width:100%; text-align: center;  float:left; margin:3px 0; font-weight: 600; font-size: 12px; transition:all 200ms ease; }
.pixie-addpop-modal .pixiepopup-cross a.viewprimary:hover { background:#dee2e6; text-decoration: none; }
.pixie-addpop-modal h3.summary-title { float:left; width:100%; margin:20px 0 5px; }
.pixie-addpop-modal  .shopping-cart { width:100%; float:left; box-sizing: border-box; text-align: left; padding:2px 20px; }
.pixie-addpop-modal  .shopping-cart .summary-item.summary-bold { font-weight: bold; }

.pixie-addpop-modal  .shopping-cart .summary-item { width:100%; float:left; border-bottom: 1px solid #ececec; padding:8px 0; }
.pixie-addpop-modal  .shopping-cart .summary-item .label { width:50%; float:left; }
.pixie-addpop-modal  .shopping-cart .summary-item .values { width:50%; float:left; text-align: right; }

.summary-item.delivery-summary { color:#308935; font-weight: bold; padding-bottom: 10px !important;  }
.summary-item.delivery-summary .inaline.icon { background:url(../images/delivery_lorry2x.png) no-repeat center left / 20px; padding-left:30px; }


.pixiepopup-cross .slick-dots { position: static; margin-top:10px !important; }
.pixie-addpop-modal .product-image-wrapper .product-image-photo { position: static; width:100%; height: auto !important; }
.pixiepopup-cross { width:100%; float:left; text-align: center; box-sizing: border-box; padding: 10px 20px 20px; }
.pixiepopup-cross .sub-title { font-size:22px; margin-bottom:8px; font-weight: 400; text-align: left; border-top:1px solid #c9cacb; padding-top: 20px; }
.pixiepopup-summary { width:94%;  margin:0 3%; float:left; box-sizing: border-box;  }

.pixiepopup-summary .shopping-actions { width:100%; display: flex; flex-direction: column; }
.pixiepopup-summary .shopping-actions .action { order:1; width:100%; border:1px solid #000; text-align: center; padding:10px; box-sizing: border-box; font-weight: bold; text-transform: uppercase; border-radius: 3px; margin-top: 10px; }
.pixiepopup-summary .shopping-actions .action.primary { width:100%; order:2; border:none; padding:11px; font-size: 14px; }
.pixiepopup-content .option-item { width:100%; float:left; }
.pixiepopup-content .option-item .label { float:left; margin-right:5px; }
.pixiepopup-content .option-item .label:after { content:': '; }
.pixiepopup-content .option-item .values { float:left; }
body.catalog-product-view.pixiepop-open .page.messages { display:none; }
/*.pixiepopup-content ol.product-items li:nth-child(n+2) { display: none; }*/

.pixie-addpop-modal .shopping-actions { width:100%; float:left; padding: 25px 20px 15px; box-sizing: border-box; }
.pixie-addpop-modal .shopping-actions a.action { width: 48%; float:left; text-transform: uppercase; }
.pixie-addpop-modal .shopping-actions a.action.primary { background:#F97910;  text-align: center; border:1px solid #F97910; padding: 10px; box-sizing: border-box; font-size:14px; color:#fff;  }
.pixie-addpop-modal .shopping-actions a.action.primary span {  }
.pixie-addpop-modal .shopping-actions a.action.primary:hover { background:#f97910; }

.pixie-addpop-modal .shopping-actions a.action.continue-action { margin-right:4%; border:1px solid #c9cacb; text-align: center; padding:10px; box-sizing: border-box; font-size: 14px; font-weight: 600; text-transform: none; text-transform: uppercase; text-decoration: none !important;  }
.pixie-addpop-modal .action.continue-action, .pixie-addpop-modal .action.continue-action:hover { color:#000; }


@media screen and (min-width: 769px) {
body.pixiedust .modals-wrapper .pixie-addpop-modal  { right:-550px !important; margin:0 !important; position: fixed !important; left:auto !important; top:0 !important; bottom:0 !important; transform: translate3d(0px,0px,0px) !important; transition: all 200ms ease; }
body.pixiedust.pixiepop-open .modals-wrapper .modal-popup.pixie-addpop-modal { right:0 !important;  }
body.pixiedust .modals-wrapper .pixie-addpop-modal .modal-inner-wrap { position: static !important; margin:0 !important; transform: translate3d(0px,0px,0px) !important; height:100% !important; width:550px !important; }
	.pixiepopup-cross .product-items { width:510px !important; }
}
@media screen and (max-width: 768px) {
.modal-popup.pixie-addpop-modal .action-close:before { margin-top:2px; }
}

@media screen and (max-width: 600px) {
	.pixie-addpop-modal .shopping-actions a.action.continue-action { width:100%; margin:0 0 15px; padding:12px;  }
	.pixie-addpop-modal .shopping-actions a.action.primary { width:100%; margin:0 0 0; padding:12px; }
}

@media screen and (min-width: 1200px) {
	
	body.pixiepop-open .page-wrapper { margin-left:-20px; }
	.pixie-addpop-modal .shopping-actions a.action.primary { transition:all 200ms ease; }
	/* PRODUCT PAGE - NON FIXED HEADER VERSION */
	body.catalog-product-view.pixiepop-open .modal-popup.pixie-addpop-modal .modal-inner-wrap { position: absolute; left:50%; margin:0; transform: translate(-50%,0); margin-left: 325px; margin-top:170px;  width:550px !important; }
	
	@media screen and (max-height: 810px) {
		body.catalog-product-view.pixiepop-open .modal-popup.pixie-addpop-modal .modal-inner-wrap { margin-top:35px; }
	}
	
	body.catalog-product-view.pixiepop-open .modals-wrapper { z-index: 99999 !important; position: absolute; }
	body.catalog-product-view.pixiepop-open .modals-overlay, body.catalog-product-view.pixiepop-open .pixie-addpop-modal {    }
	body.catalog-product-view.pixiepop-open .popper { display:block; }
	body.catalog-product-view.pixiepop-open .page-header { z-index: 999;   }
	body.catalog-product-view.pixiepop-open .page-header .popper2 { display: block !important; z-index: 1; background:#000; }
	body.catalog-product-view.pixiepop-open .page-header .minicart-wrapper { position: relative; z-index: 999;}
	body.catalog-product-view.pixiepop-open .page-header .block.block-search { z-index: 0; }
	body.catalog-product-view.pixiepop-open  .baskcon { background:url(../images/Cart-whitex2.png) no-repeat center / 20px; }
	body.catalog-product-view.pixiepop-open a.showcart span.logbut span { color:#fff; }
	
	
	/* PRODUCT PAGE -FIXED HEADER VERSION */
	body.catalog-product-view.fxheaderin .modal-popup.pixie-addpop-modal .modal-inner-wrap { position: absolute; left:50%; margin:0; transform: translate(-50%,0); margin-left: 450px; margin-top:85px; }
	
	@media screen and (max-height: 810px) {
		body.catalog-product-view.fxheaderin .modal-popup.pixie-addpop-modal .modal-inner-wrap { margin-top:35px; }
	}
	body.catalog-product-view.fxheaderin._has-modal .fixedheader.inyoucome .baskcon { background:url(../images/Cart-whitex2.png) no-repeat center / 20px; }
	body.catalog-product-view.fxheaderin._has-modal .fixedheader.inyoucome a.showcart span.logbut span { color:#fff; }

	/* CATEGORY PAGE VERSION */
	body.pixiepop-open .modal-popup.pixie-addpop-modal .modal-inner-wrap { position: absolute; left:50%; margin:0; transform: translate(-50%,0); margin-left: 460px; margin-top:90px; }
	@media screen and (max-height: 810px) {
		body.pixiepop-open .modal-popup.pixie-addpop-modal .modal-inner-wrap { margin-top:35px; }
	}
	
	.modal-popup.pixie-addpop-modal .modal-inner-wrap { transition: none !important; }
	body.pixiepop-open .modals-wrapper { z-index: 99999 !important; position: absolute; }
	
	body.pixiepop-open .popper { display:block; }
	body.pixiepop-open .page-header { z-index: 999;   }
	body.pixiepop-open .page-header .popper2 { display: block !important; z-index: 1; }
	body.pixiepop-open .baskcon { background:url(../images/Cart-whitex2.png) no-repeat center / 20px; }
	body.pixiepop-open a.showcart span.logbut span { color:#fff; }
	body.pixiepop-open .page-header .minicart-wrapper { position: relative; z-index: 999;}
	body.pixiepop-open .sections.nav-sections { z-index: 4 !important; }
}

@media screen and (min-width: 768px) and (max-height: 830px) {
	
	.pixiepopup-content .content-cart { max-height: 277px; overflow-y: auto; }
	
}

@media screen and (min-width: 768px) and (min-height: 830px) {
	
	.pixiepopup-content .content-cart { max-height: 560px; overflow-y: auto; }
	
}

@media screen and (max-width: 768px) {
	body.pixiedust .pixie-addpop-modal .modal-inner-wrap { background:#fff !important; }
}



.pixie-sku-minicart { padding-right: 10px; }
.pixie-lead-time-minicart { padding-left: 10px; }