/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/sass/user.scss ***!
  \***************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 

Desktop: 
1200px - växlar från 3 till 4 produkter i en skyltning
1025px - två rader i sidfoten (Companyinfo / Menuswrapper)

Tablet: 
768px - växlar till tabletdesign från desktop. 2 bilder i bredd i skyltning

Mobil:
549px - Växlar till mobilläge från tablet. Enbart en produkt per rad i en skyltning. 

Marginaler
Maxbredd på sidan: 1360 px
Marginal till kanten på fönstret: 25px

Utfallande objekt
Bakgrundsfärg på crosselling
Header, med ikoner 
Sidfot

Menyer
Placering: 
Navigeringsträd: I hamburgermenyn, under inlogg och inställningar. 
MainMenu: I hamburgermenyn, under nav.
Hamburgermeny: Maxbredd 349 px.

*/
/* Site url */
/* Breakpoints */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* Widths */
/* max-width for content from default design */
/* Colors default */
/* color black from default design */
/* color white from default design */
/* #AAAAAA33 */
/* color success buttons from default design */
/* color success buttons-hover from default design */
/* Colors project specific: */
/* text default */
/* h1- h6, p */
/* link Colors */
/* ändra denna sen till annan färg */
/* background-areas */
/* body background-color */
/* form-group */
/* justera denna */
#Footer.footer-wrapper .fw-container > div > div {
  max-width: unset;
}
@media (min-width: 768px) {
  #Footer.footer-wrapper #MainFooter_FooterInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
#Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_CompanyInformation {
  margin-right: auto;
}
#Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo {
    flex-basis: unset;
    flex-direction: row-reverse;
    max-width: unset;
  }
}
#Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_CompanyInformation * {
  font-size: 16px;
}
#Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText {
  flex-basis: 80%;
}
#Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p {
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* Remove any text content, including   */
}
#Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p::before, #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p::after {
  content: "";
  display: none;
}
@media (min-width: 768px) {
  #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p {
    display: grid;
    grid-template-areas: "none big big small1" "none big big small2";
    grid-template-columns: auto minmax(0, 250px) minmax(0, 250px) auto;
    text-align: left;
  }
  #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p img:first-child {
    grid-area: big;
    justify-self: center;
    max-width: 500px;
    width: 100%;
  }
  #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p img:nth-child(2) {
    align-self: flex-end;
    grid-area: small1;
  }
  #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p img:nth-child(3) {
    align-self: flex-start;
    grid-area: small2;
  }
  #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p img:nth-child(2),
  #Footer.footer-wrapper #MainFooter_FooterInner #MainFooter_FooterCompanyInfo #MainFooter_FooterText p img:nth-child(3) {
    justify-self: flex-end;
    max-width: 325px;
    width: 100%;
  }
}

#top-header-container div.fw-container {
  display: flex;
  flex-flow: column;
}
#top-header-container div.fw-container #custom-hide-price {
  color: #3f4e60;
  cursor: pointer;
  float: left;
  padding: 1em;
  text-align: right;
}

/*# sourceMappingURL=user.css.map*/