/* Scss Document */
/* Site Variables */
/* Mixins */
/* Functions */
/* CSS Document */
@font-face {
  font-family: Montserrat-ExtraBold;
  src: url("/SiteData/SiteID232/Files/Montserrat-ExtraBold.woff"); }
@font-face {
  font-family: Montserrat-Bold;
  src: url("/SiteData/SiteID232/Files/Montserrat-Bold.woff"); }
@font-face {
  font-family: Montserrat-SemiBold;
  src: url("/SiteData/SiteID232/Files/Montserrat-SemiBold.woff"); }
@font-face {
  font-family: Montserrat-Medium;
  src: url("/SiteData/SiteID232/Files/Montserrat-Medium.woff"); }
@font-face {
  font-family: Montserrat-Thin;
  src: url("/SiteData/SiteID232/Files/Montserrat-Thin.woff"); }
/* purple */
/* white */
/* dark grey */
/* dark grey */
.expander {
  display: none !important; }

.contentZone {
  width: 100%;
  padding-bottom: 5em; }
  .contentZone .SiteNavigation {
    padding: 40px 20px;
    display: inline-block !important; }
    .contentZone .SiteNavigation .sf-menu li {
      display: block !important; }
      .contentZone .SiteNavigation .sf-menu li.expander {
        display: none !important; }
    .contentZone .SiteNavigation .WidgetBody ul li {
      width: 100%; }
      .contentZone .SiteNavigation .WidgetBody ul li a {
        display: block;
        color: #333;
        font-family: "Montserrat-SemiBold" !important;
        padding: 13px 10px 15px 15px;
        border: 2px solid transparent;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out; }
        .contentZone .SiteNavigation .WidgetBody ul li a:hover {
          text-decoration: none;
          background: #f9f9f9;
          border-color: #ddd; }
  .contentZone .content {
    padding-top: 1em !important; }
    .contentZone .content input.submit {
      margin: 1em 0 0 auto;
      display: block; }

h1 {
  text-transform: capitalize !important; }

@media (min-width: 750px) {
  #accountInfo p .desktop,
  #accountInfo p .tablet {
    display: inline; } }
@media (min-width: 500px) and (max-width: 750px) {
  #accountInfo p .desktop,
  #accountInfo p .tablet {
    display: inline; } }
@media (max-width: 500px) {
  #accountInfo p .desktop,
  #accountInfo p .tablet {
    display: none; } }
@media (min-width: 750px) {
  #accountInfo p .phone {
    display: none; } }
@media (min-width: 500px) and (max-width: 750px) {
  #accountInfo p .phone {
    display: none; } }
@media (max-width: 500px) {
  #accountInfo p .phone {
    display: inline; } }

/* Order Status */
.OrderStatus::before {
  vertical-align: middle;
  font-family: "Montserrat-Bold";
  color: #662FA0;
  color: #662FA0;
  content: 'Order Status';
  display: block;
  font-family: "Montserrat-Bold";
  padding: 0.3em 0;
  text-transform: uppercase; }
  @media (min-width: 750px) {
    .OrderStatus::before {
      font-size: 3em; } }
  @media (min-width: 500px) and (max-width: 750px) {
    .OrderStatus::before {
      font-size: 2.4em;
      padding-top: .5em; } }
  @media (max-width: 500px) {
    .OrderStatus::before {
      font-size: 2.1em;
      padding-top: .75em; } }
.OrderStatus tr th {
  background: #202020;
  color: #ffffff;
  font-family: "Montserrat-Bold";
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase; }
  .OrderStatus tr th:first-of-type {
    border-radius: 5px 0 0 5px;
    padding: 5px 0 5px 10px; }
  .OrderStatus tr th:last-of-type {
    border-radius: 0 5px 5px 0;
    padding: 5px 10px 5px; }

/* Order History */
.OrderHistory::before {
  vertical-align: middle;
  font-family: "Montserrat-Bold";
  color: #662FA0;
  color: #662FA0;
  content: 'Order History';
  display: block;
  font-family: "Montserrat-Bold";
  padding: 0.3em 0;
  text-transform: uppercase; }
  @media (min-width: 750px) {
    .OrderHistory::before {
      font-size: 3em; } }
  @media (min-width: 500px) and (max-width: 750px) {
    .OrderHistory::before {
      font-size: 2.4em;
      padding-top: .5em; } }
  @media (max-width: 500px) {
    .OrderHistory::before {
      font-size: 2.1em;
      padding-top: .75em; } }
