/* @import 'fonts.css';
/* @import 'astra_style.css';
*/


#ViewWrapper.view-wrapper.bglightGrey > #MainContent_GroupView > div.fw-flex-row.groupview-wrapper.images-yes {
  display: none;
}

.newsButton {
    font-family: MONO, "Founders Grotesk", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    fill: #000000;
    color: #FFFFFF;
	background-color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000000;
    border-radius: 11px;
    padding: 3px 5px 2px 5px;
	margin-bottom: 2px;
	align: middle;
	cursor: default;
}

.newsButton:hover, .newsButton:focus {
    color: #FFFFFF;
    background-color: #000000;
	border-color: #000000;
}

.nomadShop {
    font-family: MONO, "Founders Grotesk", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    fill: #000000;
    color: #000000;
	background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #292929;
    border-radius: 1px 1px 1px 1px;
    padding: 8px 10px 5px 8px;
}
.nomadShop:hover, .nomadShop:focus {
    color: #FFFFFF;
    background-color: #000000;
}

.window-view .image-wrapper {
	justify-content: start;
}

/*remove AddThis på produktsidan*/
#ProductInfo div#Addthis, #ProductInfo div#Addthis + div {
	display:none;
}

#Logo2, .newlogoposition {
	margin-left: 10px;
	margin-top: 10px;
}
img#imgLogo {
	width: 350px !important;
}

#Header #Logo {
	margin: 10px 15px 0;
}
	
#MainMenu {
	Margin-top: .4rem;
}

#Logo.orginallogo {
	display: none!important;
}

#Logo.home-link.logo {
	display: none!important;
}

@media screen and (max-width: 950px) {
	#Logo.home-link.logo {
    	display: block!important;
	}
}


@media screen and (min-width: 951px) {
	#Logo.orginallogo {
		display: none!important;
	}
}

#Breadcrumbs {visibility: hidden;}

.hidebrand  {visibility: hidden;}

tr.purchaseorder {
	background-color: rgb(224,255,191);
	padding:4px;
}
tr.evenOdd:hover {
	background-color: #D2CECA;
	border-color: #D2CECA;
	cursor: pointer;
}

/* GKA 241002 --- Scroll to top-button */

body::after {
    content: "↑"; /* Stilren pil uppåt */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #000; /* Svart bakgrund */
    color: white; /* Vit pil */
    padding: 0; /* Ingen padding */
    width: 50px; /* Bredd på knappen */
    height: 50px; /* Höjd på knappen */
    border-radius: 50%; /* Gör knappen rund */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Mindre skugga, mjukare effekt */
    display: none; /* Dold som standard */
    z-index: 1000;
    text-align: center;
    line-height: 50px; /* Centrerar pilen vertikalt */
    font-size: 20px; /* Storlek på pilen */
    font-weight: bold; /* Tjockare pil */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    opacity: 0.9; /* Lätt transparens */
}

body::after:hover {
    background-color: #333; /* Mörkare bakgrundsfärg vid hover */
    transform: scale(1.1); /* Liten förstoring vid hover */
    opacity: 1; /* Fullt synlig vid hover */
}


body::after {
    display: var(--show-scroll-top, none); /* Control visibility with CSS variabel */
}

/* Media query: Döljer knappen på mobila enheter */
@media only screen and (max-width: 768px) {
    body::after {
        display: none; /* Döljer knappen på skärmar mindre än 768px */
    }
}

/*Testar zoom*/


div.images-yes {
 position: relative;
 width: 100%;
 height: auto;
 overflow: hidden;
 }
div.images-yes a {
 position: absolute;
 top: 0;
 left: 0;
 }
div.images-yes a img.group-imag {
 -webkit-transition: 0.6s ease;
 transition: 0.6s ease;
 }
div.images-yes:hover a img.group-imag {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
 }
 
.groupview-wrapper .group-title {
    background-color: rgb(255 255 255);
    border: 1px solid #fff;
    border-radius: 2px;
    position: unset;
    /*z-index: 1000;*/
    bottom: .0rem!important;
}

div.fw-flex-row.groupview-wrapper.images-no > div > a > span.group-title {
	z-index: 1000;
}

