@import url("https://use.typekit.net/aky7bjr.css");

html, body {
  font-family: "neulis-sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "neulis-sans", sans-serif;
	color: #1E3664;
}

body {
    color: #333;
}

/* Logo i huvudet */
#lay_megawrapper {
	background-image: url("Logo.png");
}


.home-link #imgLogo{
	position:relative;
	width:300px;
}

/*Bakgrundsfärg i huvudet*/
header {
	background-color:#1E3664;
	color: #fff;
}


/* meny bar*/
.nav-wrapper {
	background-color:#1E3664;
	border-bottom:2px solid #f3f3f3;
	color:#fff;
	margin-top:1em;
}


/*egenskap kategori utan underkategori*/
.nav-wrapper a {
	color:#fff;
}


.nav-tree .level1 div.nolink, .nav-tree .level1 > div a, .nav-tree .level1 > a{
	Color:#fff;
	font-family:"neulis-sans", sans-serif;
	font-weight:bold;
	text-transform: capitalize;
}

/*egenskap kategori Hover*/
.nav-tree .level1:hover{
	background-color:#162547;
}


/*Aktuell kategori*/
.nav-tree .current{
	background-color:#162547;
}

/*underkategorier*/
.nav-tree .level1 > ul {
	background-color:#005CA9;
}


  /*Textfärg övre meny*/
  .nav-menu {
      color: #fff;
      }

  .nav-menu li a {
          color: #fff;
      }


  /* Hover-effekt på länkar i menyn */
  #MainMenu .menu li a:hover {
      background-color: #1E3664;  
      color: #fff;
  }
  
  /* Hover-effekt för span-taggar (t.ex. Hjälp, Logga in, etc.) */
  #MainMenu .menu li span:hover {
      background-color: #162547;  
      color: #fff;
  }
  
  /* För att ändra bakgrundsfärg och textfärg på länkar i dropdown-menyn under 'Hjälp' */
  #MainMenu .menu li.title:hover .fw-drawerContent li a {
      background-color: #1E3664;
      color: #fff;
  }
  
  /* För att ändra bakgrundsfärg och textfärg för länkar när de hovras över */
  #MainMenu .menu li.title:hover .fw-drawerContent li a:hover {
      background-color: #162547;
      color: #fff;
  }
  
  /* Ta bort ramen från dropdown-menyn */
  #MainMenu .menu li.title:hover .fw-drawerContent {
      border: none;  
      box-shadow: none;  
  }
  
  /* Ändra bakgrundsfärgen för alla aktiva menyposter */
  #MainMenu .menu .active_last>a {
      background-color: #162547; 
      color: #fff; 
  }
  
  /* Ändra färg för alla aktiva menyposter när underkategori i menyn är vald */
  .menu li.active > span.fw-drawerToggle {
      background-color: #162547;
      color: #fff !important;
  }
  
  /* Ändra färg när för kategorin i huvudmenyn när man hovrar över underkategorierna */
  .menu li.title:hover > span.fw-drawerToggle {
      background-color: #162547;
      color: #fff !important;
  }


/*Logga in*/
.loginFlyout .login-title {
	color: #1E3664;
	font-family: "neulis-sans",sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: .3em;
}


  /* Neutral stil för vanlig login-text */
  .login-form label,
  .login-form .hint,
  .login-form .forgot-info {
      background-color: transparent !important;
      color: #333 !important; /* Anpassa om du vill ha ljusare eller mörkare */
      text-decoration: none;
  }

