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

    ** Custom Stylesheet **

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

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

.container { max-width:1140px; width:100%; }

.navbar-main {
    background-color: #257601;
}

.navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #2A8303;
}

ul.top-nav > li.primary-action > a.btn {
    padding: 6px 15px;
    background-color: #5bc0de;
    color: #fff;
    border-radius: 3px;
}

ul.top-nav > li.primary-action > a.btn:hover,
ul.top-nav > li.primary-action > a.btn:focus {
    background-color: #46b8da;
    color: #fff;
}

.search-inputs { width:182px;height:34px; }

a:focus, a:hover {
    color: #3c8cd3;
    text-decoration: none;
}


.col-sm-9 {
    width: 73%;
}

/* Box-Sizing Controls here */


.no-box, .no-box * { box-sizing: content-box; }

.box, .box * { box-sizing:border-box; }

/* Dropdown menus - clean card look instead of bare overlay (Aug 2026) */
.navbar-main .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #d9ddd6;
    border-top: 3px solid #257601;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15);
    padding: 6px 0;
    min-width: 190px;
}

.navbar-main .dropdown-menu > li > a {
    padding: 9px 20px;
    color: #333333;
    font-size: 14px;
}

.navbar-main .dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus {
    background-color: #eef5e9;
    color: #257601;
}

/* Remove browser focus ring on nav clicks - keep it for keyboard users (Aug 2026) */
.navbar-main .navbar-nav > li > a:focus:not(:focus-visible),
.navbar-main .navbar-nav > li > a:active,
.navbar-main .dropdown-menu > li > a:focus:not(:focus-visible),
ul.top-nav > li > a:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}


/* ==== real2026: content wrapper on 2026 site design (Aug 2026) ==== */
body.billing-2026 {
    background-color: #f4f5f2;
}

.billing-content-wrap {
    max-width: 1170px;
    margin: 0 auto 50px;
    background-color: #ffffff;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
    padding: 0 0 40px;
}

/* paint content wrap above the site header background band */
.billing-content-wrap {
    position: relative;
    z-index: 10;
}

/* breathing room between site nav and billing content card */
.billing-content-wrap {
    margin-top: 35px;
}

/* restore main-site nav hover (Bootstrap all.min.css was overriding it) */
.nav-cont ul li a:hover,
.nav-cont ul li a:focus {
    color: #4a9f08;
    text-shadow: 1px 1px 1px rgba(78, 174, 10, 0.25);
    text-decoration: none;
}

.nav-cont ul li a:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

/* compact password hint + tighter meter (Aug 2026) */
.pw-hint {
    margin: 6px 0 0;
    font-size: 12.5px;
    color: #8a938a;
}

#passwordStrengthBar {
    height: 8px;
    margin: 8px 0 4px;
}

/* checkout: remove the empty white nav band entirely */
.in-cart .hedr-btm-mnu {
    display: none;
}

/* v2: keep the band but transparent, with white kept behind the logo only */
.in-cart .hedr-btm-mnu {
    display: block;
    background-color: transparent;
    position: relative;
}

.in-cart .hedr-btm-mnu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 100%;
    background-color: #ffffff;
}

/* OPTION PREVIEW 1: angled right edge echoing the roofline */
.in-cart .hedr-btm-mnu::before {
    width: 370px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 45px) 100%, 0 100%);
}

/* OPTION PREVIEW 2: soft fade edge */
.in-cart .hedr-btm-mnu::before {
    width: 380px;
    clip-path: none;
    background: linear-gradient(to right, #ffffff calc(100% - 60px), rgba(255, 255, 255, 0) 100%);
}

/* DECISION: angled edge (option 1) - overrides fade preview above */
.in-cart .hedr-btm-mnu::before {
    width: 370px;
    background: #ffffff;
    clip-path: polygon(0 0, 100% 0, calc(100% - 45px) 100%, 0 100%);
}

/* Align header contents to the content card grid (Aug 2026) */
.billing-2026 header .rx-container {
    width: 1170px;
    max-width: 100%;
}

/* plaque: simple square edge, sized to logo, aligned to card edge */
.in-cart .hedr-btm-mnu::before {
    width: 340px;
    background: #ffffff;
    clip-path: none;
}

/* hide top header mascot during checkout funnel (Aug 2026) */
.in-cart .msct-sleep {
    display: none;
}

/* Google Places autocomplete dropdown above WHMCS form chrome */
.pac-container {
  z-index: 100000 !important;
}
#registration,
#containerNewUserSignup,
#frmCheckout {
  overflow: visible;
}