@media screen and (min-width: 1700px) {
    .onset:not(.startTextView), .form .offset, .form-wrapper, .bonusReg-wrapper, body:not(.view-list) .filter-title, body:not(.view-list) .filters, .type-MyAccount.view-list .filter-title, .type-MyAccount.view-list .filters, .banners, .noPayments, .overview, .overview-wrapper .pager2, .window-view, .extended-view {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: .8rem!important;
    }
	#Header .header-top, .cart, .top-search {
        margin-right: .8rem!important;
    }
    .header-top {
        max-width: 100%!important;
	margin-top: 10px;
	}
}
@media screen and (min-width: 1400px) {
    .onset:not(.startTextView), .form .offset, .form-wrapper, .bonusReg-wrapper, body:not(.view-list) .filter-title, body:not(.view-list) .filters, .type-MyAccount.view-list .filter-title, .type-MyAccount.view-list .filters, .banners, .noPayments, .overview, .overview-wrapper .pager2, .window-view, .extended-view {
        padding-left: 0px;
        padding-right: 0px;
		margin-left: .8rem!important;
    }
	#Header .header-top, .cart, .top-search {
        margin-right: .8rem!important;
		margin-left: .8rem!important
    }
    #Header #Logo {
		margin-left: .8rem!important;
    }
	#ProdListHeader, #ProductList {
        padding-right: .8rem!important;
    }
	div.mainContent div#UpdatePanel1 div#tableHolder.prodlist-wrapper:has(div.prodlist.window-view) {
		width: 76%;
		margin-left: 12%;
		margin-right: 12%;
	}
}

@media screen and (min-width: 951px) {
    .onset:not(.startTextView), .form .offset, .form-wrapper, .bonusReg-wrapper, .filter-title, .filters, .noPayments, .overview, .overview-wrapper .pager2, .window-view, .extended-view {
        padding-right: 0px!important;
        padding-left: 0px!important;
		margin-left: .8rem!important;
    }
	
	.startTextView, #ProdListHeader.prodlist-header.onset, #MainContent_GroupView.groupview.onset {
		padding-right: 0px!important;
        padding-left: 0px!important;
		margin-left: .0rem!important;
	}
	
	/*hide the search box
	#Search {
		display:none;
		margin-left: .8rem;
		font-size: 0.8rem;
        max-width: fit-content;
	}*/
	
	#SearchTxt input.textBox, #SearchTxt input.textBox:focus-visible {
		border: 1px solid transparent;
		border-bottom: 1px solid black;
		outline: transparent;
	}
	
	.top-search {
		align-self: baseline;
		margin-top:23px;
		padding-bottom: 0px;
	}
	
	.cart, .top-search {
		margin-right: 1.5rem!important;		
	}
	
	.cart-wrapper {
		min-width: auto;
	}
	
	.cart {
		max-width: 3.0rem;
	}
	
	.cart-section .btn-group {
		justify-content: flex-end;
		margin-right: 0.8rem;
	}
	
	.top-search .btn-search {
		font-size: 1.1em;
		background-color: transparent!important;
		color: black;
	}
	
	.top-search .btn-search:hover {
		background-color: transparent!important;
		border-color: transparent;
		color: black;
	}
	
	.cart-header {top:-18px;}
	
	.form-group, .confirmationText, .form-group .btn-group, .validation, .validation-within, .form-wrapper .btn-group {
    max-width: 700px;
    /*margin-left: 5.0rem;*/
	}
	
	#LoginView.form.login, #UserInformationView.form.myAccount.userInformation {
		margin-left: 5.0rem;
	}
	
}

@media screen and (max-width: 950px) {
	.onset:not(.startTextView.onset), .form .offset, .form-wrapper, .bonusReg-wrapper, .filter-title, .filters, .overview, .overview-wrapper .pager2, .noPayments, .extended-view {
        padding-right: 0px;
        padding-left: 0px;
		margin-left: 0px;
    }
	
	#StartTextView.startTextView.onset {
		padding: 0px;
		margin:0px;
	}
	
	
	.toogleSearch {display:none;}
	/*#Search {display:none;}*/
	
	.orginallogo {
		display: block!important;
	}
	img#imgLogo {
		width: 225px !important;
		margin-top: .5rem;
	}
	
    .scrolled .logo {
        background-color: #EDEDED;
        padding: 0.25rem;
        padding-left: 1.0rem;
        padding-top: .6rem;
    }
	

	header {
		-webkit-align-items: start;
		align-items: start;
	}
	
	#Header #Logo {
		margin: 10px 15px 0;
	}
	
	.header-icons {
        width: 50%;
        position: absolute;
        right: 0;
        top: 1.3rem;
    }
	
    .breadcrumbs {
        padding: 1.5rem;
    }
	
	
	
}

@media screen and (min-width: 1400px) {
    .breadcrumbs {
        padding-right: .8rem;
        padding-left: 1.5rem;
    }
}


