﻿/*
=======================================================================
	Header
=======================================================================
*/

.mainheader .btn-mini-cart {
	position:relative;
	}

.mainheader .btn-mini-cart span {
	position: absolute;
	top: -5px;
	right: -10px;
	width: 20px;
	height: 20px;
	background: #FF5859;
	color: #fff;
	line-height: 20px;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size: 13px;
	display:none;
	}

.mainheader .site-navigation ul.sf-menu li.mini-basket a {opacity:.8;}

@media screen and (min-width: 768px) {
}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	}



/*
=======================================================================
	Custom Checkbox and Radio icons
=======================================================================
*/

/*** Custom Checkboxes ***/

.sidebar input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.sidebar input[type=checkbox] + label {position:relative;padding-left:27px;font-weight:normal;}
.sidebar input[type=checkbox] + label:before {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
	position:absolute;top:50%;left:0;
  transform: translateY(-50%);
}

.sidebar input[type=checkbox] + label:before {content: "\f0c8"; }
.sidebar input[type=checkbox]:checked + label:before {content: "\f14a";color:#666;}


/*** Custom Radio Buttons ***/

.sidebar input[type=radio] { display:none; } /* to hide the checkbox itself */
.sidebar input[type=radio] + label {position:relative;padding-left:30px;font-weight:normal;}
.sidebar input[type=radio] + label:before {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
	position:absolute;top:45%;left:0;
  transform: translateY(-50%);
}

.sidebar input[type=radio] + label:before {content: "\f10c"; }
.sidebar input[type=radio]:checked + label:before {content: "\f192";color:#666;}



/*
=======================================================================
	Sidebar / Filter
=======================================================================
*/

.sidebar label:hover {cursor:pointer;}


/*
=======================================================================
	Product
=======================================================================
*/

.product-section {margin-bottom:3rem;}

.product-subsection {margin-bottom:3rem;}
.product-subsection:last-child {margin-bottom:0;}


/* PRODUCT IMAGE */
.product-gallery a:hover img {opacity:.8;}
.product-gallery ul {margin:0 0 0 -2%;padding:0;list-style:none;}
.product-gallery ul li {width:23%;margin:2% 0 0 2%;padding:0;float:left;}


.product-image {
	display:block;	
	position: relative;
	}

.product-image-label {
    position: absolute;
    right: 0;
    top: 0;
    margin: auto;
    font-size: 14pt;
    padding: 5px 10px;
    z-index: 1;
    color:#fff;
	}

.label-gray {background: #999;} /* Gray */
.label-green {background: #598a19;} /* Green */
.label-orange {background: #FF7F50;} /* Orange */
.label-red {background: #FF0000;} /* Red */
.label-blue {background: #2e308e;} /* Blue */

.label-sale {background: #bf2222;}

.page-article-product.sale figure.product-image {position:relative;}
.page-article-product.sale figure.product-image a {vertical-align: middle;}

.page-article-product.sale figure.product-image .product-image-special {
	position:absolute;
	top:0;
	right:0;
	}

.page-article-product.sale figure.product-image [class*="product-image-special-"] {
	display:inline-block;
	color:#fff;
	padding:.5rem 1.5rem;
	font-size: 1rem;
	text-transform:uppercase;
	}

.page-article-product.sale figure.product-image [class*="product-image-special-"] strong {
	font-weight:400;
	}

.page-article-product.sale figure.product-image .product-image-special-shipping {
	background: #7b7b7b;
	}
	
.page-article-product.sale figure.product-image .product-image-special-offer {
	background: #333;
	}
	


.shipping-info {
	color:#fff;
	background: #333;
	padding:1rem;
	display:inline-block;
	position:relative;
	}
	
.shipping-info:after {
	content:"";
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
	}
	
.shipping-info strong {text-transform:uppercase;}
.shipping-info strong:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f0d1";
	margin-right:10px;
	display:inline-block;
	}

.product-price-special {font-size: 1.25rem;}
.product-price-current {font-size: 2.25rem;}

.product-price {
	text-align:left;
	float:left;
	}

.product-price-special {
	font-size: 1rem;
	text-decoration:line-through;
	color:#999;
	}

.product-price-current {font-size: 1.5rem;}
.product-price-current:after {
	content:"/stk";
	font-size: 1rem;
	}

.product-quantity {
	width:125px;
	margin-bottom:1rem;
	}

.bttn-buy {
	background: #5cb85c;
	color:#fff;
    border:0;
	}

.bttn-buy:hover,
.bttn-buy:focus,
.bttn-buy:active {
	background: #47a447;
	color:#fff;
	}

.product-form {float:right;}
.product-form  .bttn-buy {
	width:125px;
	float:right;
	}
		
.product-intro {clear:both;}
	
.page-article-product .tab-pane {
	padding-top:1.5rem;
	}
	
.product-id {
	color:#999;
	}


@media only screen and (max-width:767px) {
	.product-main-image {margin-bottom:10px;}
	}

@media only screen and (min-width:768px) {
	.product-price-special {font-size: 1rem;}
	.product-price-current {font-size: 2rem;}

	.product-form {text-align:right;}  
	.product-quantity {float:right;clear:both;}
	.product-quantity label {font-size: 1rem;text-align:left;font-weight:normal;float:left;}
	.product-form  .bttn-buy {clear:both;float:right;}
	.page-article-product.sale figure.product-image [class*="product-image-special-"] {padding:.5rem 1.5rem;font-size: 1rem;}
	}

@media only screen and (min-width:991px) {
	.product-price-special {font-size: 1.25rem;}
	.product-price-current {font-size: 2.5rem;}

	.product-quantity {width:150px;}
	.product-form .bttn-buy {
		width:150px;
		}
		
	.page-article-product.sale figure.product-image [class*="product-image-special-"] {padding:.75rem 2rem;font-size: 1.2rem;}
	}

@media only screen and (min-width:1200px) { 
	.product-price-special {font-size: 1.5rem;}
	.product-price-current {font-size: 2.75rem;}

	.page-article-product.sale figure.product-image [class*="product-image-special-"] {padding:1rem 2.25rem;font-size: 1.5rem;}
  }


/*
=======================================================================
	Product Bundle
=======================================================================
*/

.product-bundle {
	padding:2rem;
	border: 2px solid #EEEEEE;
	}

.product-bundle h2:first-of-type {
	margin-bottom:2rem;	
	font-size: 2rem;
	}

.product-bundle .listelement-product {}
.product-bundle .listelement-product:last-child {margin-bottom:0;}

.product-bundle .bundle-qty {
	width:50px;
	height:50px;
	text-align:center;
	display:inline-block;
	padding:0.75rem;
	background: #333;
	color:#fff;
	font-size: 1rem;
	}


@media only screen and (min-width:768px) {
	.product-bundle h2 {margin-bottom:3rem;	}
	}

@media only screen and (min-width:991px) {
	}

@media only screen and (min-width:1200px) { 
  }


/*
=======================================================================
	Øke og redusere antall (pluss, minus)
=======================================================================
*/


.product-qty {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

.product-qty .input-group-prepend button,
.product-qty .input-group-append button {
        border: 1px solid #ced4da
    }

    .product-qty button {
        width: 40px;
        height: 40px;
    }
.product-qty input[type="text"] {
	text-align:center;
	height:40px;line-height:40px;
	}

/*
input.minus  {width:25%!important;}
input.input-text.qty  {width:50%!important;}
input.plus  {width:25%!important;}
*/

/*
.shop .quantity {
	margin: 0 15px 25px 0;
	overflow: hidden;
	position: relative;
	width: 125px;
	height: 35px;
	float: left;
	}
*/

/*
.shop .quantity .minus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
}

.shop .quantity .plus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
	right: 0;
	top: 0;
}
*/

/*
.shop .quantity .qty {
	border: 1px solid #CCC;
	box-shadow: none;
	float: left;
	height: 35px;
	padding: 0 39px;
	text-align: center;
	width: 125px;
	font-size: 1em;
}
*/


.shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.shop .quantity .qty::-ms-clear {
	display: none;
}



/*
=======================================================================
	Shopping Cart
=======================================================================
*/

.cart-basket table {width:100%;}
.cart-basket table tr td {vertical-align:middle;padding:0;}
.cart-basket table tr td,
.cart-basket table tr td h4 a {font-weight:100;color: #333;}
.cart-basket table thead th {padding-top:14px; padding-bottom:10px;border-bottom: 1px solid #E5E5E5;}

.cart-basket table tr td.td-cart-title h4,
.cart-basket table tr td.td-cart-title h4 a {
	font-weight: 400 !important;
	color: #333;
	font-size:18px;
	margin:0;
	}

.cart-basket table tr td.td-cart-product-image {width:50px} /* Fit td to content width */
.cart-basket table tr td.td-cart-product-image img {padding-right:20px;}

.cart-basket table tr .td-cart-qty {text-align:right;}
.cart-basket table tr .td-cart-unit, 
.cart-basket table tr .td-cart-total,
.cart-basket table tr .td-cart-price-ex-vat,
.cart-basket table tr .td-cart-price {text-align:right;}
.cart-basket table tr .td-cart-price-vat {text-align:right;}


/* Total amount */
.cart-basket table tfoot {text-align:right;}
.cart-basket table tr.tr-total td.cart-total {border-top: 1px solid #E5E5E5;padding-top:15px;text-align:right;}
.cart-basket table tr.tr-total td.cart-total .total-plus-vat {font-szie:1em;}
.cart-basket table tr.tr-total td.cart-total .total-vat {font-size:1em;}
.cart-basket table tr.tr-total td.cart-total .total-incl-vat {margin-bottom:0;}
.cart-basket table tr.tr-total td.cart-total .total-incl-vat span {font-weight:900;}

/* red crosses */
.cart-basket table tr td .btn-remove-from-cart {color:#CF3131;}
.cart-basket table tr td .btn-remove-from-cart:hover {color:#C33030;}

/* cart item thumbnail */
.cart-basket img {max-height:40px;}

/* cart navigation */
.cart-navigation {margin: 40px 0;width:100%;text-align:right;}
.cart-navigation .bttn + .bttn {margin-left:15px;}
.cart-navigation .bttn:after,
.cart-navigation .bttn:before {font-family: "Font Awesome 5 Pro";}
.cart-navigation .bttn-right:after {content:"\f061";margin-left:10px;}
.cart-navigation .bttn-left:before {content:"\f060";margin-right:10px;}
.cart-navigation .bttn-complete {background: #2e308e;border-color:#2e308e;color:#fff;}

@media screen and (max-width:575px) {
    .cart-navigation .bttn {width:100%;display:inline-block;}
    .cart-navigation .bttn + .bttn {margin-left:0;margin-top:15px;}
    }

@media screen and (max-width:767px) {
	.cart-basket {border: 1px solid #E5E5E5;}
	.cart-baskettable {font-size:13px;width:100%;}
	.cart-basket table thead {display:none;}
	.cart-basket table tbody tr {border-bottom:1px solid #E5E5E5;}
	.cart-basket table tbody tr.cart-space {display:none;}
	.cart-basket table tbody td {display:block;position: relative;padding-left: 50%;padding-right:15px;text-align:left;} /* make td's stack on top of eachother **/
	.cart-basket table tbody tr td:first-child {padding-left:0; padding-right:0;}
	.cart-basket table tbody tr td:first-child img {float:left;margin:15px;}	
	.cart-basket table tbody tr td:nth-child(2) {text-align:left;padding-left:15px;}
	.cart-basket table tbody tr td {text-align:right;}
	
	.cart-basket table tbody tr .td-cart-title {}
	.cart-basket table tbody tr .td-cart-unit {text-align:right;padding-right:15px;}
	.cart-basket table tbody tr .td-cart-qty,
	.cart-basket table tbody tr .td-cart-price,
	.cart-basket table tbody tr .td-cart-price-vat,
	.cart-basket table tbody tr .td-cart-total {padding-right:15px;}
	.cart-basket table tbody tr .td-cart-total {font-weight:bold;padding-bottom:15px;}
	.cart-basket table tbody tr .td-cart-total h3 {}
	
	.cart-basket table tbody td.td-cart-qty:before { content: "Antall"; }
	.cart-basket table tbody td.td-cart-unit:before { content: "Enhet"; }
	.cart-basket table tbody td.td-cart-price:before { content: "Pris"; }
    .cart-basket table tbody td.td-cart-price-ex-vat:before { content: "Pris eks. mva."; }
	.cart-basket table tbody td.td-cart-vat:before { content: "Mva."; }
	.cart-basket table tbody td.td-cart-total:before { content: "Total"; }
	.cart table tbody td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 15px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		}

	.cart-basket table td span.mobile-label {display:inline;float:left;padding-left:15px;}
	.cart-basket table tr th:first-child {padding:10px 0 7px 15px;}
	.cart-basket .td-cart-title {padding:10px 0 10px 15px;font-size:15px;}
	.cart-basket .td-cart-qty {text-align:right;}
	.cart-basket table tfoot td {padding-right:15px;}
    .cart-basket table .cart-total {font-size:20px;}
	}


@media screen and (min-width:768px) {
    .cart-basket table tbody tr td {padding-top:20px;}
    .cart-basket table tbody tr:last-child td {padding-bottom:20px;}
    .cart-basket table tr .td-cart-qty {text-align:center;}
    }


/*
=======================================================================
	Shopping Cart Drawer
=======================================================================
*/

.cart-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 0;
    height: 100%;
    color: #000;
    z-index: 50;
	-webkit-transition: all .5s ease-in-out;                  
	-moz-transition: all .5s ease-in-out;                 
	-o-transition: all .5s ease-in-out;   
	-ms-transition: all .5s ease-in-out;          
	transition: all .5s ease-in-out;
}

.cart-drawer .cart-drawer-close {
	position:absolute;
	top:30px;
	right:30px;
	color:#999;
}

.cart-drawer .cart-drawer-close:focus,
.cart-drawer .cart-drawer-close:hover {
	color:#000;
}

.cart-drawer.cart-drawer-open {
	width: 84.375vw;
	right:0;
}

@media (min-width: 768px) {
	.cart-drawer.cart-drawer-open {
	    width: 50vw;
	}
}

@media (min-width: 991px) {
	.cart-drawer.cart-drawer-open {
	    width: 43.75vw;
	}
}

@media (min-width: 1200px) {
	.cart-drawer.cart-drawer-open {
	    width: 25.125vw;
	}
}

.cart-drawer-main {
    height: 100%;
    background-color: #fff;
	padding:30px;
}

@media (min-width: 991) {
	.cart-drawer-main {padding:60px;}
}


.cart-drawer-main ::-webkit-scrollbar {
    width: 5px;
}

.cart-drawer-main ::-webkit-scrollbar-track {background: #E5E5E5;}
.cart-drawer-main ::-webkit-scrollbar-thumb {background: #888;}

.cart-drawer-header {
	height:10%;
}

.cart-drawer-header h1 {font-size:1.2em;}

.cart-drawer-body {
	overflow-y: auto;
	height:67%;
}

.cart-drawer-footer {
	height:23%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:1em 0;
}

.cart-drawer-footer-total {
	font-weight:bold;
	font-size:1.2em;
}

.cart-drawer-footer-nav {}
.cart-drawer-footer-nav .bttn:after {
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-left: 10px;
	content: "\f178";
}


.cart-drawer-open .cart-drawer-background {
	width:0;
}

.cart-drawer-open .cart-drawer-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    z-index: -1;
	opacity:.4;
	-webkit-transition: all 1s ease-out;                  
	-moz-transition: all 1s ease-out;                 
	-o-transition: all 1s ease-out;   
	-ms-transition: all 1s ease-out;          
	transition: all 1s ease-out;
}

.cart-drawer-item {
	display:flex;
	margin-right:30px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #E5E5E5;
}

.cart-drawer-item figure {width:20%;height:100%;float:left;margin-right:10%;}
.cart-drawer-item-data {width:70%;float:left;font-size:.8em;}
.cart-drawer-item-data > * {margin-bottom:0;}
.cart-drawer-item-data > :last-child {margin-bottom:0;}
.cart-drawer-item-data-title h2 {font-size:1.1em;font-weight:bold;margin:0;}
.cart-drawer-item-data-remove a {color:#000;font-size:.8em;}
	.cart-drawer-item-data-remove a:before {
		font-family: "Font Awesome 5 Pro";
		display: inline-block;
		margin-right: 10px;
		content: "\f2ed";
	}

.cart-drawer-item-data-qty-label {display:inline-block;}
.cart-drawer-item-control-qty {display:inline-flex;align-items:center;}
.cart-drawer-item-control-qty > * {padding-left: 5px;}

/*
=======================================================================
	Checkout Navbar
=======================================================================
*/

.checkout-navbar {margin-bottom:30px;}
.checkout-navbar ul {margin:0;padding:0;list-style:none;}
.checkout-navbar ul li {margin:0;padding:0;display:inline-block;}
.checkout-navbar ul li span {background:#E5E5E5;padding:15px 20px;display:block;color:#888;font-weight:600;}
.checkout-navbar ul li.active span {background: #563d7c;color:#fff;}
.checkout-navbar ul li.previous span {background: #8e7ca9;color:#fff;}

@media screen and (max-width:767px) {
	.checkout-navbar ul li {display:block;}
	}

/*
=======================================================================
	Checkout Summary
=======================================================================
*/

.row-summary {
	margin-bottom: 30px;
}

.checkout-box-summary {
	height: 100%;
	margin-bottom: 0;
}

	.checkout-box-summary h3 {
		font-weight: normal;
		margin-bottom: 0.5rem;
	}

	.checkout-box-summary span > h3 {
		margin-top: 0;
	}

	.checkout-box-summary h4 {
		/*font-family: HelveticaNeueW01-45Ligh;*/
		font-size: 1em;
		font-weight: bold;
		margin-bottom: .5rem;
	}

	.checkout-box-summary span > h4 {
		margin-top: 1.5rem;
	}

	.checkout-box-summary li > h4 {
		margin: 0;
		display: inline-block;
	}

.checkout-confirmation-email h4 {
	display: inline-block;
	margin: 0 !important;
}

.checkout-confirmation-phone h4 {
	display: inline-block;
	margin: 0 !important;
}

.checkout-confirmation-orgno h4 {
	display: inline-block;
	margin: 0 !important;
}

.checkout-confirmation-contactname h4 {
	display: inline-block;
	margin: 0 !important;
}

.checkout-confirmation-invoicemail h4 {
	display: inline-block;
	margin: 0 !important;
}

.checkout-confirmation-invoicemethod h4 {
	display: inline-block;
	margin: 0 !important;
}

.checkout-box-summary > div {
	margin-top: 30px;
}

	.checkout-box-summary > div:first-child {
		margin-top: 0;
	}

.checkout-box-summary .checkout-box-body > div {
	margin-top: 30px;
}

	.checkout-box-summary .checkout-box-body > div:first-child {
		margin-top: 0;
	}

.checkout-box-summary .checkout-box-body ul {
	margin-left: 0;
	padding: 0;
	list-style: none;
}

	.checkout-box-summary .checkout-box-body ul li {
		margin: 0;
		padding: 0;
		line-height: 1.55;
	}

		.checkout-box-summary .checkout-box-body ul li:before {
			content: "";
		}

		.checkout-box-summary .checkout-box-body ul li span {
			display: inline-block;
			line-height: normal;
		}


@media only screen and (min-width:768px) {
	.cart-approval {
		padding: 30px;
		border: 1px solid #f1f1f1;
	}
}

@media only screen and (min-width:991px) {
}

@media only screen and (min-width:1200px) {
	.row-summary {
		margin-bottom: 60px;
	}

	.checkout-box-summary h3 {
		font-size: 2rem;
	}
}


/*
=======================================================================
	Checkout Box
=======================================================================
*/

.checkout-box {
	background: #efefef;
	margin-bottom: 30px;
	padding: 15px;
}

.checkout-box input[type="text"],
.checkout-box input[type="password"],
.checkout-box textarea {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border:0;
	}

@media screen and (min-width:768px) {
	.checkout-box  {padding:30px;}
    .checkout-box-outline  {padding:20px;border: 2px solid #efefef;}
	}

.checkout-shipping-info {font-size:.9em;padding-left:30px;}

#ValidationSummary1 {
    padding:30px;
    background: #fff3cd;
}
.checkout-box-footer {
	margin-top: 30px;
}

.checkout-box-footer a {float: right;}
.checkout-box-footer a:after {
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-left: 10px;
	content: "\f178";
}

.checkout-box-title {
	padding: 20px 0;
	cursor: pointer;
}

.checkout-box-title h2 {
	margin: 0;
}

.checkout-box-title h2:before {
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-right: 10px;
}

.checkout-box-shipping h2:before {
	content: "\f0d1";
}

.checkout-box-payment h2:before {
	content: "\f09d";
}

.checkout-box-orderinfo h2:before {
	content: "\f007";
}

.checkout-box-coupon h2:before {
	content: "\f541";
}

.checkout-box-comment h2:before {
	content: "\f075";
}


/*
=======================================================================
	Button colors
=======================================================================
*/
.btn-kjop {
	margin-bottom: 15px;
}
.bttn-basket-delete {
	margin-top:10px; margin-bottom:10px;
	text-align:center;
	width:20px;
	height:20px;
	line-height:20px;
	display:block;
	color:#fff;background: #D40000;
	border-radius:20px;
	float:right;
	font-size:14px;
	position:relative;
	}

.bttn-basket-delete:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	display:inline-block;	
	position:absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	}

.bttn-basket-delete:hover {
	background:#9E0000;
	color:#fff;
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:20px;
	}


.bttn-green {
	color:#fff;
	background: #69A41E;
	border: 2px solid #69A41E;
	}

.bttn-green:hover {
	color:#fff;
	background: #598a19;
	border: 2px solid #598a19;
	}

.bttn-gray {
	border: 2px solid #989898;
	color:#989898;
	}

.bttn-gray:hover {
	border: 2px solid #333;
	color:#333;
	background:none;
	}



.bttn-logout:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f2f5";
	margin-left:10px;
	display:inline-block;	
    }

@media screen and (max-width:500px) {
	[class*="bttn-checkout-"] {
		padding: 10px 15px;
	}
}


/*
=======================================================================
	Button icons
=======================================================================
*/

.bttn-next:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f178";
    display: inline-block;
    margin-left:10px;
    }	

.bttn-refresh:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f021";
	margin-left:10px;
	display:inline-block;	
	}


/*
=======================================================================
	Listelement Product
=======================================================================
*/

.listelement-product.listelement-large-image figure.listimage {margin-bottom: 0;}

.listelement-product {
}

.listelement-product article {
	width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	height:100%;
}

.listelement-product article .element-wrapper {

    box-shadow: 0 5px 20px 0 rgba(233, 233, 233, 0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    background-color: white;
    text-align: left;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem;
    border-radius: 4px;
}

.listelement-product article figure {
	order: 1;
}

.listelement-product article .element-body {
	position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.listelement-product article .element-body .text {
}

.listelement-product article .element-footer {
    position: relative;
    width: 100%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.listelement-product article .element-footer .list-price {
	margin-bottom: 15px;
    margin-top: auto;
}

/*.listelement-product .text {padding-top: 1.5rem;}*/
.listelement-product .text > * {margin-bottom: 1rem;}
.listelement-product .text > :last-child {margin-bottom: 0;}
.listelement-product .text h1 {margin-bottom:10px;}

.list-price {
    width: 45%;
    float: left;
}

.list-price-now {
    display: block;
    font-weight:bold;
    color:#563d7c;
}

.list-price-before {
    color: #999;
    font-size: 0.8em;
    display: block;
}

.listelement-product a {text-decoration: none;}
.listelement-product a:hover {text-decoration: none;}
.listelement-product a:hover h1 {text-decoration: underline;}

.listelement-product .teaser {
	line-height: normal;
    font-size: 1em;
	color: #a2a2a2;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* Optional padding around product list elements */
.listelement-product.listelement-large-image article .text {
    padding: 1.5rem 0;
    background: #fff;
}

.list-product-price-special {
    font-size: 1rem;
    text-decoration: line-through;
    color: #999
}

.list-product-price-current {
    font-size: 1.5rem;
}


.listelement-product .input-product-qty {display:none;}
.listelement-product .bttn-buy {padding:10px 20px;}


@media only screen and (min-width:768px) {
    .listelement-product .list-price-now {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width:991px) {
    .listelement-product .list-price-now {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width:1200px) {
    .listelement-product .list-price-now {
        font-size: 1.5rem;
    }
}


/*
=======================================================================
	Listelement Product Large Image Button
=======================================================================
*/

.col-lg-2.listelement-large-image.listelement-product h3 {font-size:0.9em;font-weight:lighter;}


/*
=======================================================================
	Listelement Product Large Image
=======================================================================
*/ 

.listelement-large-image.listelement-product .element-footer {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
    
.listelement-large-image.listelement-product .list-buy input[type="text"] {
    display: none;
}

.listelement-large-image.listelement-product h3 a {color:#333;}
.listelement-large-image.listelement-product .text {font-size:0.8em;}



/*
=======================================================================
	Listelement Product Related
=======================================================================
*/

.related-products .listelement-small-image.listelement-product h3 {font-size:1em;}
.related-products .listelement-small-image.listelement-product .text {font-size:0.8em;}
.related-products .listelement-small-image.listelement-product .text ul li,
.related-products .listelement-small-image.listelement-product .text ol li {margin-bottom: 0;}

/*
=======================================================================
	Order Confirmation
=======================================================================
*/

.cart .confirmation-address {margin-top:60px;margin-bottom:30px;}

.cart .confirmation-address ul {margin:0;padding:0;list-style:none;}
.cart .confirmation-address ul li {margin:0;padding:0;}

.cart .confirmation-address h3 {font-weight:400;margin-bottom:5px;}
.cart .confirmation-address {font-weight:lighter;}

.cart .order-confirmation-footer {text-align:center;font-weight:lighter;}

.order-confirmation .cart-basket {margin-bottom:30px;}
/*.order-confirmation .cart-basket table tbody tr:last-child td {padding-bottom:0;}*/

@media screen and (max-width:767px) {
	.cart .confirmation-address > div {margin-bottom:30px;}
	}

@media screen and (min-width:768px) {
	.order-confirmation .cart-basket {border: 1px solid #E5E5E5;padding:15px;}
	.cart .confirmation-address {display:table;border-collapse: collapse;width:100%;}
	.cart .confirmation-address > * {
		display:table-cell;
		vertical-align:top;
		}	
	}