/*INDEX:
1. Color Palette
2. Font Families
3. Global Styles
4. Forms
5. Buttons
6. Icons
7. Tables
8. Breadcrumbs
9. Modals
10. Sidenav Bar (Header)
11. Sidenav Bar (Navigation)
12. Page Header
13. Special Message Bar (OBSOLETE FOR THIS SITE)
14. Support CTA Bar
15. Footer
16. Default.aspx
17. Welcome.aspx
18. Tracking.aspx
19. CatItem.aspx
20. ProductInfo.aspx
21. Checkout1.aspx
22. Contactus.aspx
23. UCLeftStore.aspx
24. Style.aspx
25. Terms.aspx
26. Search.aspx
27. Cart.aspx
28. register.aspx
29. StoreHome.aspx
*/

/*==========================================================
*     1. COLOR PALETTE USED THROUGHOUT
* ==========================================================*/

/* Anderson Tuftex Brand Colors (from Brand Guidelines) */
:root {
  /* Core Brand Colors - Primary Palette (Greens) */
  --at-white: #FFFFFF;
  --at-mist: #E3E8E1;           /* Light green neutral */
  --at-sage: #A1B798;           /* Corrected from guidelines - was #93b997 */
  --at-olivine: #46804E;        /* Medium brand green */
  --at-forest: #345544;         /* Dark brand green */
  --at-midnight: #2C2927;       /* Darkest brand color */

  /* Secondary Brand Colors - Earth Neutrals */
  --at-fog: #F2F0EF;           /* Very light neutral */
  --at-sand: #D3D1CC;          /* Light neutral */
  --at-linen: #F4EEE0;         /* Warm light neutral */
  --at-beige: #F8EFE7;         /* Warm very light neutral */
  --at-taupe: #D3C6BB;         /* Medium warm neutral */
  --at-dune: #948671;          /* Medium neutral */
  --at-umber: #93775D;         /* Medium warm brown */
  --at-bark: #61503F;          /* Dark warm brown */

  /* Functional Color Mappings */
  --at-primary: var(--at-olivine);        /* Primary brand color */
  --at-primary-hover: var(--at-forest);   /* Primary hover state */
  --at-secondary: var(--at-sage);         /* Secondary brand color */
  --at-secondary-hover: var(--at-olivine); /* Secondary hover state */

  --at-success: var(--at-olivine);        /* Success states */
  --at-warning: var(--at-umber);          /* Warning states */
  --at-danger: var(--at-bark);            /* Error states */
  --at-info: var(--at-sage);              /* Info states */

  /* Background Colors */
  --at-bg-primary: var(--at-white);       /* Primary background */
  --at-bg-secondary: var(--at-fog);       /* Secondary background */
  --at-bg-accent: var(--at-mist);         /* Accent background */
  --at-bg-dark: var(--at-midnight);       /* Dark background */

  /* Text Colors */
  --at-text-primary: var(--at-midnight);  /* Primary text */
  --at-text-secondary: var(--at-forest);  /* Secondary text */
  --at-text-muted: var(--at-dune);        /* Muted text */
  --at-text-light: var(--at-white);       /* Light text on dark backgrounds */

  /* Border Colors */
  --at-border-light: var(--at-sand);      /* Light borders */
  --at-border-medium: var(--at-taupe);    /* Medium borders */
  --at-border-dark: var(--at-dune);       /* Dark borders */

  /* Legacy Colors (for backwards compatibility) */
  --legacy-midnight: #114B59;
  --legacy-mint: #52C0AA;
  --legacy-light-mint: #A2DBD0;
  --legacy-powder-blue: #b9e0e4;
  --legacy-light-grey-1: #e7e7e7;
  --legacy-light-grey-2: #d7d7d7;
  --legacy-dark-grey: #3F4A51;
  --legacy-blue: #2186ca;
  --legacy-blue-hover: #0c4d82;
  --legacy-red: #d75747;
  --legacy-red-hover: #8b2c20;
  --legacy-yellow: #E2D666;
  --legacy-yellow-hover: #e1cd20;
}

/*==========================================================
*     2. FONT FAMILIES USED THROUGHOUT
* ==========================================================*/

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

/* Anderson Tuftex Brand Fonts - Variable Fonts */
@font-face {
  font-family: 'Sentient';
  src: url('../fonts/sentient/Sentient-Variable.woff2') format('woff2-variations');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sentient';
  src: url('../fonts/sentient/Sentient-VariableItalic.woff2') format('woff2-variations');
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}

/* Anderson Tuftex Brand Font Variables */
:root {
  /* Primary Font (Headlines) */
  --at-font-primary: 'Sentient', serif;

  /* Secondary Font (Body/Supporting) */
  --at-font-secondary: 'DM Sans', sans-serif;

  /* Font Weights - Sentient */
  --at-weight-extralight: 200;
  --at-weight-light: 300;
  --at-weight-regular: 400;
  --at-weight-medium: 500;

  /* Font Weights - DM Sans */
  --at-sans-light: 300;
  --at-sans-regular: 400;
  --at-sans-medium: 500;
  --at-sans-bold: 700;
}

/*==========================================================
*     3. GLOBAL STYLES
* ==========================================================*/