.productContainer:hover {
    border-color: transparent;
    /*background-color: #f3f3f3;*/
}
.groupview-wrapper{
    justify-content: center;
}


/*=======================================*/

#Availability > div.stock i {
	display: none;
}

/*@font-face {
  font-family: 'FG';
  src: url('/css/fonts/founders-grotesk-light.woff') format('woff');
}*/

@font-face {
    font-family: 'Headline';
    src: url('/css/fonts/founders-grotesk-light.woff2') format('woff2'),
         url('/css/fonts/founders-grotesk-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bodytext';
    src: url('/css/fonts/founders-grotesk-light.woff2') format('woff2'),
         url('/css/fonts/founders-grotesk-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Founders Grotesk';
  src: url('/css/fonts/founders-grotesk-light.woff2') format('woff2');
}

@font-face {
  font-family: 'MONO';
  src: url('/css/fonts/founders-grotesk-mono-medium.woff2') format('woff2');
}

@font-face {
  font-family: 'FFHandwrite';
  src: url('/css/fonts/FF-Jason-Regular.woff') format('woff');
}
@font-face {
  font-family: 'FF_Jason';
  src: url('/css/fonts/FF-Jason-Regular.woff') format('woff');
}@font-face {
  font-family: 'FF Jason';
  src: url('/css/fonts/FF-Jason-Regular.woff') format('woff');
}

.proffessional, .domino-table {border: 0px solid transparent!important;}
table.proffessional > tbody > tr > td, table.domino-table > tbody > tr > td  {padding: 2px 10px 2px 0px!important;}

#MainContent_ErrorMessage > div.links-wrapper, #MainContent_ErrorMessage > div.search-wrapper {
	display: none!important;
}

.setpartheading {
	background-color: #EDEDED!important;
    border-color: #EDEDED!important;
	padding: 3px;
}

.setpartcell {
	padding: 3px;
	line-height: initial!important;
}

.setpartrow:hover {
	background-color: #EDEDED!important;
    border-color: #EDEDED!important;	
}

[data-href] {
    cursor: pointer;
}

.form-wrapper, #UserInformationWrapper, #MainContent_FavouritesWrapper, .invoiceOverviewTable, .bglightGrey {
	background-color: #EDEDED;
}

.addedToCart-wrapper, #CheckoutSums, #CheckoutSums, #TotalBox {
	background-color: #797571!important;
}

.center, .rubbe_ingress, .fixedtitle {
	text-align: center;
	line-height: 40px!important;
}

#ProdListHeader > div > h2, #ProdListHeader > div > h1, #ProdListHeader > div > p, .fw-truncateButton, #D1021, #D1022, #D18114, #D1044, span.cell.D1021, span.cell.D1022, span.cell.D18114, span.cell.D1044 {
	display: none;
}

span.D1021_label, span.D1021_value, span.D1022_label, span.D1022_value, span.D18114_label, span.D18114_value, span.D1044_value {
	display: none;
}

.text {
	font-size: 17px;
    line-height: 1.2;
}

#MainContent_favPageLink.fw-button, #MainContent_favSubmit.fw-button, .fw-button, .btn-action, .btn-buy, .btn-tocheckout, .btn-sendorder, .btn-complete, .buttonColumn input {
    background-color: #797571!important;
    border-color: #797571!important;
/*    background-color: #FC782F!important;
    border-color: #FC782F!important;*/
    color: white;
}

.addtofavorite {
    background-color: transparent!important;
    border-color: transparent!important;
}

#SearchBtn {
	background-color: transparent;
	margin-top:1px;
	margin-right:1px;
}




#MainContent_favPageLink.fw-button:hover, #MainContent_favSubmit.fw-button:hover,
.fw-button:hover, .fw-button:hover, .btn-action:hover, .btn-action:focus, .btn-buy:hover,
.btn-buy:focus, .btn-tocheckout:hover, .btn-tocheckout:focus, .btn-sendorder:hover, .btn-sendorder:focus,
.btn-complete:hover, .btn-complete:focus, .buttonColumn input:hover, .buttonColumn input:focus {
    background-color: black!important;
    border-color: black!important;
	color: #fff;
}

.btn-buy, .btn-tocheckout, .btn-sendorder, .btn-complete, .buttonColumn input {
    background-color: #797571;
    border-color: #797571;
/*    background-color: #FC782F;
    border-color: #FC782F;*/
    color: white;
}

