/* BSM Packaging Supplies — Theme Stylesheet
   Palette:
     --grey:    #5c6670  (primary dark — navbar, footer, text, buttons)
     --orange:  #f6a802  (accent — borders, icons, hover states)
     --muted:   #cbcacf  (light grey — borders, panel headers)
     --black:   #000000  (deep hover)
     --white:   #ffffff
*/

/* ============================================================
   TOP NAVBAR (fixed bar with social/account links)
   ============================================================ */
.navbar-fixed-top {
    background-color: #5c6670;
    color: #fff;
    border-bottom: 4px solid #f6a802;
}
.navbar-fixed-top .fa {
    color: #f6a802;
}
.top-bar-social .navbar-social i, .top-bar-links i {
    color: #f6a802;
}
.navbar-social,
.navbar-myaccount,
.navbar-logout,
.navbar-greeting {
    color: #fff;
}
.navbar-social:hover, .navbar-social:hover .fa,
.navbar-myaccount:hover, .navbar-myaccount:hover .fa,
.navbar-logout:hover, .navbar-logout:hover .fa,
.navbar-greeting:hover, .navbar-greeting:hover .fa {
    color: #fff !important;
    opacity: 0.8;
}
.navbar-social:focus,
.navbar-myaccount:focus,
.navbar-logout:focus,
.navbar-greeting:focus {
    outline: none;
    text-decoration: none;
}

/* ============================================================
   MAIN HEADER (logo / search / basket row)
   ============================================================ */
header > div.container.hidden-sm.hidden-xs {
    padding-top: 15px;
}
.header-phone {
    float: right;
    padding: 8px 40px 10px 0;
}
.header-phone a {
    color: #5c6670;
}
.header-basket a {
    color: #5c6670;
    text-decoration: none;
}
.navbar-toggle i {
    color: #f6a802;
}
.header-search .searchform .btn, #search .searchform .btn {
    border: 1px solid #5c6670 !important;
    background: #f6a802;
}
#mainsearch {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff !important;
    border: 1px solid #5c6670 !important;
}
.header-search .btn {
    background: #5c6670 !important;
    border: 1px solid #5c6670 !important;
}
.header-search .btn:hover {
    background: #000 !important;
    border: 1px solid #000 !important;
}

/* ============================================================
   MEGAMENU / MAIN NAVIGATION
   ============================================================ */
.navbar-default.yamm {
    background: none;
    cursor: pointer;
    font-weight: 600;
}
.navbar-default.yamm .navbar-collapse .level1 {
    background: #5c6670;
}
.navbar-default.yamm .navbar-collapse .level1 > a {
    color: #fff;
}
.navbar-default.yamm .navbar-collapse .level1 > a:focus {
    background-color: transparent;
}
.navbar-default.yamm .level1:hover {
    background: #000;
    color: #fff;
}
.navbar-default.yamm .navbar-collapse ul.nav > li.level1:last-child {
    background-color: green;
}
.navbar-default.yamm .navbar-collapse ul.nav > li.level1:last-child:hover {
    background-color: #000;
}
#main-nav2 > ul > li > ul {
    border: 1px solid #5c6670;
}
.yamm .nav-heading a {
    color: #f6a802;
    font-size: 13px;
}
.yamm .level3 a {
    color: #5c6670;
    font-weight: normal;
}
.yamm .level3 a:hover,
.yamm .level3 a:active,
.yamm .level3 a:focus {
    color: #000;
}

/* ============================================================
   DRILLDOWN (MOBILE NAV)
   ============================================================ */
.drilldown li {
    background: #5c6670;
    border-bottom: 1px solid #fff;
}
.drilldown a,
.drilldown button {
    color: #fff;
}
.drilldown .navback {
    background: #f6a802;
}
.drilldown a.navback,
.drilldown button.navback {
    color: #fff;
}

/* ============================================================
   FOOTER
   ============================================================ */
