/** Shopify CDN: Minification failed

Line 440:8 Expected identifier but found whitespace
Line 440:9 Unexpected "var("
Line 447:0 Unexpected "}"

**/
/* ========================================
   GLOBAL THEME VARIABLES & UTILITIES
   ======================================== */

/* CSS Reset & Base Styles */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ========================================
   THEME GLOBAL VARIABLES
   ======================================== */

:root {
  /* ========================================
     PAGE LAYOUT & WIDTHS
     ======================================== */
  --page-width: narrow;
  --sidebar-width: 25rem;
  --narrow-content-width: 36rem;
  --normal-content-width: 42rem;
  --wide-content-width: 46rem;
  --narrow-page-width: 90rem;
  --normal-page-width: 120rem;
  --wide-page-width: 150rem;

  /* ========================================
     SECTION HEIGHTS
     ======================================== */
  --section-height-small: 15rem;
  --section-height-medium: 25rem;
  --section-height-large: 35rem;

  @media screen and (min-width: 40em) {
    --section-height-small: 40svh;
    --section-height-medium: 55svh;
    --section-height-large: 70svh;
  }

  @media screen and (min-width: 60em) {
    --section-height-small: 50svh;
    --section-height-medium: 65svh;
    --section-height-large: 80svh;
  }

  /* ========================================
     TYPOGRAPHY - FONT FAMILIES
     ======================================== */
  --font-body--family: Oswald, sans-serif;
  --font-body--style: normal;
  --font-body--weight: 400;
  
  --font-subheading--family: Oswald, sans-serif;
  --font-subheading--style: normal;
  --font-subheading--weight: 400;
  
  --font-heading--family: Oswald, sans-serif;
  --font-heading--style: normal;
  --font-heading--weight: 500;
  
  --font-accent--family: Oswald, sans-serif;
  --font-accent--style: normal;
  --font-accent--weight: 400;

  /* ========================================
     TYPOGRAPHY - FONT SIZES
     ======================================== */
  --font-size-paragraph: 14px;
  --font-size-h1: 56px;
  --font-size-h2: 48px;
  --font-size-h3: 32px;
  --font-size-h4: 24px;
  --font-size-h5: 14px;
  --font-size-h6: 12px;

  /* ========================================
     TYPOGRAPHY - LINE HEIGHTS
     ======================================== */
  --line-height-paragraph: body-loose;
  --line-height-h1: display-tight;
  --line-height-h2: display-tight;
  --line-height-h3: display-normal;
  --line-height-h4: display-tight;
  --line-height-h5: display-loose;
  --line-height-h6: display-loose;

  /* ========================================
     TYPOGRAPHY - LETTER SPACING
     ======================================== */
  --letter-spacing-h1: heading-normal;
  --letter-spacing-h2: heading-normal;
  --letter-spacing-h3: heading-normal;
  --letter-spacing-h4: heading-normal;
  --letter-spacing-h5: heading-normal;
  --letter-spacing-h6: heading-normal;

  /* ========================================
     TYPOGRAPHY - TEXT CASES
     ======================================== */
  --text-case-h1: uppercase;
  --text-case-h2: uppercase;
  --text-case-h3: uppercase;
  --text-case-h4: none;
  --text-case-h5: none;
  --text-case-h6: none;

  /* ========================================
     TYPOGRAPHY - FONT PRESETS
     ======================================== */
  --font-h1: heading;
  --font-h2: heading;
  --font-h3: heading;
  --font-h4: heading;
  --font-h5: subheading;
  --font-h6: subheading;

  /* ========================================
     BUTTON SETTINGS
     ======================================== */
  /* Primary Button */
  --primary-button-border-width: 0px;
  --primary-button-border-radius: 0px;
  --primary-button-font: body;
  --primary-button-font-weight: 500;
  --primary-button-text-case: uppercase;
  --primary-button-background-color: #1697e5;
  --primary-button-text-color: #ffffff;
  --primary-button-border-color: #ffffff;
  --primary-button-hover-background-color: #f28c00;
  --primary-button-hover-text-color: #ffffff;
  --primary-button-hover-border-color: #000000;

  /* Secondary Button */
  --secondary-button-border-width: 1px;
  --secondary-button-border-radius: 0px;
  --secondary-button-font: body;
  --secondary-button-font-weight: 500;
  --secondary-button-text-case: uppercase;
  --secondary-button-background-color: #000000;
  --secondary-button-text-color: #ffffff;
  --secondary-button-border-color: #000000;
  --secondary-button-hover-background-color: #1697e5;
  --secondary-button-hover-text-color: #000000;
  --secondary-button-hover-border-color: #ffffff;

  /* Pills */
  --pills-border-radius: 0px;

  /* ========================================
     CART SETTINGS
     ======================================== */
  --cart-type: drawer;
  --cart-price-font: secondary;
  --show-cart-note: false;
  --show-add-discount-code: true;
  --show-installments: true;
  --show-accelerated-checkout: true;

  /* ========================================
     DRAWER SETTINGS
     ======================================== */
  --drawer-color-scheme: scheme-1;
  --drawer-border: none;
  --drawer-border-width: 1px;
  --drawer-border-opacity: 50%;
  --drawer-drop-shadow: true;

  /* ========================================
     ICON SETTINGS
     ======================================== */
  --icon-stroke: default;

  /* ========================================
     INPUT FIELD SETTINGS
     ======================================== */
  --input-border-width: 1px;
  --input-border-radius: 4px;
  --input-type-preset: paragraph;

  /* ========================================
     POPOVER & MODAL SETTINGS
     ======================================== */
  --popover-color-scheme: scheme-1;
  --popover-border-radius: 14px;
  --popover-border: none;
  --popover-border-width: 1px;
  --popover-border-opacity: 50%;
  --popover-drop-shadow: true;

  /* ========================================
     PRICE DISPLAY SETTINGS
     ======================================== */
  --currency-code-product-pages: true;
  --currency-code-product-cards: false;
  --currency-code-cart-items: false;
  --currency-code-cart-total: true;

  /* ========================================
     PRODUCT CARD SETTINGS
     ======================================== */
  --quick-add-enabled: true;
  --mobile-quick-add: true;
  --quick-add-color-scheme: scheme-1;
  --show-second-image-hover: true;
  --product-card-carousel: true;

  /* ========================================
     SEARCH SETTINGS
     ======================================== */
  --empty-state-collection: ;
  --product-corner-radius: 0px;
  --card-corner-radius: 4px;
  --card-title-case: uppercase;

  /* ========================================
     VARIANT SWATCH SETTINGS
     ======================================== */
  --show-variant-image: false;
  --variant-swatch-width: 34px;
  --variant-swatch-height: 34px;
  --variant-swatch-radius: 32px;
  --variant-swatch-border-style: solid;
  --variant-swatch-border-width: 1px;
  --variant-swatch-border-opacity: 10%;

  /* ========================================
     VARIANT PICKER SETTINGS
     ======================================== */
  --variant-button-border-width: 1px;
  --variant-button-radius: 14px;
  --variant-button-width: equal-width-buttons;

  /* ========================================
     ANIMATION SETTINGS
     ======================================== */
  --page-transition-enabled: true;
  --transition-to-main-product: false;
  --add-to-cart-animation: true;
  --card-hover-effect: scale;

  /* ========================================
     BADGE SETTINGS
     ======================================== */
  --badge-position: top-right;
  --badge-corner-radius: 100px;
  --badge-sale-color-scheme: scheme-1;
  --badge-sold-out-color-scheme: scheme-3;
  --badge-text-transform: none;

  /* ========================================
     CART THUMBNAIL SETTINGS
     ======================================== */
  --cart-thumbnail-border: none;
  --cart-thumbnail-border-width: 1px;
  --cart-thumbnail-border-opacity: 50%;
  --cart-thumbnail-border-radius: 0px;

  /* ========================================
     PRODUCT TITLE SETTINGS
     ======================================== */
  --product-title-case: default;

  /* ========================================
     LOGO & FAVICON
     ======================================== */
  --logo: files/ac-equipment-logo-resized.png;
  --logo-inverse: ;
  --favicon: files/ac-equipment-logo-resized.png;


  /* ========================================
     COLOR SETTINGS
     ======================================== */
  --global-main-color: #1697e5;
  --global-secondary-color: #000000;  
  --global-tertiary-color: #000000;
}