/* Bootstrap Color System Override - Using Anderson Tuftex Brand Colors */
:root {
  /* Bootstrap Base Colors - Mapped to Anderson Tuftex Brand */
  --bs-blue: var(--at-olivine);
  --bs-indigo: var(--at-forest);
  --bs-purple: var(--at-bark);
  --bs-pink: var(--at-taupe);
  --bs-red: var(--at-bark);
  --bs-orange: var(--at-umber);
  --bs-yellow: var(--at-beige);
  --bs-green: var(--at-olivine);
  --bs-teal: var(--at-sage);
  --bs-cyan: var(--at-mist);
  --bs-white: var(--at-white);
  --bs-gray: var(--at-sand);
  --bs-gray-dark: var(--at-dune);

  /* Bootstrap Semantic Colors - Anderson Tuftex Brand Mapping */
  --bs-primary: var(--at-primary);
  --bs-secondary: var(--at-secondary);
  --bs-success: var(--at-success);
  --bs-info: var(--at-info);
  --bs-warning: var(--at-warning);
  --bs-danger: var(--at-danger);
  --bs-light: var(--at-fog);
  --bs-dark: var(--at-midnight);

  /* Bootstrap Gradient */
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  /* Additional Bootstrap Color Variants */
  --bs-primary-rgb: 70, 128, 78;     /* Olivine RGB */
  --bs-secondary-rgb: 161, 183, 152;  /* Sage RGB */
  --bs-success-rgb: 70, 128, 78;      /* Olivine RGB */
  --bs-info-rgb: 161, 183, 152;       /* Sage RGB */
  --bs-warning-rgb: 147, 119, 93;     /* Umber RGB */
  --bs-danger-rgb: 97, 80, 63;        /* Bark RGB */
  --bs-light-rgb: 242, 240, 239;      /* Fog RGB */
  --bs-dark-rgb: 44, 41, 39;          /* Midnight RGB */
}
/*
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
*/

body {
  font-family: var(--at-font-secondary);
  background: var(--at-bg-primary);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--at-sans-regular);
  color: var(--at-text-primary); /* Use brand-approved primary text color */
}

/* Anderson Tuftex Brand Typography Hierarchy */