#footer {
    border-top: 5px solid #f6a802 !important;
    background-color: #5c6670;
    color: #fff;
}
#footer a,
#footer p,
#footer li,
#footer h3 {
    color: #fff;
}
#footer a:hover,
#footer a:focus {
    color: #f6a802;
    text-decoration: none;
}
#footer .footer-legal {
    color: #cbcacf;
}
#footer .footer-legal li {
    color: #cbcacf;
}
.footer-last {
    display: flex;
    flex-direction: column;
}
#footerImage {
    order: -1;
    max-width: 250px;
    margin-bottom: 0;
}
#sagepayLogo img {
    max-width: 240px;
}
#poweredByOGL a {
    color: #cbcacf;
    font-size: 12px;
}
#poweredByOGL a:hover {
    color: #f6a802;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn-primary,
.btn-default,
.btn-success {
    border: 1px solid transparent;
    background-color: #5c6670;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-default:hover, .btn-default:active, .btn-default:focus,
.btn-success:hover, .btn-success:active, .btn-success:focus {
    border: 1px solid transparent;
    background-color: #000;
    text-decoration: none;
}
.dec, .inc {
    background-color: #f6a802;
    border: 1px solid #f6a802;
    color: #fff;
}
.dec .fa, .inc .fa {
    color: #fff;
}
.dec:hover, .dec:active, .dec:focus,
.inc:hover, .inc:active, .inc:focus {
    background-color: #000;
    border: 1px solid #000;
}
.product-box .code {
    min-height: 60px;
}

/* ============================================================
   SIDEBAR
   ============================================================ */
#leftsidebar .panel {
    border: 1px solid #cbcacf;
}
#leftsidebar .panel .panel-heading {
    border-bottom: 1px solid #cbcacf;
    background-color: #cbcacf;
}
#leftsidebar .panel-default > .panel-heading a {
    color: #5c6670;
}
#leftsidebar .panel-default > .panel-heading a:hover,
#leftsidebar .panel-default > .panel-heading a:active,
#leftsidebar .panel-default > .panel-heading a:focus {
    background-color: #5c6670;
    color: #fff;
}
#leftsidebar .panel .panel-heading .panel-title {
    font-weight: 500;
}
#leftsidebar .panel-title a::after,
#leftsidebar .panel-title .collapsed::after {
    color: #5c6670;
}
#leftsidebar .panel .panel-body a {
    color: #5c6670;
}
#leftsidebar .panel .panel-body a:hover,
#leftsidebar .panel .panel-body a:focus {
    color: #f6a802;
}
#leftsidebar .ao-panel--myaccount > .panel-heading a,
#leftsidebar .ao-panel--portal > .panel-heading a,
#leftsidebar .ao-panel--admin > .panel-heading a,
#leftsidebar .ao-panel--myaccount .panel-body a,
#leftsidebar .ao-panel--portal .panel-body a,
#leftsidebar .ao-panel--admin .panel-body a {
    color: #fff;
}
#leftsidebar .ao-panel--myaccount .panel-body a i,
#leftsidebar .ao-panel--portal .panel-body a i,
#leftsidebar .ao-panel--admin .panel-body a i {
    color: #fff;
}
#leftsidebar .ao-panel--myaccount .panel-body a:hover,
#leftsidebar .ao-panel--portal .panel-body a:hover,
#leftsidebar .ao-panel--admin .panel-body a:hover,
#leftsidebar .ao-panel--myaccount .panel-body a:focus,
#leftsidebar .ao-panel--portal .panel-body a:focus,
#leftsidebar .ao-panel--admin .panel-body a:focus {
    color: #f6a802;
}
#leftsidebar .portal .panel-body .portalindexheader strong {
    font-size: 13px;
    font-weight: 600 !important;
    color: #f6a802;
}

/* ============================================================
   PANELS (generic)
   ============================================================ */
