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

    ** Custom Stylesheet **

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

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

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus 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.
 */

:root {

    --white:#fff;

    /* Brand */

    --primary-50:#F7F2FB;
    --primary-100:#EFE6F8;
    --primary-200:#DECDF0;
    --primary-300:#C5A6E4;
    --primary-400:#9C73CC;
    --primary-500:#6F42B5;
    --primary-600:#350E5E;
    --primary-700:#2D0B50;
    --primary-800:#250842;
    --primary-900:#1D0634;
    --primary-950:#120320;

    /* Main */

    --primary:var(--primary-600);
    --primary-lifted:var(--primary-700);
    --primary-accented:var(--primary-800);

    /* Secondary */

    --secondary:#61CE70;
    --secondary-lifted:#4FC85F;
    --secondary-accented:#3FB04D;

    /* Success */

    --success:#61CE70;
    --success-lifted:#4FC85F;
    --success-accented:#3FB04D;

    /* Information */

    --info:#350E5E;
    --info-lifted:#2D0B50;
    --info-accented:#250842;

    /* Warning */

    --warning:#E89C00;

    /* Error */

    --error:#D62828;

    /* Text */

    --text:#222;
    --text-muted:#666;

    /* Backgrounds */

    --bg:#fff;
    --bg-muted:#fafafa;
    --bg-lifted:#f5f5f5;

    /* Borders */

    --border:#ECECEC;
    --border-muted:#F3F3F3;
    --border-lifted:#DDDDDD;

    /* Radius */

    --rounding-sm:6px;
    --rounding-md:10px;
    --rounding-lg:16px;
 --text-inverted:#61CE70;
}
/*=========================================================
 DAZZLE HOSTING - NEXUS BRANDING
=========================================================*/

:root{
    --dh-primary:#380E5E;
    --dh-primary-dark:#2D0B4A;
    --dh-secondary:#61CE70;
    --dh-secondary-dark:#4DB95B;
}

/*---------------------------------------------------------
 Links
---------------------------------------------------------*/

a{
    color:var(--dh-primary);
}

a:hover,
a:focus{
    color:var(--dh-secondary);
}

/*---------------------------------------------------------
 Headings
---------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6{
    color:var(--dh-primary);
}

/*---------------------------------------------------------
 Primary Buttons
---------------------------------------------------------*/