/* Headlines - Sentient Extra Light, All-caps with lowercase italic accents */
h1, h2, h3, .headline {
  font-family: var(--at-font-primary);
  font-weight: var(--at-weight-extralight);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Eyebrows/Labels - DM Sans Medium, All-caps */
.eyebrow, .label, .category-label {
  font-family: var(--at-font-secondary);
  font-weight: var(--at-sans-medium);
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
}

/* Subheads - Sentient Extra Light or Italic, Sentence case */
h4, h5, h6, .subhead {
  font-family: var(--at-font-primary);
  font-weight: var(--at-weight-extralight);
  text-transform: none;
}

.subhead-italic {
  font-family: var(--at-font-primary);
  font-weight: var(--at-weight-light);
  font-style: italic;
  text-transform: none;
}

/* Body Copy - DM Sans Regular, Sentence case */
p, div, span, .body-text {
  font-family: var(--at-font-secondary);
  font-weight: var(--at-sans-regular);
}

/* CTAs/Buttons - DM Sans Regular or Bold, All-caps with 5% letter spacing */
.btn, button, .cta {
  font-family: var(--at-font-secondary);
  font-weight: var(--at-sans-regular);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.btn-bold, .cta-bold {
  font-weight: var(--at-sans-bold);
}

form {
  position: relative;
}

.page {
  width: calc(100% - 320px);
  background-color: var(--at-bg-primary);
  padding-bottom: 0;
  z-index: 0;
}

@media (max-width: 991px) {
  .page {
    width: 100%;
  }
  /*.page.active-sm {
        width: calc(100% - 250px);
    }*/
}

a {
  color: var(--at-primary);
  text-decoration: none;
}

  a:focus, a:hover, a:active {
    color: #ffffff;
    text-decoration: underline;
  }

@media (max-width: 991px) {
  p {
    font-size: 1rem;
  }
}

p.warning {
  color: #d75747;
}

.border {
  border: 1px solid #e7e7e7 !important;
}

.small, small {
  font-weight: 300;
}

.section-padding {
  padding: 3rem 1rem;
}

.fa, .fas {
  font-size: 0.875rem;
}

label {
  font-size: 1rem;
}

/*just a little animation to hover over buttons*/
.trans_200 {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.trans_300 {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.trans_400 {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.trans_500 {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/*==========================================================
*     4. FORMS
* ==========================================================*/
label {
  margin-top: 0.5rem;
}

.form-control {
  color: #333333;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #d7d7d7;
  border-radius: 0rem;
  font-family: "brandon-grotesque",sans-serif;
  letter-spacing: .5px;
}

  .form-control::placeholder {
    font-size: 0.875rem;
    font-weight: 300;
    color: #7b8389;
    font-family: "brandon-grotesque",sans-serif;
  }

  .form-control::-moz-placeholder,
  .input-material::-moz-placeholder {
    font-size: 0.875rem;
    color: #7b8389;
    font-family: "brandon-grotesque",sans-serif;
  }

  .form-control::-webkit-input-placeholder,
  .input-material::-webkit-input-placeholder {
    font-size: 0.875rem;
    color: #7b8389;
    font-family: "brandon-grotesque",sans-serif;
  }

  .form-control:-ms-input-placeholder,
  .input-material:-ms-input-placeholder {
    font-size: 0.875rem;
    color: #7b8389;
    font-family: "brandon-grotesque",sans-serif;
  }

.form-control-label-message {
  color: #d75747;
  font-weight: normal;
  font-style: italic;
}

.form-control:focus {
  color: #333333;
  background-color: #fff;
  border-color: #8eb7e3;
  box-shadow: 0 0 0 .25rem rgba(82,192,170,.25);
}

.form-text {
  color: #333333;
}

input::placeholder {
  color: #7b8389 !important;
  font-size: 0.875rem;
}

input::-webkit-input-placeholder {
  color: #7b8389 !important;
  font-size: 0.5rem;
}

input:-moz-placeholder {
  color: #7b8389 !important;
  font-size: 0.5rem;
}

/*----------- style option select dropdown box and content*/
select.form-control {
  font-size: 1rem;
  font-weight: normal;
}

  select.form-control option {
    font-weight: 300;
    color: #7b8389;
    font-size: .875rem;
    letter-spacing: 0.5px;
    font-weight: normal;
  }

.bootstrap-select > .dropdown-menu li a {
  color: #333333;
  font-size: 0.875rem;
}

  .bootstrap-select > .dropdown-menu li a:hover {
    color: #2186ca;
  }

.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #333333;
  font-size: 0.875rem;
}

  .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #333333;
  }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select .dropdown-toggle .filter-option {
  letter-spacing: 1px;
}

input.form-control {
  border: 1px solid #d7d7d7;
  height: 40px;
  color: #333333;
  letter-spacing: .5px;
}

  input.form-control:focus {
    color: #333333;
    background-color: #ffffff;
    outline: none;
    box-shadow: none;
    border-color: inherit;
    -webkit-box-shadow: none;
  }

.chosen-container {
  /*margin-left: 40px;*/
  font-size: 0.875rem;
  color: #333333;
}

@media screen and (max-width: 991px) {
  .chosen-container {
    margin-top: 20px;
    margin-left: 0;
  }
}

.chosen-container .chosen-drop {
  border: 1px solid #d7d7d7;
  box-shadow: 0;
}

.chosen-container-single .chosen-default {
  color: #333333;
}

.chosen-container-single .chosen-single {
  height: 40px;
  border: 1px solid #d7d7d7;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgb(0 0 0 / 0%);
  color: #333333;
}

  .chosen-container-single .chosen-single span {
    margin: 8px 5px;
    font-size: 1rem;
  }

.chosen-container-single .chosen-default {
  color: #333333;
}

.chosen-container-single .chosen-single abbr {
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/chosen-sprite.png') no-repeat 2px 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -14px 10px;
}

.chosen-container-single .chosen-search input[type="text"] {
  border: 1px solid #d7d7d7;
  background: white url('../images/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
}

.chosen-container-single .chosen-drop {
  border-radius: 0;
}

.chosen-container .chosen-results li.disabled-result {
  color: #9d958c;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #2186ca;
  background-image: none;
}

.chosen-container .chosen-results li.no-results {
  background: #f2f1ef;
}

.chosen-container-multi .chosen-choices {
  border: 1px solid #d7d7d7;
  background-image: none;
}

  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #333333;
  }

  .chosen-container-multi .chosen-choices li.search-field .default {
    color: #333333;
  }

  .chosen-container-multi .chosen-choices li.search-choice {
    border: 1px solid #d7d7d7;
    background-color: #f2f1ef;
    background-image: none;
    box-shadow: 0;
    color: #333333;
  }

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
      background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
    }

  .chosen-container-multi .chosen-choices li.search-choice-disabled {
    border: 1px solid #d7d7d7;
    background-color: #f2f1ef;
    background-image: none;
    color: #333333;
  }

  .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #f2f1ef;
  }

.chosen-container-multi .chosen-drop .result-selected {
  color: #c4beb6;
}

.chosen-container-active .chosen-single {
  border: 1px solid #2186ca;
  box-shadow: 0;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #d7d7d7;
  background-image: none;
  box-shadow: 0;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #2186ca;
  box-shadow: 0;
}

  .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #333333 !important;
  }

.chosen-rtl .chosen-search input[type="text"] {
  background: white url('../images/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
}
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../images/chosen-sprite@2x.png') !important;
  }
}
/* @end */

.text-muted {
  color: #3F4A51 !important;
}
/*input.form-control-custom + label {
    color: #333333;
    font-size: 0.875rem;
}
input.form-control-custom + label::before {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    color: #ffffff;
}
input.form-control-custom:checked + label::before {
    background: #2186ca !important;
}*/
.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e7e7e7;
  margin: 2rem 0;
}


/* ==========================================================
*     5. BUTTONS
* ==========================================================*/
.btn-primary {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #FDCA4F;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem;
  letter-spacing: 1px;
}

  .btn-primary:hover {
    color: #FDCA4F;
    background: none;
    border: 1px solid #FDCA4F;
    text-decoration: none;
    opacity: 10;
  }

  .btn-primary:not([disabled]):not(.disabled):active,
  .btn-primary:not([disabled]):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #FDCA4F;
    border-color: #FDCA4F;
    /*-webkit-box-shadow: 0 0 0 0.02rem rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 0 0.002rem rgba(255, 0, 0, 0.5);*/
  }

  .btn-primary:focus, .btn-primary.focus,
  .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #FDCA4F;
    border-color: #FDCA4F;
    box-shadow: 0 0 0 .25rem rgba(82,192,170,.25);
  }

.btn-secondary {
  color: #fff;
  background-color: #003C6F;
  border: 1px solid #003C6F;
  text-transform: uppercase;
  /*padding: 0.5rem 2.5rem;*/
}

  .btn-secondary:hover {
    color: #FDCA4F;
    background: none;
    border: 1px solid #FDCA4F;
    text-decoration: none;
    opacity: 10;
  }

  .btn-secondary:not([disabled]):not(.disabled):active,
  .btn-secondary:not([disabled]):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: color-yiq(#ffffff);
    background-color: #FDCA4F;
    border-color: #FDCA4F;
    /* -webkit-box-shadow: 0 0 0 0.02rem rgba(157, 149, 140, 0.5);
    box-shadow: 0 0 0 0.02rem rgba(157, 149, 140, 0.5);*/
  }