/* ========================================
   UTILITY CLASSES
   ======================================== */

/* Text Alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

/* Padding Top */
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }

/* Padding Bottom */
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }

/* padding-left */
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }
.pl-55 { padding-left: 55px; }
.pl-60 { padding-left: 60px; }
/* padding-right */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }
.pr-55 { padding-right: 55px; }
.pr-60 { padding-right: 60px; }

/* Margin Top */
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }

/* Margin Bottom */
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }

/* Margin Left */
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }
.ml-55 { margin-left: 55px; }
.ml-60 { margin-left: 60px; }

/* Margin Right */
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mr-55 { margin-right: 55px; }
.mr-60 { margin-right: 60px; }

/* display */
.d-none { display: none; }
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }

.for-desktop {
  display: block !important;
}
.for-mobile {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .for-desktop {
    display: none !important;
  }
  .for-mobile {
    display: block !important;
  }
}
/* Button Classes */
.btn-primary {
  border-width: var(--primary-button-border-width);
  border-radius: var(--primary-button-border-radius);
  font-family: var(--font-body--family);
  font-weight: var(--primary-button-font-weight);
  text-transform: var(--primary-button-text-case);
   background: linear-gradient(135deg, #f28c00 0%, #ff6a00 45%, #1697e5 100%);
}
  color: var(--primary-button-text-color);
  border-color: var(--primary-button-border-color);
  &:hover {
    background-color: #1697e5;
    color: var(--primary-button-hover-text-color);
    border-color: var(--primary-button-hover-border-color);
  }
}