.btn-primary,
.btn-success,
.btn-info{
    background:var(--dh-primary) !important;
    border-color:var(--dh-primary) !important;
    color:#fff !important;
    border-radius:10px;
    font-weight:600;
    transition:.25s;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover{
    background:var(--dh-secondary) !important;
    border-color:var(--dh-secondary) !important;
    color:#222 !important;
}

/*---------------------------------------------------------
 Secondary Buttons
---------------------------------------------------------*/

.btn-default,
.btn-secondary,
.btn-light{
    background:#fff;
    border:2px solid var(--dh-primary);
    color:var(--dh-primary);
    border-radius:10px;
}

.btn-default:hover,
.btn-secondary:hover,
.btn-light:hover{
    background:var(--dh-primary);
    color:#fff;
}

/*---------------------------------------------------------
 Cards
---------------------------------------------------------*/

.card,
.panel,
.tile,
.dashboard-panel{
    border:none;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(56,14,94,.08);
}

/*---------------------------------------------------------
 Forms
---------------------------------------------------------*/

.form-control{
    border-radius:10px;
    border:1px solid #ddd;
}

.form-control:focus{
    border-color:var(--dh-primary);
    box-shadow:0 0 0 .2rem rgba(56,14,94,.15);
}

/*---------------------------------------------------------
 Tables
---------------------------------------------------------*/

.table thead{
    background:var(--dh-primary);
    color:#fff;
}

/*---------------------------------------------------------
 Badges
---------------------------------------------------------*/

.badge-primary{
    background:var(--dh-primary);
}

.badge-success{
    background:var(--dh-secondary);
    color:#222;
}

/*---------------------------------------------------------
 Alerts
---------------------------------------------------------*/

.alert-success{
    background:#F2FCF4;
    border-color:var(--dh-secondary);
    color:#1D4D27;
}

.alert-info{
    background:#F7F2FB;
    border-color:var(--dh-primary);
}

/*---------------------------------------------------------
 Pagination
---------------------------------------------------------*/

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

.pagination .page-link{
    color:var(--dh-primary);
}

.pagination .page-link:hover{
    color:var(--dh-secondary);
}

/*---------------------------------------------------------
 Navigation
---------------------------------------------------------*/

.nav-link.active,
.nav-tabs .nav-link.active{
    color:var(--dh-primary);
    border-color:var(--dh-primary);
}

/*---------------------------------------------------------
 Checkout Totals
---------------------------------------------------------*/

.order-summary,
.cart-total,
.total-due{
    color:var(--dh-primary);
    font-weight:700;
}
/*=========================================================
 HOME PAGE ICONS
=========================================================*/

.homepage .app-icon i,
.homepage .icon i,
.homepage .card i,
.homepage .tile i,
.homepage .feature i,
.landing-page i,
.client-home-panels i{
    color:#380E5E !important;
}

/* SVG Icons */

.homepage svg,
.client-home-panels svg{
    stroke:#380E5E !important;
    fill:#380E5E !important;
}

/*=========================================================
 HOME PAGE CARDS
=========================================================*/

.homepage .card,
.client-home-panels .card{

    border-radius:16px;
    border:none;
    transition:.25s ease;
    box-shadow:0 6px 18px rgba(56,14,94,.08);

}

.homepage .card:hover,
.client-home-panels .card:hover{

    transform:translateY(-4px);

    box-shadow:0 14px 35px rgba(56,14,94,.18);

}

.homepage .card:hover i{
    color:#61CE70 !important;
}

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

footer,
#footer,
.footer{

    background:#380E5E !important;
    color:#fff !important;

}

footer a,
#footer a,
.footer a{

    color:#fff !important;

}

footer a:hover,
#footer a:hover,
.footer a:hover{

    color:#61CE70 !important;

}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer p,
footer span,
footer li{

    color:#fff !important;

}
/* ==========================================
   Homepage Product Cards
========================================== */

.card-columns.home .card{

    background:#380E5E !important;
    border:none !important;
    border-radius:16px !important;

    box-shadow:0 12px 30px rgba(56,14,94,.15);

}

.card-columns.home .card-body{

    background:#380E5E !important;

}

.card-columns.home h3,
.card-columns.home p,
.card-columns.home a{

    color:#fff !important;

}

.card-columns.home .btn-outline-primary{

    background:#61CE70 !important;
    border:none !important;
    color:#380E5E !important;
    font-weight:600;

}

.card-columns.home .btn-outline-primary:hover{

    background:#fff !important;
    color:#380E5E !important;

}
/* ==========================================
   Homepage Headdings
========================================== */
.homepage h2 {

    color:#380E5E;
    font-size:2.2rem;
    font-weight:700;
    margin-bottom:2rem;

}

/* ========================================
   Homepage Action Icons
======================================== */

.action-icon-btns a .ico-container i{

    color:#380E5E !important;
    font-size:54px !important;
    transition:all .25s ease;

}

.action-icon-btns a:hover .ico-container i{

    color:#61CE70 !important;
    transform:scale(1.1);

}

.action-icon-btns a{

    transition:all .25s ease;

}

.action-icon-btns a:hover{

    transform:translateY(-4px);

}

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

/* Search section */
.home-domain-search{
    padding:60px 0;
}

/* Search input */
.home-domain-search input[type="text"]{
    height:58px;
    border-radius:12px;
    border:2px solid #E5E7EB;
    font-size:1.1rem;
}

.home-domain-search input[type="text"]:focus{
    border-color:#380E5E;
    box-shadow:0 0 0 4px rgba(56,14,94,.12);
}

/* Search / Transfer buttons */

#btnDomainSearch2,
#btnTransfer2{

    border-radius:12px;
    font-weight:600;
    padding:0 24px;
}

/* Domain logos */

.tld-logos{
    margin-top:25px;
}

.tld-logos img{

    height:42px;
    width:auto;
    vertical-align:middle;

}

.tld-logos li{

    font-size:1.9rem;
    color:#380E5E;
    font-weight:600;

}

/* View all pricing button */

a[href*="domain/pricing"]{

    background:#380E5E;
    color:#fff !important;
    padding:10px 18px;
    border-radius:10px;
    text-decoration:none;
    display:inline-block;
    transition:.25s;

}

a[href*="domain/pricing"]:hover{

    background:#61CE70;
    color:#380E5E !important;

}
/*==================================================
PRODUCT / PRICING CARDS
==================================================*/

/*-------------------------------------
Card
-------------------------------------*/

.product.clearfix{

    display:flex;
    flex-direction:column;

    background:#fff;

    border:none;

    border-radius:16px;

    overflow:hidden;

    box-shadow:
        0 8px 30px rgba(56,14,94,.08),
        0 0 18px rgba(56,14,94,.05);

    transition:.25s ease;

}

.product.clearfix:hover{

    transform:translateY(-6px);

    box-shadow:
        0 18px 45px rgba(56,14,94,.16),
        0 0 35px rgba(56,14,94,.15);

}


