@media (min-width: 1200px) {
    .container {
        width: 80% !important; 
        padding-top: 50px !important;
        padding-bottom: 10px !important;
    }
    
    #main-menu {
        display: none !important;
    }
}
@media (min-width: 992px) { 
    .container { 
        width: 80% !important; 
        padding-top: 50px !important;
        padding-bottom: 10px !important;
    }
    
    #header ul .top-nav { 
        display: none !important;
    }

}
@media (min-width: 768px) {
    .container {
        width: 80% !important; 
        padding-top: 50px !important;
        padding-bottom: 10px !important;
    }
    
    #header ul .top-nav {
        display: none !important;
    }
}

html, body, nav a, a, .btn, ul li, h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif !important;
}

html, body, section#header, section#footer, section#main-body {
    background-color: #F2F3F5 !important;
}


html, body, nav a {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.home-shortcuts ul li a, .btn, section#home-banner .btn.search, .btn-add-to-cart, .btn-logged-in-admin i, .btn .search {
    border: 1px solid #4678ae;
    background-color: #4678ae;
    color: #fff;
    border-radius: 10px !important;
    margin-left: 5px !important;
} 

section#main-body {
    min-height: 75%;
}

.navbar-main, .search, .badge-success, .product-recommendations .product-recommendation .btn-add, .product-recommendation .arrow {
    background-color: #4678ae !important;
}

section#home-banner {
    background-color: #F8F8F8;
}

section#home-banner h2 {
    color: #000;
}

.home-shortcuts > p > span, #Primary_Navbar-Contact_Us {
    display: none;
}

.label-info, .label-default, .back-to-top, .tooltip-inner, .domain-checker-container, section#home-banner .btn.transfer {
    background-color: #ff8800;
    background: -webkit-linear-gradient(top, #ff8800, #ff8800);
    border-radius: 10px !important;
    margin-left: 5px !important;
}

section#home-banner .form-control {
    border: 2px solid #4678ae;
}

section#footer .back-to-top i {
    padding: 10px;
    background-color: #ff8800;
    color: #fff;
    border-radius: 3px;
    opacity: 0.7;
}

.panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {
    background-color: #4578ae;
    border-color: #4578ae;
}

#order-premium_comparison .price-table-container .price-table .top-head, .home-shortcuts {
    background: #4678AE !important;

}

#order-premium_comparison .price-table-container .price-table .popular-plan, .panel-addon .panel-add {
    background-color: #ff8800 !important;
    border: 1px solid #ff8800 !important;
    color: #fff !important;
}

#order-premium_comparison .price-table-container .order-button {
    background: #ff8800 !important;
}

.price-area {
    color: #fff !important;
}

.btn-success:hover, .btn-order-now:hover, .btn-success:hover, .btn-order-now:hover {
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    border-style: solid;
    box-shadow: none !important;
    background-color: #f2f3f5 !important;
    border-color: #337ab7;
    color: #4678ae !important; 
}

.alert-success {
    color: #ffffff;
    background-color: #4678ae;
    border-color: #4678ae;
}

.domain-checker-bg, #home-banner {
    background-color: #F2F3F5 !important;
    background-size: contain !important;
    background-position: 15% center !important; 
    background-repeat: no-repeat !important;
    background-image: url(https://webacumen.co.za/wp-content/uploads/2025/07/Copy-of-Webacumen-Round-Logo-2.gif) !important;
}

@media (max-width: 767px) {
  .input-group.input-group-lg {
    flex-direction: column !important;
    display: flex !important;
  }

  .input-group.input-group-lg .form-control {
    width: 100% !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 5px !important;
  }

  .input-group.input-group-lg .input-group-btn {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .input-group.input-group-lg .input-group-btn input.btn {
    width: 100% !important;
    margin: 2px 0 !important;
    border-radius: 0 !important;
  }

  .input-group.input-group-lg .input-group-btn input.btn:first-child {
    border-radius: 0 0 4px 4px !important;
  }
}


.spotlight-tld-hot {
    background-color: #ff8800 !important;
}

.spotlight-tld-sale, .alert-warning, .alert-link {
    background-color: #4678ae !important;
    border: none !important;
    color: #fff !important;
}

.spotlight-tld .btn:not(.domain-contact-support) {
    background-color: #4678ae !important;
    border-color: #4678ae !important;
}

#order-standard_cart .products .product header, #order-standard_cart .products .product header span, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: #4578ae !important;
     color: #ffffff !important;
}

/* Apply to all form fields in WHMCS */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select,
textarea {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
    height: auto;
    line-height: 1.3em;
    background-image: unset;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    margin: 0 0 1em;
    padding: 9px;
    border: 1px solid #4678ae !important;
    border-radius: 10px !important;
    background-color: #fff;
    color: #333;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
}

/* Focus state for inputs */
input:focus,
select:focus,
textarea:focus {
    border-color: #005fa3;
    outline: none;
    box-shadow: 0 0 3px rgba(0, 95, 163, 0.3);
}

.product-recommendations .product-recommendation {
    border-bottom: 4px solid #4678ae !important;
}

.product-recommendation .expander {
    color:; #4678ae !important; 
}

#order-standard_cart .panel-addon .panel-body {
    text-align: left !important;
    min-height: 250px !important;
}

.navbar-nav .nav .open li a:hover, .navbar-nav .nav .open li a:focus, .navbar-nav .nav .open li a:active {
    background-color: #f2f3f5 !important;
    border-color: #337ab7;
}

    .webacumen-topbar {
        background: #BFD0E2;
        color: #4578ad;
        font-size: 17px;
        padding: 5px 60px 5px 60px;
    }

    .webacumen-topbar a {
        color: #4578ad;
        text-decoration: none;
        margin-left: 12px;
    }

    .webacumen-topbar .left a {
        margin-left: 0;
    }

    .webacumen-topbar .social-icons a {
        font-size: 17px;
        margin-left: 15px;
    }

    /* MOBILE: one line, centered with separator */
    @media (max-width: 600px) {
        .webacumen-topbar {
            justify-content: center !important;
            padding: 8px 15px;
        }

        .webacumen-topbar .left,
        .webacumen-topbar .social-icons {
            margin: 0;
        }

        .webacumen-topbar .left::after {
            content: "|";
            color: #fff;
            margin: 0 12px;
            font-weight: 700;
        }
    }
    
section#header .logo img {
    max-height: 62px; /* Adjust height */
    width: auto;      /* Keep proportions */
}

.webacumen-footer-bar {
        background: #4678AE;
        color: #fff;
        font-size: 12px;
        padding: 10px 20px;
        text-align: center;
    }
    
.webacumen-footer-bar a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    
#footer hr {
        width: 10% !important;
        height: 20px !important;
        color: #ff8800 !important;
        border-color: #ff8800 !important;
        border-top-width: 2px !important;
        text-align: left !important;
        margin-left: 0 !important;
    }