#custom-fancybox-wrapper > button, #fancybox-close {
	background-color: transparent!important;
}
#custom-fancybox-wrapper > button:hover, #fancybox-close:hover {
	background-color: Gainsboro !important;
}

#ProductInfo {
	padding-left:35px!important;
	padding-right:75px!important;
}

body {
	font-family: 'bodytext'!important;
}

.elementor-heading-title, .elementor-size-large {
	font-family: FFHandwrite, sans-serif;
}

/* AAX 230830 Döljer .groupview-text samt #ProdListHeader TILLFÄLLIGT TILLS sidan är helt laddads */
#ProdListHeader, .groupview-text, #StartTextView {
	display: none;
	margin-bottom: 0px;
}

/* AAX 230810 döljer sidans title SAMT puffarna som saknar bilder*/

#MainContent_GroupView > h1, #MainContent_GroupView > div.images-yes > div.images-no > a {
	display: none;
}


/* AAX 230714 döljer navigationen på fullscreen men inte brödlisten blir krångligt med media men, men...*/

/* On screens that are 951px wide or more, the navigation is hidden */
@media screen and (min-width: 951px) {
	.nav-wrapper {
		display: none;
	}
}

/* THE Helsidesbredd startsidan */
/* THE Bakgrundsfärg #MainContent_ProdListView */
#StartTextView {
 
	background-color: #EDEDED;
}
#ProdListHeader {
	/*background-color: #FFFFFF;*/
}
.groupview-text { /*Gör produktskyltningens bakgrund vit */
	/*background-color: #FFFFFF;*/
}


/**AAX 230613 fixande av filter funktioner*/


.filter-wrapper, #SortAndPageSettings, .cross, #FilterSearchContent, #FilterTitle {
	display: none;
}

.fw-accordionToggle {
	display: none;
}

.fw-accordionContent {
	display: block;
}

#accordionContent_0.fw-accordionContent.loginPassword {
	display: block;
}

.filter-group-title, .checkbox-filter-title {
	border-bottom: 2px solid darkgrey;
	margin-bottom: 5px;
}

/*AAX 221115 corrected indent when invoices or orders are NOT found*/
#MainContent_pnlNoInvoices, #MainContent_pnlNoOrders {
	margin-left:48%;
}

body a:where(:not(.wp-element-button)) { /* Fix efter ny styling från astra */
  text-decoration: none;
}

element.style {
    color: #000000;
}

#Description p {
	margin-bottom: 0.75rem;
}
/*AAX change tillbehörs bild större*/

.list-view .cell.ArtImg .image {
    max-width: 35%;
}
/*AAX hide footer until page is fully loaded - use then JS to change visibility to visible */
#Footer {
	visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Headline', arial, sans-serif!important;
}

h3 {
	display: block;
    font-size: 1.17em;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

h1.elementor-heading-title {
   font-family: FFHandwrite, sans-serif!important;
}

#MainContent_GroupView > h1
{
            font-size: 18px;
text-transform: uppercase;
}

/* AAX Döljer komihåg mig rutan*/
#MainContent_ucLogin_AutomaticLogin {
	display: none;
}

/* Tomas. färg på sandwich menyn */
.header-icons, .header-icons a {
    color: #797671;
}
.scrolled .header-icons, .scrolled .header-icons a {
    color: #797671;
}



#wp_content_url {
  display: none;
}

#custom-wp-body p {
	margin-bottom: 1.75rem!important;
	/*font-family: 'HelveticaNeueETW02-45Lt', sans-serif;*/
}

/* AAX Get away with lines between rows */
.list-view .table .row {
    border-bottom: 1px solid transparent;
}

/*#NavTree-Horisontell > ul > li:nth-child(2)*/

#NavTree-Horisontell ul li.level1 {
		border-bottom:solid!important;
		border-bottom-color: transparent!important;
		border-bottom-width: 1px!important;
}

#NavTree-Horisontell ul li.level1.active_last {
	border-bottom-color: black!important;
	border-bottom-width: 1px!important;
	background-color:transparent!important;
}
#NavTree-Horisontell ul li.level1.active_last>a {
	color: #000!important;
	background-color: white!important;
}

#NavTree-Horisontell ul li.level1:hover, #NavTree-Horisontell ul li.level1.active_last {
    color: black!important;
    cursor: pointer!important;
		border-bottom:solid!important;
		border-bottom-color: black!important;
		border-bottom-width: 1px!important;
		background-color: transparent!important;
    }

#NavTree-Horisontell ul li.level1:hover>a, #NavTree-Horisontell ul li.level1:hover>span {
    color: black!important;
    background-color: white!important;
}