/* =====================================
   PRODUCT HEADER
===================================== */

.product.clearfix > header{

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#FDFCFF !important;

    border-bottom:2px solid #ECE3F6 !important;

    padding:10px 20px !important;

    min-height:78px !important;

}

.product.clearfix > header > span{

    display:block !important;

    width:100%;

    margin:0 !important;

    padding:0 !important;

    text-align:center !important;

    color:#380E5E !important;

    font-size:28px !important;

    font-weight:700 !important;

    line-height:1.15 !important;

}

/*-------------------------------------
Description
-------------------------------------*/

.product.clearfix .product-desc{

    flex:1;

    background:#fff !important;

    padding:0px 28px 24px;

}

.product.clearfix .product-desc,
.product.clearfix .product-desc p,
.product.clearfix .product-desc ul,
.product.clearfix .product-desc li{

    background:#fff !important;

}

.product.clearfix .product-desc br{

    display:none;

}

.product.clearfix .product-desc p{

    color:#666;

    font-size:15px;

    line-height:1.35;

    margin:0 0 6px;

    text-align:center;

}

/*-------------------------------------
Feature List
-------------------------------------*/

.product.clearfix .product-desc ul{

    list-style:none;

    margin:0;

    padding:0;

}

.product.clearfix .product-desc li{

    position:relative;

    padding:6px 0 6px 32px;

    color:#333;

    font-size:16px;

}

.product.clearfix .product-desc li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#61CE70;

    font-size:18px;

    font-weight:700;

}

.product.clearfix .product-desc li:not(:last-child){

    border-bottom:1px solid #f2f2f2;

}


/*-------------------------------------
Footer
-------------------------------------*/

.product.clearfix footer{

    background:#380E5E;

    padding:24px 28px;

    text-align:center;

}


/*-------------------------------------
Price
-------------------------------------*/

.product.clearfix .product-pricing{

    margin-bottom:22px;

    color:#ddd;

    font-size:15px;

}

.product.clearfix .product-pricing .price{

    display:block;

    color:#fff;

    font-size:48px;

    font-weight:700;

    line-height:1;

}

.product.clearfix .product-pricing br{

    display:none;

}


/*-------------------------------------
Button
-------------------------------------*/

.product.clearfix footer .btn.btn-success{

    width:100%;

    background:#61CE70 !important;

    border:2px solid #61CE70 !important;

    color:#380E5E !important;

    border-radius:10px;

    padding:14px 20px;

    font-size:16px;

    font-weight:700;

    transition:.25s ease;

}

.product.clearfix footer .btn.btn-success:hover{

    background:#fff !important;

    border-color:#fff !important;

    color:#380E5E !important;

    transform:translateY(-2px);

}

.product.clearfix:hover footer .btn.btn-success{

    background:#fff !important;

    border-color:#fff !important;

    color:#380E5E !important;

}


/*-------------------------------------
Featured Plan
-------------------------------------*/

.product.clearfix.featured{

    border:2px solid #61CE70;

    position:relative;

}

.product.clearfix.featured::before{

    content:"MOST POPULAR";

    position:absolute;

    top:0;

    left:50%;

    transform:translate(-50%,-50%);

    background:#61CE70;

    color:#380E5E;

    padding:6px 14px;

    border-radius:999px;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

}

/*--------------------------------------------------
MOST POPULAR PLAN
(Add class="featured" to the product later if desired)
--------------------------------------------------*/

.product.clearfix.featured{

    border:2px solid #61CE70;

    position:relative;

}

.product.clearfix.featured::before{

    content:"MOST POPULAR";

    position:absolute;

    top:0;

    right:30px;

    transform:translateY(-50%);

    background:#61CE70;

    color:#380E5E;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

}
/*==================================================
SIDEBARS (Cart + Product Selection)
==================================================*/

.cart-sidebar .panel-sidebar,
.product-selection-sidebar .panel-sidebar{

    background:#fff;
    border:none;
    border-radius:16px;
    overflow:hidden;

    box-shadow:0 8px 28px rgba(56,14,94,.08);

    margin-bottom:28px;

}


/*--------------------------------------------------
HEADER
--------------------------------------------------*/

.cart-sidebar .panel-sidebar .card-header,
.product-selection-sidebar .panel-sidebar .card-header{

    background:#380E5E !important;

    border:none;

    padding:18px 22px;

}

.cart-sidebar .panel-sidebar .panel-title,
.product-selection-sidebar .panel-sidebar .panel-title{

    color:#fff !important;

    font-size:20px;

    font-weight:700;

    margin:0;

}

