/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
/**
This file contains the variables that can be ajusted by a client, other varriables in variables.less are backed and requied for consistent spacing and positioning
*/
/**
! DO NOT REFERENCE THESE VALUES DIRECTLY
*/
.font-24 {
  font-size: 24px;
}
@media only screen and (max-width: 640px) {
  .font-24 {
    font-size: 20px;
  }
}
.font-20 {
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .font-20 {
    font-size: 20px;
  }
}
.text-color-primary {
  color: #39495c;
}
@media only screen and (max-width: 640px) {
  .page-title {
    font-size: 32px;
    line-height: 44px;
  }
}
/*
Lesswind is a lightweight interpretation of Tailwind built in less.
It is intended **not** to be used in HTML *directly*, but to be used as values in other `.less` files.
This has been modified from less.js maps to direct variables

Example:
```
.container {
    margin: @sp-4 @sp-auto @sp-2_5 @sp-1;
    padding: @sp-10 @sp-16;
    color: @cl-slate-700;
    background-color: @cl-stone-100;
    border: @sz-border-2 solid @cl-orange-400;
    font-family: @font-family-sans;
    border-radius: @radius-2xl;
}
```
This sets the padding and width for the block to standard reusable increments instead of magic increments used every time, which can change over a projects lifetime and may introduce inconsistency.

## Notes
Due to some limitations related to keywords in less, these characters are replaced:
* "." is replaced with "_", e.g 1.5 is now 1_5
* "/" is replaced with "-" e.g 1/2 is now 1-2

*/
/* The variables in this file are for developers only and are functional, branding ajustments are in branding.less */
.page-print .logo {
  display: block;
  float: none;
  text-align: left;
}
@media print {
  * {
    -webkit-filter: none !important;
    background: transparent !important;
    color: #2e282a !important;
    filter: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline !important;
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  .table-wrapper table {
    width: 100%;
    table-layout: fixed;
  }
  .table-wrapper table td {
    width: auto;
  }
  .table-wrapper table > tfoot > tr:first-child {
    border-top: 1px solid #999999;
  }
  .box,
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1cm;
  }
  .block-content,
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  .block-content {
    page-break-before: avoid;
  }
  .block-title,
  h2,
  h3 {
    page-break-after: avoid;
  }
  .nav-toggle {
    display: none !important;
  }
  .sidebar,
  .nav-sections,
  .header.content > *[class],
  .panel.wrapper > *[class],
  .footer.content > *[class] {
    display: none;
  }
  .logo,
  .footer .copyright {
    display: block !important;
    margin: 10px 0;
  }
  .order-details-items .order-items .order-gift-message:not(.expanded-content) {
    height: auto;
    visibility: visible;
  }
  .column.main {
    float: none !important;
    width: 100% !important;
  }
  .breadcrumbs {
    margin: 0 auto;
    text-align: right;
  }
  .footer.content {
    padding: 0;
  }
  .hidden-print {
    display: none !important;
  }
}