/* "Skapa nytt konto" – återställ rätt färg */
.login-form a[href*="Register"] {
	color: var(--link-color, #1E3664) !important;
	background-color: transparent !important;
}
  
/* "Skapa nytt konto" – återställ rätt färg vid hover */
.login-form a[href*="Register"]:hover {
	color: var(--link-color, #1E3664) !important;
	background-color: transparent !important;
}

/*Produkt tillagd i varukorg*/
.addedToCart-wrapper{
	background-color:#000;
	color:#fff;
}



/*produktbenämning*/
a.itemnamelink{
	color:#1E3664;
}


/*Header varukorg och kassa */
.table .header {
	background-color: #f7f7f7;
}

/*Varukorg*/
.smallcart{
	border:none;
}

/*varukorgsfot*/
.cart-footer .totalinfo{
	background-color:#f7f7f7;
}

/*kundvagn symbolfärg*/
 .cart-header::before {
        color: #fff;
    }


/*Kundvagn tom*/
.empty .cart-header{
	background-color:#1E3664;
}


/*Kundvagn fylld*/
.cart-header{
	background-color:#1E3664;
}

/*Symbol antal i varukorgen */
    .cart-header .cartquantity .quantity {
        background-color: #8fce00;
    }

/*Produkt tillagd i varukorg*/
.addedToCart-wrapper{
	background-color:#162547;
	color:#fff;
}

/* Anger om språkval ska visas eller ej */
.flags {
	display: none;
}

.startView .prodlist-header .list_info h1:first-child {
  display: none;
}

.prodlist-header .list_info h1:first-child {
  display: none;
}

/* Bakgrundsfärg filtermenyerna för alla sidor */
#FilterWrapper.filter-wrapper {
	background-color: #f7f7f7;
}

#Filters.filters {
	background-color: #f7f7f7;
}

/* Sidfot yttre ram */
footer {
	background-color: #f7f7f7;
	border-top: 2px solid #ccc;
}

/* Sidfot inre ram */
footer .footer-inner>div {
	background-color: #fff;
}

/* Knappar – men exkludera plus, minus och bläddringsknappar */
.fw-button:not(.plus):not(.minus):not(.btn-prev):not(.btn-next):not(.btn-first):not(.btn-last) {
    background-color: #005CA9;
    color: #fff;
    border: none;
}

/* Knappar – men exkludera plus/minus hover */
.fw-button:not(.plus):not(.minus):not(.btn-prev):not(.btn-next):not(.btn-first):not(.btn-last):hover {
    background-color: #004b89;
    color: #fff;
    border: none;
}

/* Bakgrundsfärg formulär kontaktsida */
#ContactFormWrapper {
	background-color: #f7f7f7;
}

/* Bakgrundsfärg formulär skapa konto */
#RegUser.form-wrapper {
	background-color: #f7f7f7;
}

#ProductPrices {
	background-color: #f7f7f7;
}

/* Bakgrundsfärg saldoruta produkt */
#Availability {
	background-color: #f7f7f7;
}

/* Bakgrundsfärg ruta bevakning av produkt */
#Monitor {
	background-color: #f7f7f7;
}

/* Knapp produktfråga frågetecken */
#hlProdAsk .fw-icon-help {
	color: white;
}

/* Kavoritknapp färg hjärta */
#lbtnAddFavorite .fw-icon-heart {
	color: #f44336;
}

/* Kavoritknapp färg hjärta hover */
#lbtnAddFavorite:hover .fw-icon-heart {
	color: #cc0000;
}

/* Bakgrundsfärg rubriker variantlista för ex storlek */
#MainContent_ddlDoubleDim_pnlDataContainer .header {
  background-color: #f7f7f7;
}

/* Bakgrundsfärg varannan rad variantlista för ex storlek */
#MainContent_ddlDoubleDim_pnlDataContainer .row:nth-child(even) {
  background-color: #fbf7f0;
}

/*Header varukorg och kassa */
.table .header {
	background-color: #f7f7f7;
	color: #1E3664;
	font-family: "neulis-sans", sans-serif;
	font-size: 18px;
}

/* Typsnitt rubriker kassa */
.checkout h1, .checkout h2, .checkout h3, .checkout h4, .checkout h5, .checkout h6 {
	font-family: "neulis-sans", sans-serif;
}