.OrderHistory div[id*="Controls"] img {
  background-color: #202020;
  border-color: #202020;
  border-radius: .25rem;
  color: #ffffff;
  font-size: 1.2em;
  margin-bottom: 5px;
  padding: 5px 10px !important; }
  .OrderHistory div[id*="Controls"] img:hover {
    background-color: #3a3a3a;
    border-color: #202020; }
  .OrderHistory div[id*="Controls"] img:active {
    background-color: #070707 !important;
    border-color: #202020 !important; }
.OrderHistory tr th {
  background: #202020;
  color: #ffffff;
  font-family: "Montserrat-Bold";
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase; }
  .OrderHistory tr th:first-of-type {
    border-radius: 5px 0 0 5px;
    padding: 5px 0 5px 10px; }
  .OrderHistory tr th:last-of-type {
    border-radius: 0 5px 5px 0;
    padding: 5px 10px 5px; }

/* Terms & Conditions */
#termsContainer .article h3 {
  border-radius: 5px;
  color: #662FA0;
  font-family: "Montserrat-Bold";
  font-weight: bold;
  margin-bottom: 15px;
  padding: 5px 10px;
  text-transform: uppercase; }

.AccountDetail .PanelHeader, .AccountDetail h1, .AddressBook .PanelHeader, .AddressBook h1, .content .PanelHeader, .content h1, .FAQ .PanelHeader, .FAQ h1, .PasswordReset .PanelHeader, .PasswordReset h1 {
  vertical-align: middle;
  font-family: "Montserrat-Bold";
  color: #662FA0;
  line-height: 1em;
  text-transform: uppercase;
  text-align: left !important; }
  @media (min-width: 750px) {
    .AccountDetail .PanelHeader, .AccountDetail h1, .AddressBook .PanelHeader, .AddressBook h1, .content .PanelHeader, .content h1, .FAQ .PanelHeader, .FAQ h1, .PasswordReset .PanelHeader, .PasswordReset h1 {
      font-size: 3em; } }
  @media (min-width: 500px) and (max-width: 750px) {
    .AccountDetail .PanelHeader, .AccountDetail h1, .AddressBook .PanelHeader, .AddressBook h1, .content .PanelHeader, .content h1, .FAQ .PanelHeader, .FAQ h1, .PasswordReset .PanelHeader, .PasswordReset h1 {
      font-size: 2.4em;
      padding-top: .5em; } }
  @media (max-width: 500px) {
    .AccountDetail .PanelHeader, .AccountDetail h1, .AddressBook .PanelHeader, .AddressBook h1, .content .PanelHeader, .content h1, .FAQ .PanelHeader, .FAQ h1, .PasswordReset .PanelHeader, .PasswordReset h1 {
      font-size: 2.1em;
      padding-top: .75em; } }

.AccountDetail .PanelFooter::before {
  content: "Any items marked with an (*) are required.";
  left: 5px;
  position: absolute; }

.colZoneContainer {
  max-width: 1100px;
  margin: 0 auto; }
  @media (min-width: 500px) and (max-width: 750px) {
    .colZoneContainer {
      display: block !important;
      padding: 2em; } }
  @media (max-width: 500px) {
    .colZoneContainer {
      display: block !important;
      padding: 1em; } }

.card-header button {
  max-width: 100%;
  white-space: normal;
  text-align: left; }
  .card-header button h5::before {
    font-family: "Font Awesome 5 Free";
    padding-right: .5rem;
    content: '\f151'; }
.card-header button.collapsed h5::before {
  content: '\f150'; }

.card-body p strong {
  font-size: 1.25em; }
.card-body ul li {
  list-style-type: square;
  margin: 1em; }

table.entryForm {
  margin: auto; }

span[id*="Email"]::after,
span[id*="CommentsForm"]::after {
  content: "*" !important;
  display: inherit !important; }