.btn-secondary {
  border-width: var(--secondary-button-border-width);
  border-radius: var(--secondary-button-border-radius);
  font-family: var(--font-body--family);
  font-weight: var(--secondary-button-font-weight);
  text-transform: var(--secondary-button-text-case);
  background-color: var(--secondary-button-background-color);
  color: var(--secondary-button-text-color);
  border-color: var(--secondary-button-border-color);
  &:hover {
    background-color: var(--secondary-button-hover-background-color);
    color: var(--secondary-button-hover-text-color);
    border-color: var(--secondary-button-hover-border-color);
  }
}

.btn-link {
  text-decoration: underline;
  color: var(--primary-button-text-color);
  &:hover {
    color: var(--primary-button-hover-text-color);
  }
}

/* Typography Classes */
.heading-1 {
  font-size: var(--font-size-h1);
  font-family: var(--font-heading--family);
  line-height: var(--line-height-h1);
  letter-spacing: var(--letter-spacing-h1);
  text-transform: var(--text-case-h1);
}

.heading-2 {
  font-size: var(--font-size-h2);
  font-family: var(--font-heading--family);
  line-height: var(--line-height-h2);
  letter-spacing: var(--letter-spacing-h2);
  text-transform: var(--text-case-h2);
}

.heading-3 {
  font-size: var(--font-size-h3);
  font-family: var(--font-heading--family);
  line-height: var(--line-height-h3);
  letter-spacing: var(--letter-spacing-h3);
  text-transform: var(--text-case-h3);
}

.heading-4 {
  font-size: var(--font-size-h4);
  font-family: var(--font-heading--family);
  line-height: var(--line-height-h4);
  letter-spacing: var(--letter-spacing-h4);
  text-transform: var(--text-case-h4);
}

.heading-5 {
  font-size: var(--font-size-h5);
  font-family: var(--font-subheading--family);
  line-height: var(--line-height-h5);
  letter-spacing: var(--letter-spacing-h5);
  text-transform: var(--text-case-h5);
}

.heading-6 {
  font-size: var(--font-size-h6);
  font-family: var(--font-subheading--family);
  line-height: var(--line-height-h6);
  letter-spacing: var(--letter-spacing-h6);
  text-transform: var(--text-case-h6);
}

.body-text {
  font-size: var(--font-size-paragraph);
  font-family: var(--font-body--family);
  line-height: var(--line-height-paragraph);
}

/* width */
.narrow-width {
  max-width: var(--narrow-page-width);
  width: 100%;
  margin: 0 auto;
  /* padding: 0 20px; */
}

.full-width {
  width: 100%;
  margin: 0 auto;
}