/* Bakgrundfärg sida kassa */
.page-Checkout .content-wrapper {
	background-color: #f7f7f7;
}

/* Summeringsruta kassa */
.totalbox {
	background-color: #1E3664;
	color: #fff;
}

/* Bakgrundsfärg kampanjkod */
#CheckoutCampaign {
	background-color: #fff;
}

/* Bakgrundsfärg kampanjkod bakom ruta */
#ActivateCampaign {
	background-color: #fff;
}

/* Bakgrundsfärg ange tillfällig leveransadress */
#MainContent_MyInfo_DeliveryAddress {
	background-color: #fff;
}

/* Bakgrundsfärg logga in formulär kassa */
#MainContent_MyInfo_login_LoginForm {
	background-color: #f7f7f7;
}

/* Bakgrund formulär kassa */
#MainContent_OtherInfo_ExtraForm {
	background-color: #fff;
}

/* Bakgrundsfärg mitt konto inloggat läge */
#UserInformationWrapper {
	background-color: #f7f7f7;
}

/* Bakgrundsfärg orderöversikt mitt konto */
#SelectWrapper {
	background-color: #f7f7f7;
}

/* Bakgrundsfärg favoriter mitt konto inloggat läge */
#MainContent_FavouritesWrapper {
	background-color: #f7f7f7;
}

/* Länkfärg */
a {
    color: #1E3664;
    text-decoration: none;
}

/* Länkfärg glömt lösenord */
.forgotten-link .link-image {
    color: #1E3664;
}

/* Länkfärg skapa nytt konto */
.register-link .fw-button {
    color: #1E3664;
}

/* Bakgrundsfärg på knapparna för underkategorer när man klickat i menyn */
#MainContent_GroupView .group-title {
  display: block;
  background-color: #005CA9;
}

/* Bakgrundsfärg på knapparna för underkategorer när man klickat i menyn hover */
#MainContent_GroupView .group-title:hover {
  background-color: #004b89;
}



  /* Bakgrundsfärg meny i mobilläge */
  @media screen and (max-width: 950px) {
    .nav-menu {
        background-color:#1E3664;
        visibility: visible;
        -webkit-transition: visibility 0s ease 0s,max-height 1s ease 0s;
        transition: visibility 0s ease 0s,max-height 1s ease 0s;
    }
  }
  
  /* Bakgrundsfärg meny header mobilläge */
  @media screen and (max-width: 950px) {
      .header-top {
          background-color: #1E3664;
      }
  }
  
  /* Färg text meny header mobilläge */
  @media screen and (max-width: 950px) {
      .menu-open-btn {
          color: #fff;
      }
  }
  
  @media (min-width: 951px) {
      #MainMenu .level1 ul a {
          color: #1E3664;
      }
  }
  
  /* Ikoner kategorimeny mobilläge */
.header-icons,.header-icons a {
    color: #fff;
}
  
  /* Bakgrundsfärg header skrollat läge */
  .scrolled .logo {
      background-color: #1E3664;
  }


/* Varukorg färg på antal i mobilläge */
.cart-open-btn .quantity {
    background-color: #8fce00;
}

/* Varukorg färg på antal i mobilläge i skrollat läge*/
.scrolled .cart-open-btn .quantity:not(.empty) {
        background-color: #8fce00;
}


/* Bakgrundsfärg varukorg mobilläge */
.smallcart{
	background-color: #f7f7f7;
	border: none;
}

/* Bakgrundsfärg logga in formulär mobilläge */
@media screen and (max-width: 950px) {
    .form-wrapper {
        background-color: #f7f7f7;
    }
}


/* Centrera loggan skrollat mobilläge */
.scrolled .logo {
    background-color: #1E3664;
    min-height: 70px; /* öka lite */
    padding: 10px 15px; /* detta ger luft */
    
    left: 0;
    width: 100%;
    
    display: flex;
    align-items: center;     /* vertikal centrering */
    justify-content: center; /* horisontell centrering */
}