.btn-outline-dark {
  color: #FDCA4F;
  border: 1px solid #FDCA4F;
  background: #ffffff;
}

  .btn-outline-dark:hover {
    color: #ffffff;
    background-color: #FDCA4F;
    border: 1px solid #FDCA4F;
    text-decoration: none;
  }

  .btn-outline-dark:focus,
  .btn-outline-dark.focus {
    color: #333333;
    /*-webkit-box-shadow: 0 0 0 0.02rem rgba(157, 149, 140, 0.5);
    box-shadow: 0 0 0 0.02rem rgba(157, 149, 140, 0.5);*/
  }

  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #333333;
    background-color: transparent;
  }

  .btn-outline-dark:not([disabled]):not(.disabled):active,
  .btn-outline-dark:not([disabled]):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    background-color: #FDCA4F;
    border-color: #FDCA4F;
    /*  -webkit-box-shadow: 0 0 0 0.02rem rgba(157, 149, 140, 0.5);
    box-shadow: 0 0 0 0.02rem rgba(157, 149, 140, 0.5);*/
  }

.balance-btn {
  padding-top: 2rem;
}

@media screen and (max-width: 768px) {
  .center-btn {
    text-align: center;
  }
}

/*==========================================================
*     6. ICONS
* ==========================================================*/
#toggle-btn {
  background: #ffffff;
  position: relative;
}

.menu-btn {
  color: #333333;
}

@media (min-width: 1199px) {
  .menu-btn {
    display: none;
  }
}

#toggle-btn:hover {
  background: transparent;
}


/*==========================================================
*     7. TABLES
* ==========================================================*/
table {
  font-size: 0.875em;
  color: #333333;
}

  table.table a, #account-links a {
    text-decoration: underline;
  }

.table th, .table td {
  font-size: 0.875rem;
  color: #333333;
}

.table-bordered td, .table-bordered th {
  border: 1px solid #d7d7d7;
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #F8F7F6;
}

.table th {
  background: #d7d7d7;
}

/* ==========================================================
*     8. BREADCRUMBS
* ==========================================================*/
.breadcrumbs {
  font-size: 0.81rem;
  margin: 0.5rem 0 0 0.5rem;
}


/* ==========================================================
*     9. MODALS
* ==========================================================*/
.modal-header {
  border-bottom: none;
}

.modal-body {
  padding: 3rem;
}

