.navbar-brand img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/*****************************************************

DAZZLE HOSTING BRAND OVERRIDES
Add to bottom of Nexus custom.css

*****************************************************/

/* ===============================
BRAND COLOURS
================================= */

:root {

```
--primary: #350E5E;
--primary-lifted: #4B1785;
--primary-accented: #5E25A0;

--secondary: #61CE70;
--secondary-lifted: #4DBA5C;
--secondary-accented: #39A747;

--success: #61CE70;
--success-lifted: #4DBA5C;
--success-accented: #39A747;

--notice: #350E5E;
--notice-lifted: #4B1785;
--notice-accented: #5E25A0;
```

}

/* ===============================
GLOBAL
================================= */

body {
background: #f8f9fc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #350E5E;
font-weight: 700;
}

/* ===============================
BUTTONS
================================= */

.btn-primary,
.btn-success,
.btn-order-now,
.btn-domain-search,
.btn-action,
button[type="submit"] {

```
background: #350E5E !important;
border-color: #350E5E !important;
border-radius: 10px !important;

font-weight: 600;
transition: all .25s ease;
```

}

.btn-primary:hover,
.btn-success:hover,
.btn-order-now:hover,
.btn-domain-search:hover,
.btn-action:hover,
button[type="submit"]:hover {

```
background: #61CE70 !important;
border-color: #61CE70 !important;
color: #000 !important;

transform: translateY(-2px);
```

}

/* ===============================
CARDS
================================= */

.card,
.panel,
.tile,
.dashboard-card,
.product,
.product-card,
.order-summary,
.client-home-panels .panel {

```
border-radius: 16px !important;

border: 1px solid #ececec !important;

box-shadow:
    0 10px 30px rgba(53,14,94,.08),
    0 0 40px rgba(97,206,112,.05);

transition: all .25s ease;
```

}

.card:hover,
.panel:hover,
.tile:hover,
.product-card:hover {

```
transform: translateY(-3px);

box-shadow:
    0 16px 40px rgba(53,14,94,.12),
    0 0 40px rgba(97,206,112,.08);
```

}

/* ===============================
TOP NAVIGATION
================================= */

.navbar,
.top-nav,
.navigation,
.header,
.main-navbar {

```
background: #ffffff !important;

border-bottom: 1px solid #ececec !important;

box-shadow:
    0 2px 12px rgba(0,0,0,.04);
```

}

/* ===============================
LINKS
================================= */

a {
color: #350E5E;
}

a:hover {
color: #61CE70;
}

/* ===============================
TABLES
================================= */

.table thead th {

```
background: #350E5E !important;

color: #ffffff !important;
```

}

.table tbody tr:hover {

```
background:
    rgba(97,206,112,.08);
```

}

/* ===============================
LOGIN PAGE
================================= */

.logincontainer,
.login-box,
.login-form {

```
border-radius: 20px !important;

box-shadow:
    0 10px 30px rgba(53,14,94,.08),
    0 0 40px rgba(97,206,112,.05);
```

}

/* ===============================
DOMAIN SEARCH
================================= */

.domain-search-container,
.domain-checker-container {

```
border-radius: 18px !important;

box-shadow:
    0 10px 30px rgba(53,14,94,.08);
```

}

/* ===============================
SIDEBARS
================================= */

.sidebar,
.secondary-sidebar {

```
background: #ffffff;

border-radius: 16px;

border: 1px solid #ececec;
```

}

/* ===============================
ALERTS
================================= */

.alert-success {

```
background: rgba(97,206,112,.15);
border-color: #61CE70;
```

}

.alert-info {

```
background: rgba(53,14,94,.10);
border-color: #350E5E;
```

}

/* ===============================
BADGES
================================= */

.badge-primary {

```
background: #350E5E;
```

}

.badge-success {

```
background: #61CE70;
color: #000;
```

}

/* ===============================
FOOTER
================================= */

footer,
.footer {

```
background: #ffffff;

border-top: 1px solid #ececec;
```

}
/* =========================================================
   DAZZLE HOSTING CLIENT AREA ENHANCEMENTS
   ========================================================= */

/* Global Buttons */
.btn {
    border-radius: 8px !important;
    font-weight: 600;
    transition: all .2s ease;
}

/* Cards & Panels */
.panel,
.card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,.08);
    overflow: hidden;
}

/* Panel Headers */
.panel-heading,
.card-header {
    background: #f8f5fc;
    color: #4b1f7a;
    font-weight: 600;
}

/* Sidebar Spacing */
#Secondary_Sidebar .panel-body,
.sidebar .panel-body {
    padding: 18px;
}

/* Sidebar Hover Effects */
#Secondary_Sidebar .list-group-item,
.sidebar .list-group-item {
    transition: all .2s ease;
}

#Secondary_Sidebar .list-group-item:hover,
.sidebar .list-group-item:hover {
    background: #f8f5fc;
    color: #4b1f7a;
    padding-left: 18px;
}

/* Active Service Status */
.label-success,
.status-active,
.label-active {
    border-radius: 20px;
    padding: 4px 12px;
}

/* Client Area Statistics Cards */
.client-home-panels .panel-stat,
.client-home-panels .stat {
    border-radius: 12px;
    overflow: hidden;
    transition: all .25s ease;
}

.client-home-panels .panel-stat:hover,
.client-home-panels .stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* General Card Hover */
.panel:hover,
.card:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
    transition: all .25s ease;
}

