li.product .price > span.woocommerce-Price-amount {
/*   display: block;*/
	text-align: left;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 22px;
    /*margin-top: 5px; */
}



.filter-help-icon {
	margin-left: 5px;
	font-size: 24px;
	color: rgb(100, 178, 243);
	vertical-align: middle;
	cursor: pointer; 
}

.filter-help-wrapper {
	position: relative;
	width: 0px;
	height: 0px;
}

.filter-help-panel {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	background-color: white;
	border: 1px solid black;
	display: none;
	z-index: 10000;
	padding: 5px 10px; 
}


/* Efter ny UX aug-sept 2022 */
.site-content {
    outline: 0;
    background-color: #fff;
	padding: 0 0 0 0;
}


.alpha, h1 {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.214;
    letter-spacing: -1px;
}

.storefront-sorting {
	color: #000;
}

.fa-question-circle:before {
  color: #FEAC09;
}

.storefront-full-width-content .woocommerce-products-header {
    padding-bottom: 0;
    text-align: left;
    color: #000;
}

/*button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    background: #063f74;
    color: #fff!important;
    padding: 0.5em 1em;
}*/


#content ul.products li.product {
    margin: 0;
    padding-bottom: 30px;
    border: 1px solid #727272;
}

#content ul.products {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    column-gap: 10px;
    row-gap: 10px;
}

.product-blocks, .vl-categories-blocks {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

#content .fc-category {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}


#content ul.products li.product p {
    margin: 0;
    color: #000;
    text-align: center;
}

.butiklista-kmdiv {
	display: inline-block; 
	width: 100px; 
	margin-left: 5px; 
	padding-left: 25px;  
	padding-right: 25px; 
	padding-top: 16px; 
	padding-bottom: 16px; 
	color:white; 
	font-weight: 600; 
	border-bottom: 1px solid white; 
}

.stock {
	display: inline-block; 
	padding-top: 16px; 
	white-space: nowrap;
}
.left {
	padding: 0px; 
	display: flex;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5407911001em;
    text-align: left;
}
li.product .woocommerce-Price-amount {
   /* display: block; */
	text-align: left;
    font-size: 18px;
    color: #2c2d33;
    font-weight: 900;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 22px;
    margin-top: 5px;
}

#content ul.products li.product, .what-we-offer__sidebar {
    width: 24%!important;
}

.page-template-flexible #primary .imagepuff .row.columns-3 .column {
    width: 33%!important;
}


/* Priser singel produkt */
.single-product div.product p.price {
    font-size: 14px!important;
    margin: 0 0;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	margin-block-start: 0px!important;
    color: #000;
    font-weight: normal!important;
}
.single-product div.product p.price .woocommerce-Price-amount bdi {
    font-size: 30px!important;
    margin: 0 0;
    color: #000;
    font-weight: bold;
	display: inline;
}


.sku_wrapper {
    color: #000;
}

h2.sku {
    font-size: 1.1em;
    color: #000!important;
    font-weight: 500;
}


.shop_attributes {
	border-spacing: 0;
    width: 100%;
    border-collapse: separate;
    color: #000;
    margin-right: 0;
    margin-bottom: 3.706325903em;
}

#content ul.products li.product {
    margin: 0;
    padding-bottom: 35px!important;
    position: relative!important;
}

.narmaste-butik-meddelande {
    /* background-color: green; */
    position: absolute;
    bottom: 0px;
    left: -1px;
    right: -1px;
    height: 30px;
	line-height: 30px;
    text-align: center;
	background-color: rgb(24, 44, 69);
	color: white; 
	z-index: 100;
}

.narmaste-butik-meddelande-expanderad, .narmaste-butik-meddelande:not(.narmaste-butik-meddelande-nyligenstangd):hover {
    bottom: -90px;
    height: 120px;
}

.narmaste-butik-meddelande > .narmaste-butik-meddelande-body {
	display: none;
}

.narmaste-butik-meddelande-expanderad > .narmaste-butik-meddelande-body, .narmaste-butik-meddelande:not(.narmaste-butik-meddelande-nyligenstangd):hover > .narmaste-butik-meddelande-body {
	display: block;
}

.narmaste-butik-meddelande-body {
	color: white;
	overflow-x: hidden;
    background-color: rgb(2, 175, 10);
}

/*.narmaste-butik-meddelande-nyligenstangd {
    bottom: 0px !important;
    height: 30px !important;
}*/