.modal-footer {
  border-top: none;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/*==========================================================
*     10. SIDENAV (HEADER)
* ==========================================================*/
.ucAuthHeader nav.navbar {
  background: unset !important;
}

  .ucAuthHeader nav.navbar .dropdown-menu {
    right: unset !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
    padding: unset !important;
  }

  .ucAuthHeader nav.navbar a {
    font-size: 1rem;
  }

  .ucAuthHeader nav.navbar .dropdown-menu {
    border-radius: 0;
  }

    .ucAuthHeader nav.navbar .dropdown-menu .dropdown-item {
      color: #333333;
      padding: 15px 20px;
    }

      .ucAuthHeader nav.navbar .dropdown-menu .dropdown-item span {
        color: #333333;
      }
/*
.ucAuthHeader nav.navbar .dropdown-toggle::after {
    content: "\f078";
    font-size: 0.875rem;
}*/
.ucAuthHeader.dropdown-item:focus, .dropdown-item:hover {
  background-color: #00ADEE;
}

.ucAuthHeader .dropdown-item.active, .dropdown-item:active {
  background-color: #A2DBD0;
}


/* ==========================================================
*     11. SIDENAV (Navigation)
* ==========================================================*/
/*only display the grey sidebar on devices with a min width of 992px, otherwise display WebSlide Menu mobile version*/

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  height: 100vh;
  background: var(--bs-gray-dark, #353e44);
  color: #ffffff;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 2px 0 16px rgba(0, 0, 0, 0.15);
  z-index: 100;
  font-family: var(--at-font-secondary);
}

@media screen and (max-width: 991px) {
  .sidebar {
    left: -320px;
  }
}

.welcome-message {
  margin-top: 120px;
  padding: 1.5rem 1.5rem 2rem 1.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  margin: 120px 1rem 1.5rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

@media screen and (min-width: 992px) {
  .welcome-message {
    margin-top: 1.5rem;
  }
}

.welcome-message a {
  cursor: pointer;
}

/* Sidebar Logo */
.sidebar .logo {
  padding: 1.5rem 1rem;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #ffffff !important;
}

/* Sidebar Account Header */
.sidebar .ucAuthHeader .nav-link {
  color: #ffffff !important;
  font-weight: 600;
}

.sidebar .ucAuthHeader .nav-link:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar .ucAuthHeader .dropdown-menu {
  background: rgba(255, 255, 255, 0.95);
}

.sidebar .ucAuthHeader .dropdown-item {
  color: #353e44 !important;
}

.sidebar .ucAuthHeader .dropdown-item:hover {
  background: rgba(53, 62, 68, 0.1);
  color: #353e44 !important;
}

.sidebar .logo img {
  max-width: 200px;
  height: auto;
}

/* Keep sidebar text white */
.sidebar,
.sidebar .welcome-message p,
.sidebar .welcome-message ul,
.sidebar .wsmenu > .wsmenu-list > li > .navtext {
  color: var(--at-text-light) !important;
}

/* Page headers and intro text use Midnight (brand primary) */
.page-header,
.page-header .page-header-title,
.site-title h2,
.intro h2,
.intro p {
  color: var(--at-text-primary);
}

.welcome-message p {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.1rem;
}

.welcome-message ul {
  padding-left: 0 !important;
  list-style: none;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  text-transform: none;
  font-size: 0.9rem;
  margin-bottom: 0;
}

.wsmobileheader {
  display: none;
  background-color: var(--bs-gray-dark, #353e44);
  height: 120px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/*STYLING Web Slide Mega Menu MOBILE*/
@media screen and (max-width: 991px) {
  .wsmobileheader {
    width: 100%;
    display: block;
    position: fixed;
    top: 20;
    left: 0;
    z-index: 10002;
  }

    .wsmobileheader > .smllogo {
      display: inline-block;
      width: 200px;
    }

  .wsanimated-arrow {
    cursor: pointer;
    padding: 16px 35px 16px 0px;
    margin: 12px 0 0 15px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 102;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
}

@media only screen and (max-width: 991px) {
  .wsactive .wsmobileheader {
    margin-left: 0;
  }

  .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
    border-color: #353e44;
  }

  .wsmenu > .wsmenu-list > li > a {
    border-bottom: 0;
  }

  .wsmenu > .wsmenu-list > li > .wsmenu-click {
    border-left: 0;
  }

    .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
      margin: 2px 10px 0px 0px;
    }

    .wsmenu > .wsmenu-list > li > .wsmenu-click.ws-activearrow > i {
      margin-top: 2px;
    }

  .wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > a {
    font-size: 1rem;
    font-weight: 300;
  }

  .wsmenu .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wsmenu-click02 {
    background: var(--bs-primary, #59e2a3);
    border-left: 0;
    /*height: 60px;*/
  }

    .wsmenu .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wsmenu-click02 i {
      margin: 2px 10px 0px 0px;
    }

    .wsmenu .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wsmenu-click02.ws-activearrow02 > i {
      margin-top: 2px;
    }

    .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before,
    .wsmenu .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wsmenu-click02 i:before {
      border-color: #353e44;
    }

  .wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem {
    background: var(--bs-primary, #59e2a3);
  }

    .wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > a {
      width: 100%;
    }

  .wsanimated-arrow span,
  .wsanimated-arrow span:before,
  .wsanimated-arrow span:after {
    background: #353e44;
    background-color: #353e44;

  }
}

/*STYLING Web Slide Mega Menu*/
.wsmenu {
  font-family: "brandon-grotesque",sans-serif;
  color: #353e44;
  font-size: 1rem;
  line-height: 2;
  text-transform: uppercase;
  width: 100%;
  background: var(--bs-primary, #59e2a3);
}

  .wsmenu > .wsmenu-list {
    height: auto;
    min-height: 100%;
    background: transparent;
  }

    .wsmenu > .wsmenu-list > li {
      float: unset !important;
    }

      .wsmenu > .wsmenu-list > li > .wsshoptabing.wtsdepartmentmenu {
        background-color: #7d93ff;
        border-bottom: solid 1px #7d93ff;
      }

@media screen and (min-width:1200px) {
  .wsmenu > .wsmenu-list > li > .wtsdepartmentmenu {
    width: 1140px;
    left: 320px;
    top: -216px;
    background: var(--bs-primary, #59e2a3);
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
  }
}

.sidebar .wsmenu > .wsmenu-list > li > .navtext {
  color: #ffffff !important;
  line-height: 1.5;
  text-align: left;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  text-decoration: none;
  border-left: 4px solid transparent;
}

.sidebar .wsmenu > .wsmenu-list > li > .navtext:hover,
.sidebar .wsmenu > .wsmenu-list > li > .navtext:focus {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff !important;
  text-decoration: none;
  border-left: 4px solid #ffffff;
  padding-left: 1.25rem;
}
/*this one is important, don't remove*/
.sidebar .wsmenu > .wsmenu-list > li:hover > a {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff !important;
}

.wsmenu > .wsmenu-list > li .wstheading,
.wsmenu > .wsmenu-list > li .wsttitle {
  padding: 0.0rem 0px .5rem .5rem;
  color: #353e44;
  font-weight: 300;
}

.wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > a {
  color: #353e44;
  border-bottom: 0;
  border-left: 3px solid #00ADEE;
  background: var(--bs-primary, #59e2a3);
}

.wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li.wsshoplink-active > a {
  padding-top: 2px;
  padding-bottom: 2px;
  background: var(--bs-primary, #7d93ff);
  color: #353e44;
  border-left: 3px solid #7d93ff;
  line-height: 1.5;
}

.wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wstitemright {
  color: #353e44;
  /*width: 75%;*/
  min-height: 100%;
  background: var(--bs-primary, #59e2a3);
}


.wsmenu > .wsmenu-list > li .wstliststy04 li a {
  margin-left: 2rem;
}

.wsmenu > .wsmenu-list > li .wstliststy05 li a {

  color: #353e44;
  font-weight: 300;
}

  .wsmenu > .wsmenu-list > li .wstliststy05 li a:hover {
    text-decoration: underline;
    background: none !important;
  }
/*Remove the extra padding in the mega menu right side area, on desktop. This style originates from style.default.premium.css*/
@media (min-width: 768px) {
  .container-fluid {
    padding: 0;
  }
}

.wsmenu > .wsmenu-list > li .seasonalmenuimg {
  background-image: url(../vendor/webslidemenu/images/110.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}

.wsmenu > .wsmenu-list > li .shipsnowmenuimg {
  background-image: url(../vendor/webslidemenu/images/100.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}

.wsmenu > .wsmenu-list > li .giftcardsmenuimg {
  background-image: url(../vendor/webslidemenu/images/90.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ==========================================================
*     12. PAGE HEADER
* ==========================================================*/
.page-header {
  border-top: none;
  border-bottom: none;
  display: flex;
  align-items: center;
  height: 60px;
  min-height: 60px;
  background: #fff;
  margin-top: 120px;
  margin-bottom: 2rem;
}

@media screen and (min-width: 992px) {
  .page-header {
    margin-top: 0;
  }
}

.page-header .page-header-title {
  text-align: center;
  display: block;
  margin-top: 60px;
  text-transform: uppercase;
  position: relative;
  padding: 1rem 0;
}

.page-header h1.page-title {
  font-family: "brandon-grotesque",sans-serif;
  font-weight: 300;
  font-size: 2rem;
  position: relative;
  z-index: 3;
}

.page-header .page-header-title span.box {
  background: #fff;
  padding: 1rem 2rem;
  display: inline-block;
}

.page-header .page-header-title .green-text {
  color: #353e44;
}

/* ==========================================================
*     13. SPECIAL MESSAGE BAR
* ==========================================================*/
.dashboard-special-message {
  font-style: italic;
  color: #ffffff;
  padding: 0.5rem;
  font-size: 0.875em;
}

/*==========================================================
*     14. SUPPORT CTA BAR
* ==========================================================*/
.support-ctabar-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0ece8;
  margin-top: 2rem;
  padding: 2rem 0;
  overflow: hidden;
  color: #000000;
}

  .support-ctabar-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    opacity: 0.66;
  }

.support-ctabar h3,
.support-ctabar h2,
.support-ctabar .btn-primary,
.support-ctabar .btn-primary:hover,
.support-ctabar .btn-chat {
  position: relative;
  z-index: 2;
  color: #000000;
}

.support-ctabar h2 {
  font-size: 1.25rem;
  font-weight:300;
  padding-bottom: 1.5rem;
  color: #000000;
}

.support-ctabar h3 {
  font-size: 1rem;
  font-weight: normal;
  color: #000000;
}

.support-ctabar .support-btns {
  flex-direction: column;
  justify-content: center;
  color: #000000;
}

  .support-ctabar .support-btns a.btn {
    margin-bottom: 20px;
    color: #000000;
  }

@media screen and (min-width: 576px) {
  .support-ctabar .support-btns {
    flex-direction: row;
    /*justify-content: space-between;*/
  }

    .support-ctabar .support-btns a.btn {
      margin-right: 20px;
    }
}

.support-ctabar .btn-chat {
  background-color: #ffffff;
  border: 1px solid #FDCA4F;
  color: #000000;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem;
  opacity: 10;
  cursor: pointer;
}

  .support-ctabar .btn-chat:hover {
    border: 1px solid #FDCA4F;
    opacity: 1;
    text-decoration: none;
  }

/* ==========================================================
*     15. FOOTER
* ==========================================================*/
.footer {
  width: 100%;
  background: var(--bs-gray-dark, #353e44);
  color: #ffffff;
}

.footer_content {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
}

.footer_about_text {
  /*padding-right: 50px;*/
  margin-top: 20px;
  color: #ffffff;
  max-height:150px;
  overflow-y:scroll;
  font-size:smaller;
}

.footer_questions {
  margin-top: 8px;
  padding-right: 50px;
  color: #ffffff;
}

.footer_title {
  color: #ffffff;
  text-transform: uppercase;
}

.footer_list {
  margin-top: 20px;
}

  .footer_list ul {
    padding-left: 0;
    color: #ffffff;
  }

    .footer_list ul li {
      list-style: none;
      position: relative;
      color: #ffffff;
    }

      .footer_list ul li a {
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        color: #ffffff;
      }

        .footer_list ul li a:hover {
          text-decoration: underline;
          color: #ffffff;
        }

.footer_contact {
  margin-top: 8px;
  padding-right: 50px;
  color: #ffffff;
}

.footer_contact_list {
  margin-top: 20px;
  padding-right: 20px;
  color: #ffffff;
  font-size: smaller;
}

  .footer_contact_list ul {
    padding-left: 0;
    color: #ffffff;
  }

    .footer_contact_list ul li:not(:last-child) {
      margin-bottom: 10px;
      color: #ffffff;
    }

    .footer_contact_list ul li span {
      font-weight: 700;
      color: #ffffff;
    }

    .footer_contact_list ul li div {
      padding-left: 14px;
      font-weight: 400;
      line-height: 1.75;
      margin-top: -1px;
      color: #ffffff;
    }

.copyright {
  font-size: 0.90rem;
  color: #C3C0C0;
}

/* ==========================================================
*     16. DEFAULT.ASPX - login page
* ==========================================================*/
@media screen and (max-width: 767px) {
  #login-form .logo-wrapper,
  #login-form .login-wrapper {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  #login-form .logo-wrapper,
  #login-form .login-wrapper {
    min-height: 30vh;
    margin-top: 0;
  }
}

#login-form .logo-wrapper {
  background-color: var(--at-primary);
}

#login-form .footer-nav {
  float: none;
  margin: 0 auto;
  display: inline;
  text-align: center;
  list-style: none;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  #login-form .footer-nav {
    display: block;
    color: #ffffff;
  }
}

#login-form .footer-nav li {
  display: inline;
  float: none;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  #login-form .footer-nav li {
    display: inline-block;
    color: #ffffff;
  }
}

#login-form .footer-nav a {
  font-size: 0.81rem;
  color: #000000;
}

#login-form a:hover {
  text-decoration: underline;
  color: #000000;
}

@media screen and (max-width: 767px) {
  #login-form .footer-nav .nav-link {
    padding-bottom: 0;
    color: #000000;
  }
}

/* ==========================================================
*    17. WELCOME.ASPX - home page
* ==========================================================*/
#welcome .page-header-title {
  margin-top: 100px;
}
/*ID identifier NOT added (#welcome), since I use this on error.aspx as well*/
.site-title h2 {
  font-size: 4rem;
  padding: 1rem 0 0 0;
  font-weight: 100;
}

@media screen and (min-width: 992px) {
  .site-title h2 {
    font-size: 5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-title h2 {
    font-size: 4rem;
  }
}

.boxes {
  width: 100%;
  background: #FFFFFF;
  z-index: 1;
}

.box {
  width: 100%;
  position: relative;
}
/*@media only screen and (max-width: 991px) {
    .box_col:not(:last-child) {
        margin-bottom: 70px;
    }
}*/
.box_image {
  width: 100%;
}

  .box_image img {
    max-width: 100%;
  }

.box_title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -26px;
  width: 237px;
  height: 67px;
  background: #FFFFFF;
  text-align: center;
}

  .box_title:hover {
    background: var(--at-sage);
    text-decoration: none;
  }

  .box_title a {
    display: block;
    line-height: 67px;
    font-weight: normal;
    text-transform: uppercase;
  }

    .box_title a:hover {
      color: #ffffff;
      text-decoration: none;
    }

.box-title a:focus,
.box-title a.focus,
.box-title a:active,
.box-title a.active {
  background: #52c0aa;
  text-decoration: none;
}
/*hide the image boxes on phone & tablet*/
@media only screen and (max-width: 991px) {
  .box_image {
    display: none;
  }

  .box_title {
    position: relative;
    bottom: 0;
    border: 1px solid #333333;
    margin-bottom: 1rem;
  }

  .box-title:focus,
  .box-title.focus,
  .box-title:active,
  .box-title.active {
    background: #52c0aa;
    text-decoration: none;
  }
}

.intro h2 {
  font-size: 2rem;
  padding: 2rem 0;
  font-weight: 300;
}

.intro p {
  font-size: 1rem;
}

@media screen and (min-width: 576px) {
  .intro p {
    font-size: 1.5rem;
  }
}


/*==========================================================
*     18. TRACKING.ASPX
* ==========================================================*/
.tracking .card-body {
  padding-top: 2rem;
  background-color: #e7e7e7;
}

.tracking .intro-boxes {
  font-size: 3.5rem;
  color: #13294B;
  text-align: center;
  margin: 3rem 0;
}

  .tracking .intro-boxes h3 {
    font-family: "brandon-grotesque",sans-serif;
    font-weight: 300;
  }

  .tracking .intro-boxes i {
    font-size: 6rem;
  }

#pnlTrk {
  margin: 1rem;
}
/*add spacing between two input fields on mobile*/
#ddlStyle-wrapper {
  margin-top: 1rem;
}

@media screen and (min-width: 1199px) {
  #ddlStyle-wrapper {
    margin-top: 0;
  }
}