/*.nav-tree .level1 li>div:hover,.nav-tree .level1 li>a:hover {
	background-color: white!important;
}*/

/* AAX Get away with block in grey instead line under */


/* GK -- HOVER EFFECT ON MENU LINKS 240913 */

/* Grundläggande styling för menyalternativ */
.nav-menu li.level1 {
    position: relative; /* Needed for the pseudo element to work properly */
    border-bottom: none!important; /* Remove the old border-bottom */
}

/* Styling for active menu elements */
.nav-menu li.level1.active_last {
    background-color: transparent!important;
}

/* Styling for active links */
.nav-menu li.level1.active_last > a {
    color: black!important;
}

/* Styling for hover effect */
.nav-menu li.level1:hover, .nav-menu li.active_last {
    color: black!important;
    cursor: pointer!important;
    background-color: transparent!important;
}

/* Text color and background on hover */
.nav-menu li.level1:hover > a, .nav-menu li.level1:hover > span {
    color: black!important;
    background-color: white!important;
}

/* Pseudo-elementet for fade-in line */
.nav-menu li.level1::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0.5px;
    background-color: black;
    transition: width 0.3s ease-out; /* Creates animation for the fade-in effect */
    transform: translateX(-50%);
}

/* Animation för linje när man hovrar */
.nav-menu li.level1:hover::after {
    width: 100%; /* Line expand from the middle */
}



/* OLD MENU WITH BORDER BOTTOM WITHOUT EFFECT */
/*
.nav-menu li.level1 {
		border-bottom:solid!important;
		border-bottom-color: transparent!important;
		border-bottom-width: 1px!important;
}

.nav-menu li.level1.active_last {
	border-bottom-color: black!important;
	border-bottom-width: 1px!important;
	background-color:transparent!important;
}
.nav-menu li.level1.active_last>a {
	color: black!important;
}

.nav-menu li.level1:hover, .nav-menu li.active_last {
        color: black!important;
        cursor: pointer!important;
		border-bottom:solid!important;
		border-bottom-color: black!important;
		border-bottom-width: 1px!important;
		background-color: transparent!important;
    }

.nav-menu li.level1:hover>a, .nav-menu li.level1:hover>span {
    color: black!important;
    background-color: white!important;
}
*/



/*AAX to reduce the gap from top to breadcrumb*/
.content-wrapper {
    margin-top: 0rem!important;
}
/*AAX to change the blue theme color to black*/
.fw-tabs li a {
    color: #000000!important;
}

/*AAX to hide the Description in the product text*/
#Description div div h2 {
	display:none!important;
}

/*AAX to change the label apearance*/
.groupview-wrapper .group-title {
    background-color: rgb(255 255 255);
    border: 1px solid #fff;
    border-radius: 2px;
    bottom: -2em; /* THE dyblocken går över vy-bilder */
}


/*AAX hide / Kondator in the Breadcrumb

#BreadMenu > a:nth-child(3), #BreadMenu > span:nth-child(4) {
	display: none;
}*/

#MainContent_ucLogin_LoginForm.form-wrapper {
    background-color: #fff;
}


@media (min-width: 768px) {
  #ProductWrapper > .product {
    flex-wrap: nowrap;
  }
}

@media(min-width: 951px) {
  .nav-tree .level1>ul {
    width: 95vw;
    column-count: 5;
    background-color:#ffffff;
    transition: max-height 0s linear .5s;
  }

  .nav-tree .level1:first-child > div > a {
    padding-left: 0.5rem;
  }

  .nav-tree .level2 li:hover {
    background-color: #d2ceca;
	/*bbb background-color: #2f2f2f;*/
  }

  #Tree .nav-tree .level3 a {
    line-height: normal;
    padding-left: 0;
  }

  .page-Checkout #MainMenu {
    margin-right: 1rem;
  }
}

@media(min-width: 1400px) {
  .nav-tree .level1>ul {
      width: 85vw;
  }

  .page-Checkout #MainMenu {
    margin-right: 10vw;
  }
}

@media(min-width: 1600px) {
  .nav-tree .level1>ul {
      width: 1400px;
  }
}

@media(min-width: 1700px) {
  .page-Checkout #MainMenu {
    margin-right: 15vw;
  }
}

.btn-choose {
	display: none;
}


.btn-choose, .productContainer .buy-wrapper a.fw-button:not(.btn-buy)  {
	display: none!important;
}

.fw-icon-info {
	display: none;
}

