header #topHeader {
	
	background-color: #be1d1d;
	
	
}

header #topHeader a, header #topHeader a:active {
	
}





body {
	background: #be1d1d !important;
}




button, .button {
	background-color:#be1d1d;
}

button.inverse,.button.inverse {
	color:#be1d1d;
}

.btn.btn-primary, .btn.btn-info, .btn.btn-success {
	background-color:#be1d1d;
	border-color:#be1d1d;
}









/* 
============================================================
   Morpheus 8.0.11 ? FINAL FIX
   Attach PROCEED to the .order container itself (not the span)
============================================================ */

/* Remove background mask/theme artifacts */
.catalog-list .order {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background: #004a80 !important;
    border-radius: 20px !important;
    padding: 10px 20px !important;
    min-width: 100px !important;
    position: relative !important;   /* <-- anchor for ::after */
    overflow: hidden !important;
}


/* Hide the original span content entirely */
.catalog-list .order span {
    display: none !important;
}

/* Insert PROCEED text into the .order pill */
.catalog-list .order::after {
    content: "PROCEED";
    color: #ffffff !important;        /* white text */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Keep style on hover */
.catalog-list li:hover .order {
    background-color: #004a80 !important;
}

/* Hide the dark-blue "ADD TO ORDER" button on Catalog ? Order */
button.button.add-to-cart {
  display: none !important;
}

/* (Optional) If your page groups actions, keep "ORDER NOW" visible */
.order-submit .btn-group > .btn,
.actions-row  .btn-group > .btn {
  display: inline-block; /* default */
}

/* 
================================================
Rename "ORDER NOW" ? "SUBMIT" (Catalog ? Order)
Matches: <button class="button order-now" ...>Order Now</button>
================================================ */

/* Hide the original label and position a replacement */
button.button.order-now {
  color: transparent !important;   /* hide "Order Now" text */
  position: relative !important;   /* anchor the pseudo-element */
  white-space: nowrap;             /* avoid line breaks in the pseudo-text */
}

/* Inject the replacement text */
button.button.order-now::after {
  content: "SUBMIT";
  position: absolute;
  inset: 0;                        /* top:0; right:0; bottom:0; left:0 */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000 !important;          /* keep text visible on the existing button color */
  font-weight: 600;
  letter-spacing: .5px;            /* optional visual tweak */
  text-transform: uppercase;       /* ensure it reads SUBMIT in caps */
}

/* Hide the User Settings row whose label is "Theme" */
.user-settings .form-group label {
    /* Hide the label itself */
    /* We detect the label by its text using a CSS trick + overlay */
    position: relative;
}

.user-settings .form-group label::after {
    content: attr(data-label);
    display: none;
}


/* Hide the Theme dropdown */
select#activeTheme {
    display: none !important;
}

/* Hide the label associated with the Theme dropdown */
label[for="activeTheme"] {
    display: none !important;
}

/* Hide the entire row containing the Theme field */
select#activeTheme {
    display: none !important;
}
select#activeTheme:not(:root) {
    display: none !important;
}

/* Hide the API Access button in User Settings */
a.open-api-access-modal {
    display: none !important;
}