/*
=======================================================================
	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:1;}

@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: "\f096"; }
.sidebar input[type=checkbox]:checked + label:before {content: "\f046";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 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;
	}

.photo-label {
  position: absolute;
  right: 0;
  top: 0;
  margin: auto;
  font-size: 14pt;
  padding: 5px 10px;
  z-index: 130;
	color:#fff;
	}

.label-sale {
	background: #bf2222;
	}

.product-image:hover .photo-label {
/*	display:none;*/
	}

.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;
	}

.bttn-buy:hover,
.bttn-buy:focus,
.bttn-buy:active {
	background: #47a447;
	color:#fff;
	}

.product-form {float:right;}
.product-form  .bttn-buy {
	width:125px;
	padding: 1rem 1.75rem;
	font-size: 1.25rem;
	border:0;
	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;
		padding: 1rem 2.75rem;
		font-size: 1.5rem;
		}
		
	.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) { 
  }


/*
=======================================================================
	List
=======================================================================
*/

.listelement-product.listelement-large-image figure.listimage {margin-bottom:0;}
.listelement-product .listtext {padding-top:1.5rem;}

.list-price {width:45%;float:left;}
.list-price-now {display:block;}
.list-price-before {color:#999;font-size:0.8em;display:block;}

.list-buy {width:45%;float:right;}

.listelement-product a {text-decoration:none;}
.listelement-product a:hover {text-decoration:underline;}

.listelement-product .teaser {
	line-height: 1.3em;
	height: 5.2em;
	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 .listtext {
	padding:1.5rem;
	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 .bttn-buy {
	}


@media only screen and (min-width:768px) {
	.list-product-price-current {font-size: 1.5rem;}
  }

@media only screen and (min-width:991px) {
	.list-product-price .product-price-current {font-size: 1.5rem;}
	}

@media only screen and (min-width:1200px) { 
	.list-product-price .product-price-current {font-size: 1.5rem;}
  }


/*
=======================================================================
	Øke og redusere antall (pluss, minus)
=======================================================================
*/


.product-qty {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	
.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 table {width:100%;}
.cart table tr td {vertical-align:middle;padding:0;}
.cart table tr td,
.cart table tr td h4 a {font-weight:100;color: #333;}
.cart table thead th {padding-top:14px; padding-bottom:10px;border-bottom: 1px solid #E5E5E5;}

.cart table tbody tr td {}
.cart table tbody tr td.td-cart-title h4,
.cart table tbody tr td.td-cart-title h4 a {
	font-weight: 400 !important;
	color: #333;
	font-size:18px;
	margin:0;
	}

.cart table tbody tr td.td-cart-product-image {width:1%;white-space:nowrap;} /* Fit td to content width */
.cart table tbody tr td.td-cart-product-image img {padding-right:20px;}

.cart table tbody tr .td-cart-total,
.cart table tbody tr .td-cart-price {text-align:right;}


/* Total amount */
.cart table tr.tr-total {border-top: 1px solid #E5E5E5;}
.cart table tr.tr-total td {padding-top:20px;}
.cart table .cart-total h3 {font-size:28px;text-align:right;margin:10px 0;}
.cart table .cart-total h3 span {font-weight:900;}
.cart table .cart-mva {text-align:right;}

/* Cart spacing */
.cart table tbody tr.cart-space td {height:30px;}
.cart table tbody tr:last-child td {padding-bottom:30px;}

/* red crosses */
.cart table tr td .btn-remove-from-cart {color:#CF3131;}
.cart table tr td .btn-remove-from-cart:hover {color:#C33030;}

/* cart item thumbnail */
.cart img {max-height:40px;}

/* cart navigation */
.cart-navigation {margin-top:40px;margin-bottom:40px;float:right;}


@media screen and (max-width:767px) {
	.cart-basket {border: 1px solid #E5E5E5;}
	.cart table {font-size:13px;width:100%;}
	.cart table thead {display:none;}
	.cart table tbody tr {border-bottom:1px solid #E5E5E5;}
	.cart table tbody tr.cart-space {display:none;}
	.cart 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 table tbody tr td:first-child {padding-left:0; padding-right:0;}
	.cart table tbody tr td:first-child img {float:left;margin:15px;}	
	.cart table tbody tr td:nth-child(2) {text-align:left;padding-left:15px;}
	.cart table tbody tr td:nth-child(3) {text-align:right;}
	
	.cart table tbody tr .td-cart-title {margin-bottom:15px;}
	.cart table tbody tr .td-cart-qty,
	.cart table tbody tr .td-cart-price,
	.cart table tbody tr .td-cart-total {padding-top:3px;padding-bottom:3px;padding-right:15px;}
	.cart table tbody tr .td-cart-total {font-weight:400;}
	.cart table tbody tr .td-cart-total h3 {}
	
	.cart-basket table tbody td:nth-of-type(3):before { content: "Antall"; }
	.cart-basket table tbody td:nth-of-type(4):before { content: "Pris"; }
	.cart-basket table tbody td:nth-of-type(5):before { content: "Total";font-weight:bold; }
	.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 table td span.mobile-label {display:inline;float:left;padding-left:15px;}
	.cart table tr th:first-child {padding:10px 0 7px 15px;}
	.td-cart-title {padding:10px 0 10px 15px;font-size:15px;}
	.td-cart-qty {text-align:right;}
	.cart table .cart-total {font-size:20px;}
	.cart table tr.tr-total td {padding: 10px 15px 10px 0;}
	.cart table tbody tr:last-child td {padding-bottom:05px;}
	}













/*
=======================================================================
	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 a {background: #fff;padding:15px 20px;display:block;color:#888;font-weight:600;}
.checkout-navbar ul li a:hover, .checkout-navbar ul li a:focus {text-decoration:none;color:#000;}
.checkout-navbar ul li.active a {background: #ec0b29;color:#fff;}

@media screen and (max-width:767px) {
	.checkout-navbar ul li {display:block;}
	}



/*
=======================================================================
	Checkout .cart-approval
=======================================================================
*/


.cart table tbody td:nth-child(3) {text-align:center;}	

@media screen and (max-width:767px) {
		
	/* Godkjenning */
	
	.cart-approval table th:nth-child(n+2) {display:none;}
	.cart-approval table tbody td:nth-child(2) {text-align:left;}	
	.cart-approval table tbody td:nth-child(3) {text-align:right;}	
	.cart-approval table tbody td:nth-of-type(3):before { content: "Antall"; }
	.cart-approval table tbody td:nth-of-type(4):before { content: "Pris"; }
	.cart-approval table tbody td:nth-of-type(5):before { content: "Total"; }
}


/*
=======================================================================
	Checkout
=======================================================================
*/

.checkout-box  {
	background: #fff;
	margin-bottom:30px;
	padding:20px;
	}

.checkout-box .box-header {margin-bottom:30px;}
.checkout-box .box-header > * {font-weight:bold;}
.checkout-box .box-header * {margin:0;padding:0;}
.checkout-box .box-body {}


.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;
	}


/* Form checkbox and radio */

.radio, .checkbox {margin-bottom:0.5rem;}
.radio:last-of-type, .checkbox:last-of-type {margin-bottom:0;}

.radio label, 
.checkbox label {position:relative;padding-left:30px;}

/* Checkbox */

.checkbox input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.checkbox input[type=checkbox] + label:before {
  font-family: Font Awesome\ 5 Pro;
  display: inline-block;
	content: "\f0c8";
	position:absolute;
	left:0;
	}

.checkbox input[type=checkbox]:checked + label:before { content: "\f14a"; } /* checked icon */


/* Radio */
.radio input[type=radio] { display:none; } /* to hide the checkbox itself */
.radio input[type=radio] + label:before {
  font-family: Font Awesome\ 5 Pro;
  display: inline-block;
	content: "\f111";
	position:absolute;
	left:0;
	}

.radio input[type=radio]:checked + label:before { content: "\f058"; } /* checked icon */
.radio input[type=radio]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */




@media screen and (min-width:768px) {
	.checkout-box  {
		padding:30px;
		background: #efefef;
		}
	}


























/*
=======================================================================
	Checkout .cart-approval
=======================================================================
*/

.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 a {background: #fff;padding:15px 20px;display:block;color:#888;font-weight:600;}
.checkout-navbar ul li a:hover, .checkout-navbar ul li a:focus {text-decoration:none;color:#000;}
.checkout-navbar ul li.active a {background: #EEEEEE;color:#333;}

.cart table tbody td:nth-child(3) {text-align:center;}	

@media screen and (max-width:767px) {
	.checkout-navbar ul li {display:block;}
		
	/* Godkjenning */
	
	.cart-approval table th:nth-child(n+2) {display:none;}
	.cart-approval table tbody td:nth-child(2) {text-align:left;}	
	.cart-approval table tbody td:nth-child(3) {text-align:right;}	
	.cart-approval table tbody td:nth-of-type(3):before { content: "Antall"; }
	.cart-approval table tbody td:nth-of-type(4):before { content: "Pris"; }
	.cart-approval table tbody td:nth-of-type(5):before { content: "Total"; }
	



}


/*
=======================================================================
	Småjusteringer
=======================================================================
*/

.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-checkout-green {
	color:#fff;
	background: #69A41E;
	border: 2px solid #69A41E;
	}
	
.bttn-checkout-green:hover {
	color:#fff;
	background: #598a19;
	border: 2px solid #598a19;
	}

.bttn-checkout-gray {
	border: 2px solid #989898;
	color:#989898;
	}

.bttn-checkout-gray:hover {
	border: 2px solid #333;
	color:#333;
	background:none;
	}

.bttn-checkout-refresh:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f021";
	margin-right:10px;
	display:inline-block;	
	}


@media screen and (max-width:500px) {
	[class*="bttn-checkout-"] {
		padding: 10px 15px;
	}
}



/*
=======================================================================
	ShopProduct - responsive-navbar-knapper
=======================================================================
*/

.shopproduct-navbar ul {margin:0;padding:0;list-style:none;}
.shopproduct-navbar ul li {margin:0;padding:0;display:inline-block;}
.shopproduct-navbar ul li a {background: #ECECEC;padding:15px 20px;display:block;border-radius: 5px;}
.shopproduct-navbar ul li a:hover, .checkout-navbar ul li a:focus {text-decoration:none;}
.shopproduct-navbar ul li.active a {background: #5bc0de;color:#fff;border-radius: 5px;}

@media screen and (max-width:767px) {
	.checkout-navbar ul li {display:block;}
	}