.cart-sidebar .panel-sidebar .panel-title i,
.product-selection-sidebar .panel-sidebar .panel-title i{

    color:#61CE70;

}


/*--------------------------------------------------
LIST
--------------------------------------------------*/

.cart-sidebar .panel-sidebar .list-group-item,
.product-selection-sidebar .panel-sidebar .list-group-item{

    border:none;

    border-bottom:1px solid #F1F1F1;

    background:#fff;

    color:#333;

    padding:16px 22px;

    font-size:16px;

    transition:.25s;

}


/* Icons */

.cart-sidebar .panel-sidebar .list-group-item i,
.product-selection-sidebar .panel-sidebar .list-group-item i{

    color:#380E5E;

    width:24px;

    transition:.25s;

}


/* Hover */

.cart-sidebar .panel-sidebar .list-group-item:hover,
.product-selection-sidebar .panel-sidebar .list-group-item:hover{

    background:#F8F4FC;

    color:#380E5E;

    padding-left:28px;

}

.cart-sidebar .panel-sidebar .list-group-item:hover i,
.product-selection-sidebar .panel-sidebar .list-group-item:hover i{

    color:#61CE70;

}


/* Active */

.cart-sidebar .panel-sidebar .list-group-item.active,
.product-selection-sidebar .panel-sidebar .list-group-item.active{

    background:#EAF8ED !important;

    color:#380E5E !important;

    font-weight:700;
color:#380E5E;
font-weight:700;
border-left:4px solid #61CE70;
}

.cart-sidebar .panel-sidebar .list-group-item.active i,
.product-selection-sidebar .panel-sidebar .list-group-item.active i{

    color:#380E5E;

}


/* Rounded bottom */

.cart-sidebar .panel-sidebar .list-group-item:last-child,
.product-selection-sidebar .panel-sidebar .list-group-item:last-child{

    border-bottom:none;

}

/*==================================================
MASTER BREADCRUMB
==================================================*/

.master-breadcrumb{

    background:#F8F4FC !important;

    border-bottom:1px solid #E8DEF4;

    padding:16px 0;

    margin-bottom:30px;

}

.master-breadcrumb .breadcrumb{

    background:transparent !important;

    margin:0;

    padding:0;

}

.master-breadcrumb .breadcrumb-item,
.master-breadcrumb .breadcrumb-item a{

    color:#380E5E !important;

    font-size:15px;

    font-weight:500;

}

.master-breadcrumb .breadcrumb-item.active{

    color:#61CE70 !important;

    font-weight:700;

}

.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before{

    color:#B9A9D2;

}

button.bg-primary.text-inverted{

    color:#fff !important;

}/*==================================================
GLOBAL SIDEBAR (Client Area)
==================================================*/

.sidebar .card-sidebar{

    background:#fff;
    border:none;
    border-radius:16px;
    overflow:hidden;

    box-shadow:0 8px 28px rgba(56,14,94,.08);

    margin-bottom:28px;

}


/* Header */

.sidebar .card-sidebar .card-header{

    background:#380E5E !important;

    border:none;

    padding:18px 22px;

}

.sidebar .card-sidebar .panel-title{

    color:#fff !important;

    font-size:20px;

    font-weight:700;

    margin:0;

}

.sidebar .card-sidebar .panel-title i{

    color:#61CE70;

}


/* Menu */

.sidebar .card-sidebar .list-group-item{

    background:#fff;

    border:none;

    border-bottom:1px solid #F2F2F2;

    padding:16px 22px;

    color:#333;

    font-size:16px;

    transition:.25s ease;

}

.sidebar .card-sidebar .list-group-item i{

    color:#380E5E;

    width:24px;

}


/* Hover */

.sidebar .card-sidebar .list-group-item:hover{

    background:#F8F4FC;

    color:#380E5E;

    padding-left:28px;

}

.sidebar .card-sidebar .list-group-item:hover i{

    color:#61CE70;

}


/* Active */

.sidebar .card-sidebar .list-group-item.active{

    background:#EDF9F0 !important;

    border-left:4px solid #61CE70;

    color:#380E5E !important;

    font-weight:700;

}

.sidebar .card-sidebar .list-group-item.active i{

    color:#61CE70;

}

/* Sidebar heading text */

.sidebar .card-header h3,
.sidebar .card-header h3 a,
.sidebar .card-header .card-title,
.sidebar .card-header .panel-title{

    color:#fff !important;

}

.sidebar .card-header .fa-chevron-up,
.sidebar .card-header .fa-chevron-down{

    color:#61CE70 !important;

}

.sidebar .card-header .fas:first-child{

    color:#61CE70 !important;

}