/* Product & Service Panels */
.client-home-panels .panel-default {
    border-radius: 12px;
}

/* News & Support Panels */
.client-home-panels .panel-body {
    line-height: 1.6;
}

/* Form Inputs */
.form-control {
    border-radius: 8px;
}

/* Tables */
.table thead th {
    background: #f8f5fc;
    color: #4b1f7a;
    border: none;
    font-weight: 600;
}

/* Smooth Transitions */
a,
.btn,
.panel,
.card,
.list-group-item {
    transition: all .2s ease;
}
/* ==========================================
   DAZZLE HOSTING HEADER CUSTOMISATION
   TWENTY-ONE
   ========================================== */

/* Top utility bar */
header#header .topbar {
    background: #4b1f7a !important;
}

/* White text in top bar */
header#header .topbar,
header#header .topbar a,
header#header .topbar span,
header#header .topbar i {
    color: #ffffff !important;
}

/* Larger main menu */
header#header .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 500;
}

/* Logo */
.navbar-brand img {
    max-height: 50px;
    width: auto;
}

/* Search box */
#header .header-search .form-control,
#header input[type="search"] {
    border: 2px solid #4b1f7a;
    border-radius: 8px;
}

/* Search icon/button */
#header .header-search button,
#header .header-search .btn {
    background: #4b1f7a;
    border-color: #4b1f7a;
    color: #ffffff;
}

/* Cart badge */
#header .badge,
#header .item-count,
#header .cart-item-count {
    background: #4b1f7a !important;
    color: #ffffff !important;
}

/* Slight navbar polish */
header#header {
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

/* ==========================================
   DAZZLE HOSTING FOOTER
   ========================================== */

footer,
#footer,
.footer {
    background: #4b1f7a !important;
    color: #ffffff !important;
}

/* Footer links */
footer a,
#footer a,
.footer a {
    color: #ffffff !important;
}

/* Footer link hover */
footer a:hover,
#footer a:hover,
.footer a:hover {
    color: #ffffff !important;
    opacity: 0.85;
}

/* Footer headings */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #ffffff !important;
}

/* Footer icons */
footer i,
#footer i,
.footer i {
    color: #ffffff !important;
}
/* ==========================================
   DOMAIN SEARCH BOX
   ========================================== */

.input-group.advanced-input {
    background: #fff;
    border: 2px solid #e7e7e7;
    border-radius: 16px;
    padding: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}

/* Heading */
.p-5.clearfix h2 {
    color: #4b1f7a;
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 25px;
}

/* Main textarea */
#message {
    border: 2px solid #e7e7e7;
    border-radius: 12px;
    min-height: 120px;
    padding: 15px;
    transition: all .2s ease;
}

#message:focus {
    border-color: #4b1f7a;
    box-shadow: 0 0 0 4px rgba(75,31,122,.12);
    outline: none;
}

/* Search button */
#btnDomainSearch,
#btnDomainSearch2 {
    background: #4b1f7a !important;
    border-color: #4b1f7a !important;
    color: #fff !important;
    border-radius: 10px;
    font-weight: 600;
    padding: 12px 24px;
}

#btnDomainSearch:hover,
#btnDomainSearch2:hover {
    background: #5c2796 !important;
    border-color: #5c2796 !important;
}

/* Transfer button */
#btnTransfer,
#btnTransfer2 {
    border-radius: 10px;
    font-weight: 600;
    padding: 12px 24px;
}

/* Multiselect dropdowns */
.btn-group .multiselect {
    border-radius: 8px;
}

/* Pricing link */
.p-5.clearfix .btn-link {
    color: #4b1f7a !important;
    font-weight: 600;
}

/* Whole section */
.p-5.clearfix {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 25px rgba(0,0,0,.08);
}

/* ==========================================
   HOMEPAGE PRODUCT CARDS
   ========================================== */

/* Section heading */
.card-columns.home + h2,
h2.text-center.m-4 {
    color: #4b1f7a;
    font-weight: 700;
}

/* Product cards */
.card-columns.home .card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
    transition: all .25s ease;
    overflow: hidden;
}

/* Hover effect */
.card-columns.home .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
}

/* Purple accent strip */
.card-columns.home .card::before {
    content: "";
    display: block;
    height: 5px;
    background: #4b1f7a;
}

/* Product titles */
.card-columns.home .pricing-card-title {
    color: #4b1f7a;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 20px;
}

/* Description */
.card-columns.home p {
    min-height: 60px;
    color: #555;
}

/* Buttons */
.card-columns.home .btn-outline-primary {
    border: 2px solid #4b1f7a !important;
    color: #4b1f7a !important;
    border-radius: 10px;
    font-weight: 600;
    transition: all .2s ease;
}

/* Button hover */
.card-columns.home .btn-outline-primary:hover {
    background: #4b1f7a !important;
    color: #fff !important;
    border-color: #4b1f7a !important;
}

/* ==========================================
   HELP SECTION CARDS
   ========================================== */

.action-icon-btns a {
    background: #4b1f7a !important;
    color: #fff !important;
    border-radius: 16px;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
    transition: all .25s ease;
}

/* Hover */
.action-icon-btns a:hover {
    background: #5c2796 !important;
    color: #fff !important;
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
}

/* Icons */
.action-icon-btns .ico-container {
    color: #fff !important;
}

/* Font Awesome icons */
.action-icon-btns i {
    color: #fff !important;
}

/* Text */
.action-icon-btns a {
    font-weight: 600;
}