.narmaste-butik-meddelande-header {
    background-color: rgb(2, 175, 10);
    height: 30px;
	width: 100%;
	cursor: pointer;
}


/*
.narmaste-butik-meddelande p {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}*/

/*.narmaste-butik-meddelande-inner {
    height: 50px;
}*/

/* narmaste-butik 2 START */
.narmaste-butik-meddelande2 {
    /* background-color: green; */
    position: absolute;
    bottom: 0px;
    left: -1px;
    right: -1px;
    height: 50px;
    text-align: center;
	background-color: rgb(24, 44, 69);
	color: white; 
	z-index: 100;
}

.narmaste-butik-meddelande-expanderad2, .narmaste-butik-meddelande2:not(.narmaste-butik-meddelande-nyligenstangd2):hover {
    bottom: -70px;
    height: 120px;
}

.narmaste-butik-meddelande2 > .narmaste-butik-meddelande-body2 {
	display: none;
}

.narmaste-butik-meddelande-expanderad2 > .narmaste-butik-meddelande-body2, .narmaste-butik-meddelande2:not(.narmaste-butik-meddelande-nyligenstangd2):hover > .narmaste-butik-meddelande-body2 {
	display: block;
}

.narmaste-butik-meddelande-body2 {
	color: white;
	overflow-x: hidden;
    background-color: rgb(6, 63, 116);
	height: 70px;
}



.narmaste-butik-meddelande-header2 {
    background-color: rgb(6, 63, 116);
    height: 50px;
	width: 100%;
	cursor: pointer;
}
/* narmaste-butik 2 */



/* narmaste-butik 3 START */
.narmaste-butik-meddelande3 {
    /* background-color: green; */
    position: absolute;
    bottom: 0px;
    left: -1px;
    right: -1px;
    height: 50px;
    text-align: center;
	background-color: rgb(24, 44, 69);
	color: white; 
	z-index: 100;
}

.narmaste-butik-meddelande-expanderad3, .narmaste-butik-meddelande3:not(.narmaste-butik-meddelande-nyligenstangd3):hover {
    bottom: -92px;
    height: 142px;
}

.narmaste-butik-meddelande3 > .narmaste-butik-meddelande-body3 {
	display: none;
}

.narmaste-butik-meddelande-expanderad3 > .narmaste-butik-meddelande-body3, .narmaste-butik-meddelande3:not(.narmaste-butik-meddelande-nyligenstangd3):hover > .narmaste-butik-meddelande-body3 {
	display: block;
}

.narmaste-butik-meddelande-body3 {
	color: white;
	overflow-x: hidden;
    background-color: rgb(6, 63, 116);
	height: 92px;
}



.narmaste-butik-meddelande-header3 {
    background-color: rgb(6, 63, 116);
    height: 50px;
	width: 100%;
	cursor: pointer;
}
/* narmaste-butik 3 */


@media only screen and (max-width: 820px) {
	  #content ul.products li.product, .what-we-offer__sidebar, .page-template-flexible #primary .imagepuff .row.columns-3 .column {
		width: 48%!important;
	}
	#content ul.products li.product {
		margin: 0;
		padding-bottom: 30px;
		position: relative!important;
	}
	
/*	.narmaste-butik-meddelande {
		position: absolute!important;
		height: 0px!important;
		bottom: -169px!important;
		width: 101%!important;
		left: -1px!important;
		top: auto!important;
	}*/

}

@media only screen and (max-width: 768px) {
	#content ul.products li.product, .what-we-offer__sidebar, .page-template-flexible #primary .imagepuff .row.columns-3 .column {
		width: 100%!important;
	}
	.butiklista-kmdiv {
		padding: 5px;
		text-align: center;
	}
	.stock {
		padding-top: 0px;
	}
	.left {
		padding: 5px;
	}
	.butiklista.medalj {
		min-width: 50px;
	}
}

#main > div > div.storefront-breadcrumb {
    background: transparent!important;
    color: #fff!important;
    border-bottom: 0px!important;
}
 
#main > div > div.storefront-breadcrumb a {
    color: #fff!important;
}


#main .entry-header h1.entry-title, h1.woocommerce-products-header__title, .single-product .product {
	margin-top: 20px;
}

input.search-field {
	color: black!important;
}

input[type=text].ninja-forms-field {
	color: black!important;
}

input[type=button].ninja-forms-field {
	color: white!important;
}

.fc-category-products .product-sku, .fc-category-products .price, .fc-category-products .woocommerce-Price-amount, .fc-category-products .woocommerce-product-details__short-description p {
	color: white!important;
}