/*==========================================================
*     19. CATITEM.ASPX
* ==========================================================*/
.card-catItem {
  /*border: 1px solid #e7e7e7;*/
  background: #ffffff;
  border-radius: 0;
  background-clip: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  flex-shrink: 0;
  min-width: 0;
  word-wrap: break-word;
  height: 100%;
}

.card-img-top {
  border: 0;
  max-width: 66%;
  margin: 1rem auto 0;
}

@media screen and (max-width: 767px) {
  .img-thumnail {
    height: 100%;
  }
}
/*fixing the height-issue in IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .card-catItem-ie {
    display: block;
  }

  .h-100-ie {
    height: 100% !important;
  }
}

.catItem-input > input.form-control {
  text-align: center;
}

.catlink img {
  cursor: pointer;
}

.card-title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 1rem;
  margin-bottom: .5rem;
}

.card-footer-catItem {
  padding: 0 1rem;
}

/* ==========================================================
*    20. PRODUCTINFO.ASPX
* ==========================================================*/

.prodInfo .zoom:after {
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../vendor/zoom-master/icon.png);
}

.prodInfo .zoom img {
  display: block;
}
  /*@media screen and (min-width: 1200px) {
    .prodInfo .zoom img {
        margin: 0 0 0 auto;
        width: 75%;
    }
}*/
  .prodInfo .zoom img::selection {
    background-color: transparent;
  }