@media(min-width: 1400px) {
  #ProdListHeader {
    padding-right: 15vw;
  }

  #ProductList {
    padding-right: 10vw;
  }
}

.prices, .availability, .accessories, .list-view {
    background-color: white!important;
}

.description:not(.showall) .fw-truncateWrapper {
	max-height: unset!important;
	overflow: visible!important;
	position: relative!important;
}

.description:not(.showall) .fw-truncateWrapper:after {
	box-shadow: none!important;

/* Färger sidfot */

}


/* Färger topp + navigering 2f2f2f */

header {
  background-color: #ffffff;	/*  d2ceca - AAX changed from black to very dark grey */
  border-bottom-color: #ffffff;	/*AAX changed from black to very dark grey */
}

/* Färg text nav-trädet */
.nav-wrapper a {
    color: #000000;
}

@media(min-width: 951px) {
	.nav-wrapper {
		padding-top: 20px;		/*AAX changed from 35 px to 20 px */
		display: none;
	}
}
.nav-wrapper {
    background-color: #ffffff;
    color: #c91e1e;
	z-index: 1001;
}

.cart-footer .totalinfo {
    background-color: #2f2f2f!important;	/*AAX changed from blue to very dark grey */
}
.smallcart {
    border: 2px solid #2f2f2f!important;	/*AAX changed from blue to very dark grey */
}

#CloseTree::before {
  color: #000;
}

/* Färger Mitt konto */
.nav-menu {
    background-color: #D2CECA;
    color: #000000;
}

@media(min-width: 951px) {
  .nav-menu {
    background-color: transparent;
  }
}

/* #body.scrolled .logo {
  background-color: #000000;
} */

#body.scrolled #Logo {
	margin: 0;
}

@media(min-width: 951px) {
  #body.scrolled .logo {
    background-color: transparent;
  }
}

/* Färger Övre meny */
.nav-menu ul li a {
    color: #000000;
}

/* Köp knapp */


/* Generell hover */
a {
    color: #111;
    text-decoration: none;
}




/* Sidhöjd  */

.startPageIFrame, .userpage {
    border: 0 none;
    height: 310vh;
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100vw - 3rem);
}



/* CSS från Webblandskapet följer här: */
@media(min-width: 951px) {
  .signedIn #Header .header-top {
    margin-right: auto;
  }
}

#Header .header-top {
	display: none;
}

#Logo {
	margin: 10px 0px 0;
}



@media(min-width: 951px) {
	#Header .header-top {
		display: flex;
		margin-top: 10px;
	}

	#Header #Logo {
		margin: 0 0 0 0;
	}
}

@media(min-width: 1400px) {
	#Header #Logo {
		margin-left: 10vw;;
	}
}

#Header {
  display: flex !important;
}

#body #Header #Flags {
  display: none;
}

#Header .custom-lang-handler {
  display: flex;
  /*padding-right: 197px;*/
  top: 50px;
}

#Header .custom-lang-handler span.custom-lang-selector {
  cursor: pointer;
  margin-left: 12px;
  margin-top: 10px;
  margin-right: 8px;
}

#Tree .level1:nth-child(1n + 2){
  display: none;
}

#Tree > ul > li:nth-child(6) > div > span:nth-child(3) {
	display: block;
}

#Tree .level1 ul {
  margin-left: 0;
}

@media(min-width: 951px) {
  #Tree .level1 {
    position: static;
  }

  #Tree .level1 >.fw-drawerContent {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%/3, max(215px, 100%/5)), 1fr));
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  #Tree .level1 .level2 {
    margin-bottom: 30px;
  }

  .nav-tree .level1 li a {
    line-height: 1.5;
    padding-right: 1rem;
    padding-left: 0;
    float: left;
  }
}

#Tree > .fw-drawerMenu {
	padding-bottom: 30px;
}

#Tree > .fw-drawerMenu >.level1 {
	border-top: 1px solid #ddd;
	border-bottom: solid!important;
  border-bottom-color: transparent!important;
  border-bottom-width: 3px!important;
	display: list-item;
}

#Tree > .fw-drawerMenu >.level1:hover {
	border-bottom-color: black!important;
}

#Tree > .fw-drawerMenu >.level1:last-child:hover {
	border-bottom-color: transparent!important;
}

#Tree > .fw-drawerMenu .level1 a {
	display: block;
	padding: 0.6em 1em;
	width: 100%;
}

#Tree > .fw-drawerMenu .level1:last-child .custom-lang-handler .level1 {
	border: 0;
	list-style-type: none;
	margin: 0;
	display: inline-flex;
}