/* Ny detaljsida produkt */
/* 2210-ux2 */

.sku-label {
	display:inline-block;
	margin-right: 20px;
	color: grey;
}
.sku {
	display: inline-block;
	font-weight: 700
}
.sku_wrapper {
	margin-bottom: 10px;
}


/* Produkt pris */
li.product span.woocommerce-Price-amount.amount {
    font-size: 18px;
    font-weight: 700;                 
}

li.product span.price {
    font-size: 10px!important;
	text-align: left!important;
}

 
/*.single-product div.product p.price {
   font-weight: 500;
   margin: 0.5em 0em;             
   line-height: 2em;
}*/

/* Brödtext för produkter */
.woocommerce-product-details__short-description {
    color: #000;
}

/* "Köp och hämta artikeln här:" och table med butikernas avstånd */
.locator {
    color: #000;
}
 
.store_area_inner {
    color: #000;
}


/* Brödtext för produkter */
.woocommerce-product-details__short-description {
    color: #000;
}

/* "Köp och hämta artikeln här:" och table med butikernas avstånd */
.locator {
    color: #000;
}
.store_area_inner {
    color: #000;
}

.woocommerce-product-details__short-description {
	margin-bottom: 20px;
}


/* nya tabbarna */
.single-custom-tabs-wrapper {
	margin-bottom: 20px;
}
.single-custom-tabs-list {
	background-image: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY7hw4QIABOQCcaizOWcAAAAASUVORK5CYII=");
    background-position-x: center;
    background-position-y: bottom;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;	
}
.single-custom-tabs-tabtitle {
	height: 100%;
	display: inline-block;
	border: solid 1px rgb(208, 208, 208);
	background-color: rgb(248, 248, 248);
	margin-left: 5px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 38px;
	cursor: pointer;
}
.single-custom-tabs-tabtitle.active {
	border-bottom: solid 1px white;
	background-color: white;
}
.single-custom-tabs-content {
	margin-top: 20px;
}
.single-custom-tabs-content.hidden {
	display: none;
}


/* Read more */
.woocommerce-products-header>.term-description {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.all_filter_container_new {
	margin-top: 15px;
}
.woocommerce-products-header>.term-description.readmore-able, .single-product .woocommerce-product-details__short-description.readmore-able {
	height: 52px; overflow-y: hidden;
	position: relative;
}
.readmore-link {
	text-decoration: underline;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	color: rgb(23,64,16);
	position: relative;
	float: right;
}
.readmore-able>.readmore-link {
	position: absolute;
	bottom: 0px;
	right: 0px;
}


/* annat */
.sales-features a {
	color: inherit;
	font-weight: inherit;
	text-transform: inherit;
}
.imagepuff a>p {
	color: #6d6d6d;
}


/* Mässa */
#automassa2022-nedrakning {
	text-align: center;
	vertical-align: top;
	line-height: 30px;
	border-bottom: 1px solid gray;
}

#automassa2022-nedrakning img {
	display: inline-block;
	box-sizing: content-box;
	vertical-align: middle;
	padding-right: 8px;
}

#automassa2022-nedrakning a {
	color: rgb(109, 109, 109);
}


@media screen and (max-width: 767px) {
  #automassa2022-nedrakning  .massa-desktop  {
    display: none;
  }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (min-width: 768px) {
  #automassa2022-nedrakning  .massa-mobil  {
    display: none;
  }
}


/* Uppdaterad banner */
.banner-tvinga-centrera-nedat {
	background-position-y: bottom !important;
}