.prodInfo h2 {
  font-size: 2rem;
}

.prodInfo label {
  font-size: 1rem;
}

.itemImage-thumb {
  display: inline-block;
  text-align: center;
  padding: 1rem;
  font-size: 0.875rem;
}

.prodInfo .product_attr_single li {
  float: left;
  padding: 0 .5rem;
}

.prodInfo .product_attr_single span.color_attr {
  width: 25px;
  height: 25px;
  border-radius: 0;
  border: 1px solid #e6e6e6;
}

.prodInfo .product_attr_single span.size_attr:hover {
  text-decoration: underline;
}

.litSelected {
  color: #d75747;
  font-weight: 300;
  text-transform: uppercase;
}

.pnlMsg {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.pnlMsgsuccess {
  color: #2186ca;
  padding: 0.5rem;
  border: 1px solid #2186ca;
}

.pnlMsgerror {
  color: #d75747;
  padding: 0.5rem;
  border: 1px solid #d75747;
}

/*==========================================================
*     21. CHECKOUT1.ASPX
* ==========================================================*/
input[type="radio"] {
  margin: 0 1rem;
}

.pnlItem {
  text-align: right;
}

@media (max-width: 1199px) {
  .pnlItem {
    text-align: center;
  }
}

/*==========================================================
*     22. CONTACTUS.ASPX
* ==========================================================*/
.contact p a:hover {
  text-decoration: underline;
}

.contact h2 {
  line-height: 1.5;
}

/*==========================================================
*     23. UCLEFTSTORE.ASCX
* ==========================================================*/
.ucleftstore {
  padding: 1.56rem;
}

.ucleftstore1_btnSearch {
  font-family: "brandon-grotesque",sans-serif;
  content: "\f002";
  color: #d75747;
  font-weight: 900;
  font-size: 1.25rem;
  text-align: center !important;
}

.ucleftstore .cart-info {
  color: #ffffff;
  line-height: 1.75;
}

  .ucleftstore .cart-info p {
    margin-bottom: 0;
  }

  .ucleftstore .cart-info .fas {
    font-size: 1.75rem;
    color: #00ADEE;
    margin-left: 10px;
  }

  .ucleftstore .cart-info a {
    color: #00ADEE;
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none;
  }

    .ucleftstore .cart-info a:hover,
    .ucleftstore .cart-info .fas:hover {
      text-decoration: none;
      color: #A2DBD0;
    }

.ucleftstore .ucleftstore-search .fas {
  font-size: 1.5rem;
  color: #ffffff;
}

  .ucleftstore .ucleftstore-search .fas:hover {
    color: #00ADEE;
  }



/*==========================================================
*     24. STYLE.ASPX
* ==========================================================*/
.style .download-text h3,
.style .download-text h2,
.style .download-text h4 {
  font-family: "brandon-grotesque",sans-serif;
}

.style .download-text h3 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
  color: #52c0aa;
}