.panel-default {
    border-color: #cbcacf;
}
.panel-default > .panel-heading {
    color: #5c6670;
    background-color: #cbcacf;
    border-color: #cbcacf;
    font-weight: 500;
}
.panel-default > .panel-body {
    color: #5c6670;
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.breadcrumb {
    border: 1px solid #cbcacf;
    background-color: #fff;
}
.breadcrumb a {
    color: #5c6670;
}

/* ============================================================
   PAGE NAVIGATION (per-page / sort / grid-list)
   ============================================================ */
.frmPageNav {
    border-top: 1px solid #f6a802;
}
.frmPageNav .btn-default {
    color: #fff;
    background-color: #5c6670;
    border-color: #5c6670;
}
.frmPageNav .layoutButtons .pageView button.modeset {
    background-color: #5c6670;
    border-color: #5c6670;
}
.frmPageNav .layoutButtons .pageView button.modeset i {
    color: #fff;
}
.frmPageNav .layoutButtons .pageView button {
    background-color: #cbcacf;
    border-color: #cbcacf;
}
.frmPageNav .layoutButtons .pageView .fa {
    color: #fff;
}
.frmPageNav select.btn-default:hover,
.frmPageNav select.btn-default:active,
.frmPageNav select.btn-default:focus {
    background: #000 !important;
}

/* ============================================================
   CATEGORY PAGE
   ============================================================ */
.category-head h1.main-heading {
    font-size: 22px;
    font-weight: normal;
    color: #5c6670;
}
.category-head div.cat-description {
    color: #5c6670;
}
.category-box {
    border: 1px solid #cbcacf;
    text-align: center;
}
.category-box a {
    color: #5c6670;
}
.category-box a:hover,
.category-box a:active,
.category-box a:focus {
    color: #f6a802;
}
.category-box .cat-caption h2 {
    font-size: 18px;
    font-weight: 600;
}
.grouped-category-box {
    border: 1px solid #cbcacf;
    text-align: center;
}
.grouped-category-box h2 {
    color: #5c6670;
    font-weight: 600;
    font-size: 18px;
}
.grouped-category-box:hover h2 {
    text-decoration: underline !important;
    color: #f6a802;
}
.grouped-cat-caption {
    height: 90px;
}

/* ============================================================
   PRODUCT LIST (grid + list views)
   ============================================================ */
h1.main-heading {
    color: #5c6670;
    font-weight: 600;
}
.product-box {
    border: 1px solid #cbcacf;
}
.product-box a {
    color: #5c6670;
}
.product-box:hover h2 {
    text-decoration: underline !important;
    color: #f6a802;
}
.product-box .product-caption h2 {
    font-size: 18px;
    font-weight: 600;
}
.product-box .grid-view-buttons .code {
    color: #5c6670;
    font-size: 14px;
    font-weight: 600;
}
.product-box .grid-view-buttons .add .price-block .price {
    color: #5c6670;
    font-weight: 600;
}
.product-box .grid-view-buttons .add .discounttext {
    font-weight: normal;
}
.list-view .rowborder {
    border: 1px solid #cbcacf;
}
.list-view .rowborder a {
    text-decoration: none !important;
    color: #5c6670;
    font-weight: 600;
}
.list-view .code,
.list-view .price-label {
    color: #5c6670;
    font-size: 14px;
    font-weight: 600;
}
.price-label .discounttext {
    font-weight: normal;
    color: red;
}
.quotesubmitinput-prodlist,
.wishlistsubmitinput-prodlist,
.addFavourite,
.moveFavourite {
    font-weight: 600;
    border-color: transparent !important;
}
.quotesubmitinput-prodlist:hover,
.quotesubmitinput-prodlist:active,
.quotesubmitinput-prodlist:focus,
.addFavourite:hover,
.moveFavourite:hover {
    color: #000 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none;
}

/* ============================================================
   PRODUCT GROUP (table + dropdown)
   ============================================================ */
.grpprice .price {
    color: #5c6670;
    font-weight: 600;
    font-size: 14px;
}
.stcode a {
    color: #5c6670;
    font-size: 12px;
    font-weight: 600;
}
.image {
    border: 1px solid #fff;
}
.altimg {
    border: 1px solid #cbcacf;
    width: 107px;
    height: 107px;
}
.altimg:hover {
    border: 1px solid #f6a802;
}
.table > thead > tr > th {
    border-bottom: 2px solid #5c6670;
}
.table > thead > tr > th,
.table > tbody > tr > td {
    border-top: 1px solid #cbcacf;
}
.table.group thead tr th,
.table.group tbody tr td {
    color: #5c6670;
}
.table.group tbody tr td.code a {
    color: #5c6670;
    font-weight: 600;
}
.table.group tbody tr td.code a:hover,
.table.group tbody tr td.code a:focus {
    color: #f6a802;
}

/* ============================================================
   PRODUCT PAGE
   ============================================================ */
.pdetails {
    border: 1px solid #cbcacf;
}
.pdetails .main-heading {
    color: #5c6670;
    font-weight: 600;
    font-size: 18px;
}
.pdetails .code {
    color: #5c6670;
    font-size: 16px;
}
.pdetails .add .price {
    color: #5c6670;
    font-weight: 600;
    font-size: 16px;
}
.pdetails .add .discounttext {
    font-size: 14px;
    font-weight: normal;
    color: red;
}
#accordion .panel {
    border: 1px solid #cbcacf;
}
#accordion .panel .panel-heading {
    border-bottom: 1px solid #cbcacf;
    background-color: #cbcacf;
}
#accordion .panel-default > .panel-heading a {
    color: #5c6670;
    text-decoration: none !important;
}
#accordion .panel-default > .panel-heading:hover,
#accordion .panel-default > .panel-heading:active,
#accordion .panel-default > .panel-heading:focus {
    background-color: #5c6670;
}
#accordion .panel-default > .panel-heading:hover a,
#accordion .panel-default > .panel-heading:active a,
#accordion .panel-default > .panel-heading:focus a {
    color: #fff;
}
#accordian-desc,
#accordian-spec,
#accordian-files {
    color: #5c6670 !important;
}

