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

    ** Custom Stylesheet **

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

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

.hero-banner.bg3 {
  background-image: linear-gradient(80deg, #2A862E5E 0%, #F0E28F75 100%) !important;
}

.topbar.white .top-bar-sale{
    color: #585954 !important;
}

.topbar.white .top-bar-dropdown button{
    color: #585954 !important;
}

.topbar.white .top-bar-dropdown button:after{
    color: #585954 !important;
}

.cart-sidebar{
    display: none !important;
}

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

#order-standard_cart .field-container select.form-control{
    width: 100% !important;
}

#order-standard_cart .order-summary h2{
    background: #119d3a;
    color: #fff !important;
    border-radius: var(--custom-radius) var(--custom-radius) 0 0;
}

#order-standard_cart .view-cart-tabs .tab-content {
   border: 1px dashed var(--border-color);
}

#order-standard_cart .cart-body{
    border: 1px dashed var(--border-color);
    border-radius: var(--custom-radius);
    padding-top:10px !important;
    padding-bottom:10px !important;
}

#btnDomainContinue, .tt-confirm-domain .btn{
    margin-bottom: 10px !important;
}

.tt-confirm-domain .btn{
    margin-top: -3rem !important;
}

.spotlight-tld{
    border: 1.5px dashed #5db85b !important;
}

.payment-methods{
    position: absolute;
    top: -8% !important;
    left: -5% !important;
    display: block;
    width: 115% !important;
    height: 115% !important;
    margin: 0px;
    padding: 0px;
    background: rgb(255, 255, 255);
    border: 0px;
    opacity: 1 !important;
}

#modalGeneratePassword .modal-dialog{
    transform: translate(0, 50px) !important;
}

.tt-domain-configure{
    padding-bottom:10px; 
    padding-left:20px;
}

footer{
    background-image: linear-gradient(80deg, #D8F1DC 0%, #D9E8DA6B 100%) !important;
}