.style .download-text h2 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1;
  color: #134b59;
}

.style .download-text h4 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
  color: #134b59;
}

.style .download-box {
  background: #134b59;
  padding: 6rem;
  text-align: center;
}

@media screen and (min-width: 1200px ) {
  .style .download-text h2 {
    font-size: 5rem;
  }
}

@media screen and (max-width: 767px ) {
  .style .download-box {
    margin: 3rem 0;
  }
}

.style .download-box a {
  text-decoration: none;
}

.style .download-box {
  font-family: "brandon-grotesque",sans-serif;
  background-color: 8eb7e3 font-weight: 300;
  font-size: 1.25rem;
  color: #ffffff;
}

  .style .download-box .btn-outline-light:hover {
    background: none;
    color: #FFCB58;
    border: 1px solid #FFCB58 opacity: 10;
  }

/*==========================================================
*     25. TERMS.ASPX
* ==========================================================*/
.terms h2 {
  margin-bottom: 2rem;
}

/*==========================================================
*     26. SEARCH.ASPX
* ==========================================================*/
.search .card-body {
  padding: 2rem;
  background-color: #e7e7e7;
}

.search p.search-text {
  font-size: 1.5rem;
}

/*==========================================================
*     27. CART.ASPX
* ==========================================================*/
.cart .card-body {
  padding: 2rem;
  background-color: #e7e7e7;
}

.cart .table tbody tr th {
  font-family: "brandon-grotesque",sans-serif;
  border: 1px solid #fff;
  text-align: center;
  color: #333333;
  background: #d7d7d7;
  letter-spacing: 0.75px;
  font-size: 1rem;
}

.cart .table tbody tr td {
  outline: none;
  border: 1px solid #f1f2f2 !important;
  border-bottom: 1px solid #f1f2f2 !important;
  text-align: center !important;
  font-size: 1rem;
  font-family: "brandon-grotesque",sans-serif;
}

  .cart .table tbody tr td input {
    text-align: center;
    outline: none;
    box-shadow: none;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .cart .table tbody tr td .cart-tmbnail {
    height: 80px;
  }

  .cart .table tbody tr td .qty {
    height: 40px;
    width: 80px;
  }

.cart table.table a {
  text-decoration: none !important;
}

  .cart table.table a:hover {
    text-decoration: underline !important;
  }

.cart p {
  margin-bottom: 0;
}

a.remove-icon {
  text-decoration: none !important;
}

  a.remove-icon::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    color: #d75747;
    font-weight: 900;
    font-size: 1.25rem;
    text-align: center !important;
  }

  a.remove-icon:hover {
    text-decoration: none;
  }

/*==========================================================
*     28. register.aspx
* ==========================================================*/
@media screen and (min-width: 1400px) {
  .newreg.logo-wrapper img {
    margin-top: 150px;
  }
}

/*==========================================================
*     29. STOREHOME.ASPX
* ==========================================================*/
.storehome h2,
.category h2 {
  line-height: 1.5;
}

.storehome .cat-rp:hover,
.category .cat-rp:hover {
  text-decoration: underline;
}

.storehome h3.title,
.category h3.title {
  padding-top: .5rem;
}

.footer-wrapper {
  color: #ffffff;
}

.header-logo {
  max-width: 250px;
}

.table-statement {
  max-width: 890px;
}
.link-dark:hover {
  color: #000000 !important;
}

/*==========================================================
*     Radio Button Spacing
* ==========================================================*/
input[type="radio"] {
  margin-right: 10px;
}