/**
 *  @function strip-unit
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 **/
/**
 *  @function rem
 *  Converts pixel values to REM units
 **/
/**
 *  @function get-next-key
 *  Returns the next key in a map/list
 **/
/**
 *  @function get-next
 *  Returns the next value in a map/list
 **/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #249be5;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-black-metal: #060606;
  --color-header-background: #171717;
  --color-megamenu-border-clr: #75787b;
  --color-abbeylight: #4c5056;
  --color-darkorange: #d14201;
  --color-chocolatey: #972f00;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey9: #141414;
  --color-silver-grey: #a2a2a2;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-grey7);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-main-text-color-1-invert: var(--color-white);
  --skin-menu-color-1: var(--color-white);
  --skin-menu-color-1-invert: var(--color-accent);
  --skin-menu-color-2: var(--color-secondary);
  --skin-link-color-1: var(--color-secondary);
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Source Sans Pro, sans-serif;
  --skin-body-font: Source Sans Pro, sans-serif;
  --skin-promo-color: var(--color-light-green);
  --skin-bg-accent: var(--color-grey2);
  --skin-bg-dark: var(--color-secondary);
  --skin-main-border-color: var(--color-grey7);
  --skin-main-border-color-invert: var(--color-white);
  --pagemargin: 24px;
  --gutters: 15px;
  --focus-color: #fe5000;
  --focus-outline: 2px solid var(--focus-color); }

/**
 *  @function strip-unit
 *  Remove the unit of a length
 *  @param {Number} $number - Number to remove unit from
 *  @return {Number} - Unitless number
 **/
/**
 *  @function rem
 *  Converts pixel values to REM units
 **/
/**
 *  @function get-next-key
 *  Returns the next key in a map/list
 **/
/**
 *  @function get-next
 *  Returns the next value in a map/list
 **/
body,
.theme-color {
  --skin-focus-color: var(--color-primary);
  color: var(--skin-main-text-color-1);
  border-color: var(--skin-main-border-color); }
  body a,
  .theme-color a {
    color: var(--skin-link-color-1); }

.light-theme,
.light-theme .theme-color {
  color: var(--skin-main-text-color-1);
  border-color: var(--skin-main-border-color);
  background-color: var(--color-white); }

.dark-theme,
.dark-theme .theme-color {
  --swiper-pagination-bullet-inactive-color: var(--skin-main-text-color-1-invert);
  color: var(--skin-main-text-color-1-invert);
  border-color: var(--skin-main-border-color-invert);
  background-color: var(--color-black); }

.gray-bg {
  background-color: var(--skin-bg-accent); }

.dark-bg {
  background-color: var(--skin-main-text-color-1); }

@media (min-width: 1024px) {
  .light-theme-lg,
  .light-theme-lg .theme-color {
    color: var(--skin-main-text-color-1);
    border-color: var(--skin-main-border-color); }
  .dark-theme-lg,
  .dark-theme-lg .theme-color {
    color: var(--skin-main-text-color-1-invert);
    border-color: var(--skin-main-border-color-invert); }
  .gray-bg-lg {
    background-color: var(--skin-bg-accent); }
  .dark-bg-lg {
    background-color: var(--skin-main-text-color-1); } }

.nav-tabs .nav-item .nav-link {
  text-decoration: none; }
  .nav-tabs .nav-item .nav-link.show, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
    outline: 0.125rem solid var(--color-grey3);
    color: var(--color-darker-orange) !important;
    background-color: var(--color-white); }

body {
  font-family: "helvetica_neue_lt_proregular"; }

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