:root {
    --base: #FFFFFF;
    --contrast: #000000;
    --primary: #DB3C30;
    --secondary: #F6F6F6;
}

.bg-base {
    background-color: var(--base);
}
.bg-contrast {
    background-color: var(--contrast);
}
.bg-primary {
    background-color: var(--primary) !important;
}
.bg-secondary {
    background-color: var(--secondary) !important;
}

.border-base {
    border-color: var(--base);
}
.border-contrast {
    border-color: var(--contrast);
}
.border-primary {
    border-color: var(--primary) !important;
}
.border-secondary {
    border-color: var(--secondary) !important;
}

.text-base {
    color: var(--base);
}
.text-contrast {
    color: var(--contrast);
}
.text-primary {
    color: var(--primary) !important;
}
.text-secondary {
    color: var(--secondary) !important;
}


@font-face {
    font-family: "DM Sans";
    src: url("../fonts/DMSans-Regular.woff2");
}
@font-face {
    font-family: "DM Sans";
    font-weight: bold;
    src: url("../fonts/DMSans-Bold.woff2");
}

:root {
    --font-primary: "DM Sans";
}

html {
    font-family: var(--font-primary), sans-serif;
}

body {
    font-family: var(--font-primary), sans-serif;
    font-size: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.227), 1.125rem);
}
body.primary-bg-color {
    background-color: var(--base);
}

a {
    color: var(--contrast);
}
a:hover {
    color: var(--primary);
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: var(--primary) !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: var(--secondary) !important;
}

a.text-primary:focus,a.text-primary:hover {
    color: var(--primary) !important;
}

a.text-secondary:focus,a.text-secondary:hover {
    color: var(--secondary) !important;
}

header {
    min-height: 10vh;
    padding-block: clamp(1rem, 5vw, 1.33rem);
    border-bottom: 4px solid var(--secondary);
}
header.header {
    z-index: 100000000;
}
header.header .navbar-nav a {
    color: var(--contrast);
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.227), 1rem);
}
header.header .navbar-nav a:where(.dropdown-item) {
    color: var(--base);
}
header.header .navbar-nav a:hover {
    text-decoration: underline;
}
header.header .navbar a:where(.btn-primary) {
    color: var(--base);
    box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}
header.header .navbar a:hover:where(.btn-primary) {
    text-decoration: none;
}
header.header .navbar-light .navbar-nav .nav-link {
        color: var(--contrast);
}
header.header .dropdown-menu {
    background-color: var(--contrast);
    border: none;
    border-radius: 0;
}
header.header .dropdown:hover>.dropdown-menu {
      display: block;
}
header.header .dropdown-item:hover,
header.header .dropdown-item:focus {
    background-color: var(--contrast);
}
header .form-inline {
    display: none;
}
header.header #Secondary_Navbar-View_Cart {
    margin-right: 1rem;
}

.breadcrumb,
.master-breadcrumb {
    background-color: var(--secondary);
}

footer.footer {
    padding: 50px 0 10px;
    font-size: 1rem;
    color: var(--contrast);
    background-color: var(--base);
    border-top: 8px solid var(--primary);
    border-radius: 64px 0 0 0;
}
footer.footer a:hover {
    color: var(--contrast);
}
footer.footer .nav-link {
    color: var(--contrast);
}
footer.footer .copyright {
    margin: 16px 0;
    font-size: 1rem;
}

.btn {
    padding: 0.5rem 1.5rem;
    border-radius: 0 8px;
}
.btn:hover {
    color: var(--contrast);
}

.btn-primary,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover, 
.btn-outline-primary:hover {
    color: var(--base);
    background-color: var(--contrast);
    border-color: var(--contrast);
    text-decoration: none;
}

.btn-link,
.btn-link:hover  {
    color: var(--contrast);
}

a.btn-checkout:hover {
    color: var(--base);
}

.dropdown-item.active,.dropdown-item:active {
    background-color: var(--contrast);
}

.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: var(--contrast);
    border-color: var(--contrast);
}

.custom-range::-webkit-slider-thumb,
.custom-range::-moz-range-thumb,
.custom-range::-ms-thumb {
    background-color: var(--contrast);
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: var(--contrast);
}

.page-link,
.page-link:hover {
    color: var(--contrast);
}

.page-link,
.page-link:hover {
    color: var(--contrast);
}

.page-item.active .page-link {
    background-color: var(--contrast);
    border-color: var(--contrast);
}

.badge-primary,
a.badge-primary:focus,a.badge-primary:hover {
    background-color: var(--primary);
}

.progress-bar {
    background-color: var(--primary);
}

.list-group-item.active {
    background-color: var(--contrast);
    border-color: var(--contrast);
}

.input-group .btn-reveal-pw:active,.input-group .btn-reveal-pw:hover {
    color: var(--primary);
}

.status-onhold,
.status-payment-pending,
.status-delivered {
    background-color: var(--contrast);
}

.modal {
    z-index: 100000000;
}

.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: var(--contrast);
}

#order-standard_cart .sub-heading span,#order-standard_cart .sub-heading-borderless span {
    color: var(--contrast);
}

#order-standard_cart .cart-sidebar {
    width: 0;
}

#order-standard_cart .cart-body {
    width: 100%;
}

#order-standard_cart .secondary-cart-body {
    width: 70%;
}

#order-standard_cart .secondary-cart-sidebar {
    width: 30%;
}

#order-standard_cart .view-cart-items-header {
    background-color: var(--contrast);
}

#order-standard_cart .view-cart-items {
    border-bottom: 2px solid var(--contrast);
}

#order-standard_cart .product-info {
    font-size: 1.1em;
}

#order-standard_cart .summary-container {
    font-size: 1em;
}

#order-standard_cart .view-cart-items .item-domain {
    color: var(--primary);
}

#order-standard_cart .empty-cart .btn {
    background-color: var(--contrast);
}

#order-standard_cart #btnAlreadyRegistered {
    color: var(--base);
}

.separator {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.scale-item {
    transition: transform ease-in-out 0.5ms;
}
.scale-item:hover {
    transform: scale(150%);
}