#Tree > .fw-drawerMenu .level1:last-child .custom-lang-handler span:nth-child(2) {
	padding: 0.6em 0 !important;
}

#Tree > .fw-drawerMenu .level1:last-child .custom-lang-handler a span {
	color: #000 !important;
}


@media(min-width: 951px) {
	#Tree > .fw-drawerMenu {
		display: none;
	}
}











#Main {
  margin-top: 0;
  padding-top: 0;
}

#Main .vce-row-container {
  max-width: none !important;
}

#Cart #CartHeader {
  background-color: transparent;
}

#Cart #CartHeader::before {
  color: black;
}

.cart-header {
	color: black;
}

#HeaderIcons .cart-open-btn .quantity:not(.empty) {
  background-color: #f00;
}

#Footer ul {
  margin-left: 0;
}

/* TEST Tomas */
footer {
    background-color: #797671!important;
    border-top: 0px solid #ccc;
}


#Main .vce-row-container {
  max-width: none !important;
}



/*
#Header #custom-lang-handler .custom-lang-selector:first-child {
  margin-right: 10px;
} */

#Main .list_info {
  margin-left: 0 !important;
  width: 100%;
}

@media(min-width: 951px) {
	#fancybox-outer:not(.fancybox-image-outer) {
	      /* max-width: 90vw;
	      max-height: 90vh; */
				max-height: 800px;
				max-width: 800px;
				width: 80%;
	}
}

#fancybox-outer:not(.fancybox-image-outer) {
      /* max-width: 90vw;
      max-height: 90vh; */
			max-height: 800px;
			max-width: 800px;
			width: 95%;
}

#fancybox-outer #fancybox-content {
	max-height: 800px;
	max-width: 800px;
}

#custom-product-slider {
  cursor: pointer;
}

#custom-product-image-slider-nav .slick-track.animation-none {
	transform: none !important;
	width: auto !important;
}

#custom-fancybox-wrapper {
	max-height: 100%;
}

#custom-fancybox-wrapper .slick-slide {
	max-height: 80vh;
}

#custom-fancybox-wrapper .slick-slide img {
	max-height: 100%;
	margin: 0 auto;
}

.page-Product #UpdatePanelInfoWrapper #Description .fw-truncateWrapper {
  height: auto !important;
}

.page-Product #ProductInfo .description {
  padding: 0;
}

.page-Product #ProductInfo .description {
  flex-basis: auto;
}

.page-Product #ProductInfo .description .fw-truncateWrapper {
  height: auto !important;
}

.page-Product #Images {
  max-width: 450px;
  width: 100%;
  margin-top: 35px;
}

.custom-slider-area {
  display: flex;
  z-index: 5;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
}

#custom-image-slider-prev {
  left: 0;
}

#custom-image-slider-next {
  right: 0;
}

#custom-image-slider-prev .custom-slider-btn {
  transform: rotate(180deg);
}

#custom-product-image-slider .custom-slider-btn {
  background-color: transparent;
  background-image: url('/Images/site/slider_arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 20px;
  width: 40px;
}

.page-Product #Images #custom-product-image-slider{
  max-width: 450px;
  overflow: hidden;
}

.page-Product #Images .selected-image-wrapper {
  display: none !important;
}

.page-Product #Images #slider {
  display: none;
}

.page-Product #Images #custom-product-slider {
  overflow: hidden;
  position: relative;
}

.page-Product #Images #custom-product-slider .custom-slider-image {
  z-index: 4 !important;
}

.page-Product #Images #custom-product-slider #custom-product-image-slider-nav {
  margin-top: 15px;
  position: static;
}

.page-Product #Images #custom-product-slider #custom-product-image-slider-nav .custom-slider-image-nav{
  cursor: pointer;
}

.page-Product #Images #custom-product-slider .fw-button {
  background: transparent;
  border: 0;
  z-index: 5;
  position: absolute;
  top: 0;
  width: 40px;
  /* top: calc(50% - 15px);
  transform: translate(-50%, 0); */
}

.page-Product #Images #custom-product-slider .fw-button i::before {
  background-color: transparent;
  background-image: url('/Images/site/slider_arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 20px;
  width: 40px;
}

.page-Product #Images #custom-product-slider .slick-prev i::before {
  transform: rotate(180deg);
}

.page-Product #Images #custom-product-slider .slick-prev {
  left: 0;
}

.page-Product #Images #custom-product-slider .slick-next {
  right: 0;
}