/* Modal karta */
		.gs-search-modal {
			 z-index: 10000;
			 position: relative;
		}
		
		.gs-search-modal > .gsfiller {
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px; 			
		}
		
		.gs-search-modal > .gsfiller > .gsbg {
			height: 100%;
			width: 100%;
			background-color: grey;
			opacity: 0.5;			
		}
		
		@media screen and (max-width: 900px) and (max-height: 420px)  {
			
			.gs-search-modal > .gsmodal {
				position: fixed; top: 20px; left: 20px; right:20px; height: 340px;
			}

			.gs-search-modal > .gsmodal > .gsmodbox {
				width: 100%; height: 100%;
				position: relative;
			}
			
		}
		

		@media screen and (max-width: 900px) and (min-height: 421px) and (max-height: 520px)  {
			
			.gs-search-modal > .gsmodal {
				position: fixed; top: 20px; left: 20px; right:20px; height: 400px;
			}

			.gs-search-modal > .gsmodal > .gsmodbox {
				width: 100%; height: 100%;
				position: relative;
			}
			
		}
		
		@media screen and (max-width: 900px) and (min-height: 521px) {
			
			.gs-search-modal > .gsmodal {
				position: fixed; top: 20px; left: 20px; right:20px; height: 500px;
			}

			.gs-search-modal > .gsmodal > .gsmodbox {
				width: 100%; height: 100%;
				position: relative;
			}
			
		}
		



		
		@media screen and (min-width: 901px) {
			.gs-search-modal > .gsmodal {
				position: fixed; top: 100px; left: 200px; right:200px; height: 500px;
			}
			
			.gs-search-modal > .gsmodal > .gsmodbox {
				margin-left: auto; margin-right: auto;
				width: 650px; height: 100%;
				position: relative;
				
			}
		}
		
		.gs-search-modal > .gsmodal > .gsmodbox > .gsmodclose {
			position: absolute;
			top: 0px; right: 0px;
			width: 20px; height: 20px;
			color: black;
			cursor: pointer;
		}
		
		.gs-search-modal > .gsmodal > .gsmodbox > .gsmodpaper {
			position: absolute;
			top: 20px; left: 0px; bottom: 0px; right: 0px;
			/*padding-top: 20px; padding-bottom: 20px; */
			background-color: white;
		}
		
		.gs-search-modal > .gsmodal > .gsmodbox > .gsmodpaper > .gscontent {
			padding-left: 20px;
			padding-right: 20px;
		}
		
		.map-popup-dialog {
			position: relative;
		}
		
		.map-popup-selection {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 150px;
			height: 100px;
			background-color: yellow;
		}
		.map-popup-resultlist {
			position: absolute;
			top: 20px;
			left: 0px;
			width: 170px;
			bottom: 0px;
			overflow-y: scroll;
		}
		
/*		.gsmodheader {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			height: 20px;
			background-color: #64b2f3;
		}*/
		
/*		.map-popup-resultlist > div {
			padding-left: 10px;
			padding-right: 10px;
		}*/
		
		.map-popup-googlemap {
			position: absolute;
			top: 20px;
			left: 170px;
			right: 0px;
			bottom: 0px;
		}
		
		.jquery-modal.blocker .modal a.close-modal::before {
			content: '\2716' !important;
		}		



/* wire */
.prodlist-wire-beforearts {
	width: 100%;
	padding-top: 20px;
	list-style-type: none;
}


table.axeltabell td {
	width: unset!important;
}


.start-bildgrupp-bakgrund {
height: 300px;
background-repeat: no-repeat;
background-position: center;
background-size: contain!important;
padding-top: 200px;
}

.pl2-prodlistinnehall  > .product-sku {
	line-height: 15px!important;
	text-align: left!important;
	font-size: 13px;
	margin-top: 10px!important;
	margin-bottom: 5px!important;
}

.pl2-prodlistinnehall  > h2 {
	line-height: 20px!important;
	text-align: left!important;
	margin-top: 5px!important;
	margin-bottom: 0px!important;
	font-size: 18px!important;
	font-weight: bold!important;
}

#content ul.products li.product img.attachment-woocommerce_thumbnail {
	margin-bottom: 18px;
}


/* Uppdateringar 25q1 */
.product > .summary > .product_title {
	font-size: 30px!important;
	font-weight: bold!important;
	margin-block-end: 0px;
	margin-bottom: 0px;
}

.filteredout-wire {
	display: none;
}


.swipe-productlist {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 1rem;
    padding: 1rem 0;
    flex-wrap: nowrap!important;
	padding-bottom: 100px;
}


.swipe-productlist > li.product {
  flex: 0 0 auto;
  width: 250px; /* or whatever width you prefer for each product */
  scroll-snap-align: start;
}


.up-sells > h2 {
	font-weight: bold;
}

h2.storsaljare {
	font-weight: bold;
	text-align: center;
	font-weight: 25px;
}


.butikloc-priotable-kontorstyp-panel {
	padding-right: 30px;
}

.butikloc-priotable-kontorstyp-panel > .butikloc-radio-kontorstyp {
	display: none;
}

.butikloc-priotable-kontorstyp-panel label {
	border: 1px solid #063f74;
	padding: 3px 15px 3px 15px;
	background-color: white;
	color: #063f74;
}

.butikloc-priotable-kontorstyp-panel input[type="radio"]:checked + label {
	background-color: #063f74;
	color: white;
}