/* ============================================================
   BASKET + CHECKOUT
   ============================================================ */
.my-basket h1.page-title {
    color: #5c6670;
}
#editbaskettable tr th {
    color: #5c6670;
}
#editbaskettable > tbody > tr > td.basketdesccol > a,
#editbaskettable > tbody > tr > td.basketstockcodecol > a {
    color: #5c6670;
    font-weight: 600;
}
#editbaskettable > tbody > tr > td.basketdesccol > a:hover,
#editbaskettable > tbody > tr > td.basketstockcodecol > a:hover {
    color: #f6a802;
}
#checkoutcountryselect {
    color: #fff;
    background-color: #5c6670;
}
#checkoutcountryselect:hover {
    background-color: #000;
}
#registeraccepttermslabel a {
    color: #5c6670;
    font-weight: 600;
}
#registeraccepttermslabel a:hover {
    color: #f6a802;
}

/* ============================================================
   RELATED PRODUCTS / UPSELL
   ============================================================ */
.suggestedbox .suggested {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #cbcacf;
    color: #5c6670;
}
.suggestedbox .suggested-container {
    border: 1px solid #cbcacf;
}
.suggestedbox .suggested-container .suggested-caption h3 {
    font-weight: 600;
    color: #5c6670;
}
.suggestedbox .suggested-container:hover .suggested-caption h3 {
    color: #f6a802;
    text-decoration: underline;
}
.suggested-box-price {
    color: #5c6670;
    font-size: 14px;
    font-weight: 600;
}
.suggested-box-price .discounttext {
    color: red;
    font-weight: normal;
}
.suggested-box-price a:hover {
    color: #f6a802 !important;
    text-decoration: underline !important;
}

/* ============================================================
   NEWS / SIDEBAR
   ============================================================ */
#newsarticles-sidebar .panel-body h4 button:hover,
#newsarticles-sidebar .panel-body h4 button:active,
#newsarticles-sidebar .panel-body h4 button:focus {
    outline: none;
    text-decoration: underline;
    color: #f6a802;
}
#newsarticles-sidebar .text img,
.staticcontent .post-text img {
    max-width: 100%;
}
div.staticcontent img {
    max-width: 100%;
}
.staticcontent ul {
    list-style: outside;
    padding-left: 40px;
}

/* ============================================================
   HOMEPAGE
   ============================================================ */
#home-sub-adds img {
    border: 0;
}

/* ============================================================
   MISC FIXES
   ============================================================ */
.guestcheckout {
    margin-top: 20px;
}
#loginform .bottom {
    padding-top: 20px;
}
.fgpass {
    padding-left: 15px;
}
@media only screen and (max-height: 375px) {
    .navbar-collapse {
        max-height: 265px;
    }
}

/* Pricing breaks table — undo core overrides */
#quantitybreaktable th {
    background: none;
    border: none;
    border-top: none;
    padding: 8px;
    font-size: inherit;
}