@media(min-width: 1400px) {
  #ProductWrapper > * {
    padding-right: 15vw
  }
}

#fancybox-wrap .fw-button {
  background-color: transparent;
  border: 0;
}

#fancybox-left i::before {
  background-image: url('/Images/site/slider_arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 20px;
  transform: rotate(180deg);
  width: 20px;
}

#fancybox-right i::before {
  background-image: url('/Images/site/slider_arrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 20px;
  width: 20px;
}

/* Lägger till detta för att innehållet inte ska rycka i sidled efter laddat innehåll från wp */
@media(min-width: 951px) {
  body {
    overflow-y: scroll;
  }

  #Footer body {
    overflow: auto;
  }
}

@media screen and (max-width: 950px) {
  /*#Header >#custom-lang-handler {
    display: block;
  }*/

  .page-Product #ProductInfo .description {
    display: none;
  }
  	
	body.signedIn #Tree > ul > li:nth-child(1) {		/*hides the link SKYLT PROFESSIONAL*/
		display: none!important;
	}
	body.guest #Tree > ul > li:nth-child(1) {		/*hides the link SKYLT PROFESSIONAL*/
		display: none!important;
	}
	
	.nav-tree li ul li {
        padding-left: 20px;
    }

  #MainMenu {
    background-color: #ffffff;
  }

}

@media(min-width: 951px) {
  /*#Header .header-top #custom-lang-handler {
    display: block;
  }*/

  #Header >.custom-lang-handler {
    position: absolute;
    right: 1rem;
  }

  #Header #MainMenu .fw-drawerMenu .level1 >ul {
    background-color: #bbb;
    border-color: #bbb
  }

  .page-Product #UpdatePanelInfoWrapper #Description {
    display: none;
  }

  #MainMenu {
    background-color: #ffffff;
  }


  #MainMenu .menu > li:last-child a {
    padding-right: 5px;
  }
}

@media(min-width: 1400px) {
  #Header >.custom-lang-handler {
    right: 10vw;
  }

  #Header .header-top {
    margin-right: 10vw;
  }
}

@media(min-width: 1700px) {
  #Header >.custom-lang-handler {
    right: 15vw;
  }
}

/* Footer */
#Footer ul {
  margin-left: 0;
}

#Footer .vcv-content--blank .page {
  margin-left: 0;
}

@media(min-width: 951px) {
  #Footer .entry-content > .vce-row-container {
    padding: 0 10vw;
  }
}

@media(min-width: 1400px) {
  #Footer .entry-content > .vce-row-container {
    max-width: none !important;
    padding-right: 0px!important;
  }
}
/*  #StartTextView { /*
/*    padding-left: 0px!important; /*
/*  } /*
}

@media(min-width: 1600px) {
  #Footer .entry-content > .vce-row-container {
    max-width: none !important;
    padding: 0 15vw;
  }
}

footer .footer-inner>div {
    background-color: #000;
}
footer {
    background-color: #ffffff;
    border-top: 0px solid #2f2f2f;
}

#Footer {
  padding-right: 0;
  padding-left: 0;
}

/* Döljer adress-uppgifter sidfot */
.footerInfo {
	display: none;
}
/* För content i footern som inte ska visas då det kräver javascript */
.nf-loading-spinner, .vce-shortcode {
  display: none;
}

#wp-breadcrumb.hidden {
	display: none
}

#wp-breadcrumb {

	display: flex;
}

#wp-breadcrumb .wp-breadcrumb-part {

}

#wp-breadcrumb .breadlink {
	color: #111;
  text-decoration: none;
}

#wp-breadcrumb .breadtrail {
	color: #808080;
}

#wp-breadcrumb .bcSep {
	color: #808080;
	margin: 0 0.4em;
}

#hide-info {
	display: none;
}

@media screen and (min-width: 951px) {
    .nav-wrapper, .breadcrumbs {
    }
}

.read-more-div {
	display: flex;
	justify-content: left;
}

.read-more-div #custom-read-more-btn {
	background-color: #2f2f2f;
	cursor: pointer;
	border: 1px solid #2f2f2f;
	color: #fff;
	margin: 20px 0;
	padding: 2px 25px;
	transition: all .2s ease-in-out;
}

.read-more-div #custom-read-more-btn:hover {
	background-color: #fff;
	color: #2f2f2f;
}

@media screen and (max-width: 500px) {    .smallcart .cell.ArtImg {        max-width: 65px;    }    .smallcart .table .row {        padding-left: 75px;    }}