/* HealthcareStore: Citadel store CSS recolored to navy #0B1A3F + green #0A8A45 (2026-11-09) */
.zoom:hover {
    background: #0B1A3F;
    background: rgba(11, 26, 63, 0.75);
  }
  .page-section-header {
    color: #0B1A3F;
  }  
  .card-title a.btn-link {
    color: #0A8A45;
  }
  .card-title a.btn-link:hover {
    color: #0B1A3F;
  }
  a:hover {
    color: #0B1A3F;
    text-decoration: none;
  }
  .btn-primary {
    background: #0B1A3F;
    border-color: #0B1A3F;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #1B3A7A;
    border-color: #1B3A7A;
  }
  .btn-primary.disabled, .btn-primary:disabled {
    background: #0B1A3F;
    border-color: #0B1A3F;
    color: #ffffff;
    opacity: 0.65;
    filter: alpha(opacity=65);
  }  
  .btn-info {
    background: #0A8A45;
    border-color: #0A8A45;
    color: #fff;
  }
  .btn-info:hover, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active:focus {
    background: #087A3C;
    border-color: #087A3C;
    color: #fff;
  }
  .btn-info.disabled, .btn-info:disabled {
    background: #0A8A45;
    border-color: #0A8A45;
    opacity: 0.65;
    filter: alpha(opacity=65);
    color: #fff;
  }  
  .btn-success {
    background: #0B1A3F;
    border-color: #0B1A3F;
  }
  .btn-success:hover, .btn-success:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active:focus {
    background: #1B3A7A;
    border-color: #1B3A7A;
  }
  .btn-success.disabled, .btn-success:disabled {
    background: #0B1A3F;
    border-color: #0B1A3F;
    opacity: 0.65;
    filter: alpha(opacity=65);
  }  
  /***** Outline Button ******/
  .btn-outline-primary {
    background: transparent;
    border-color: #0B1A3F;
    color: #0B1A3F;
  }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    background: #0B1A3F;
    color: #ffffff;
    border-color: #0B1A3F;
  }  
  .btn-outline-info {
    background: transparent;
    border-color: #0A8A45;
    color: #0A8A45;
  }
  .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active:focus {
    background: #0A8A45;
    color: #fff;
    border-color: #0A8A45;
  }  
  /***** Link Button ******/  
  .btn-link:hover, .btn-link:focus {
    color: #0A8A45;
  }
  .btn-link:disabled, .btn-link.disabled {
    color: #0A8A45;
  }  
  /***** Border Color *****/
  .border-primary {
    border-color: #0B1A3F !important;
  }  
  .border-info {
    border-color: #0A8A45 !important;
  }  
  /***** Text Color *****/
  .text-primary {
    color: #0B1A3F !important;
  }  
  .text-info {
    color: #0A8A45 !important;
  }  
  .text-secondary {
    color: #000000 !important;
  }  
  /* Badge CSS */
  .badge-primary {
    background: #0B1A3F;
  }  
  .badge-info {
    background: #0A8A45;
    color: #000000;
    font-weight: normal;
  }  
  /***** Text-Color with Anchor Tag *****/
  a.text-primary:hover, a.text-primary:focus {
    color: #1B3A7A !important;
  }  
  a.text-info:hover, a.text-info:focus {
    color: #087A3C !important;
  }  
  /***** background-Color *****/
  .bg-primary {
    background-color: #0B1A3F !important;
  }  
  .bg-info {
    background-color: #0A8A45 !important;
  }  
  /***** Dropdown-color *****/
  .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
    background-Color: #fff;
    color: #0A8A45 !important;
  }  
  .bootstrap-select .dropdown-menu li.active small, .bootstrap-select .dropdown-menu li:hover small {
    color: #0A8A45 !important;
  } 
  .bootstrap-select .dropdown-toggle {
    line-height: 26px;
  }
  .bootstrap-select .dropdown-toggle small {
    color: #0A8A45 !important;
  }  
  /***** Radio button color *****/
  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0B1A3F;
    border-color: #0B1A3F;
    box-shadow: none;
  }  
  /***** Checkbox color *****/
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0B1A3F;
    border-color: #0B1A3F;
    box-shadow: none;
  }  
  /***** Input border-color on focus *****/
  .form-control:focus {
    border-color: #0B1A3F;
  }  
  .form-group .input-valid ~ .col-form-label {
    color: #0B1A3F;
  }  
  /**** pagination ****/
  .page-item.active .page-link, .page-item:hover .page-link {
    background: #0B1A3F;
    border-color: #0B1A3F;
    color: #ffffff;
  }  
  /**** search dropdown****/ 
  .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong,
  .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor a {
    color: #0A8A45 !important;
  }
  .tt-dropdown-menu .tt-suggestion a:hover {
    color: #0A8A45 !important;
  }
  .tt-dropdown-menu .tt-suggestion:hover strong {
    color: #0A8A45 !important;
  }  
  /**** Account Page CSS ****/
  .account-links a:hover .fa-kit, .account-links a:hover span {
    color: #0A8A45;
  }  
  .account_dashboard_box h4 {
    color: #0A8A45;
  }  
  /**** JQUERY UPLOADER START ****/
  .bar {
    background-color: #0B1A3F;
  }
  .HomePage_Title h1:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #0A8A45;
    margin: 0 auto;
  }
  .main_title h2:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #0A8A45;
    margin: 0 auto;
  }
  .accordion-menu .list-group-item > a:hover, .accordion-menu .list-group-item > a[aria-expanded=true],
  .accordion .list-group-item > a:hover,
  .accordion .list-group-item > a[aria-expanded=true] {
    color: #0A8A45 !important;
  }
  .sidebar .card .card-header .card-title {
    font-family: "nunitoregular", sans-serif;
    color: #0B1A3F;
  }
  .sidebar .card .card-body {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }
  .sidebar .list-group-item ul li:hover > a, .sidebar .list-group-item ul li.active > a {
    color: #0A8A45 !important;
  }
 
  #straightmenu .list-group .list-group-item > a:hover {
    color: #0A8A45 !important;
  }
 
  #straightmenu .list-group .list-group-item .list-unstyled li.active > a, #straightmenu .list-group .list-group-item .list-unstyled li:hover > a {
    color: #0A8A45 !important;
  }

  #straightmenu .list-group.list-group-flush li:not(.list-group-item) a:hover {
    color: #0A8A45 !important;
  }
  #cssmenu .list-group-item > ul li:hover > a {
    color: #0A8A45 !important;
    padding-left: 1.5rem;
  }
  #cssmenu .list-group-item > ul li.active a {
    color: #0A8A45 !important;
    padding-left: 1.5rem;
  }
  #cssmenu .list-group-item:hover > a {
    color: #0A8A45 !important;
  }
  #price_calculator #producttotalprice {
    color: #0A8A45 !important;
  }
  #product-info .actionbtn {
    background: #0A8A45;
    border-color: #0A8A45;
    color: #000000;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
  }
  #product-info .actionbtn:hover, #product-info .actionbtn:focus, #product-info .actionbtn:not(:disabled):not(.disabled):active, #product-info .actionbtn:not(:disabled):not(.disabled).active, #product-info .actionbtn:not(:disabled):not(.disabled):active:focus {
    background: #ff079a;
    background: #ff079a;
    color: #000000;
  }
  #product-info .actionbtn.disabled, #product-info .actionbtn:disabled {
    background: #0A8A45;
    border-color: #0A8A45;
    opacity: 0.65;
    filter: alpha(opacity=65);
    color: #000000;
  }
  .navbar .navbar-nav .nav-item:hover > .nav-link, .navbar .navbar-nav .nav-item.active > .nav-link {
    color: #0B1A3F !important;
  }
  .navbar .navbar-nav .nav-item.show > .nav-link {
    color: #0B1A3F !important;
    background: #ffffff;
    border-color: #0B1A3F;
  } 
  .navbar .navbar-nav .nav-item .dropdown-menu li:hover {
    border-color: #0B1A3F;
  }
  .navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item {
    color: #0B1A3F !important;
    background: #ffffff;
  }
  .navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item:after {
    color: #0B1A3F;
  }
  .navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li > a:focus {
    background: transparent;
    color: #0A8A45 !important;
  } 
  .navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover > a {
    background: transparent;
    color: #0B1A3F !important;
  }
  .navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover > a strong {
    color: #0B1A3F !important;
  }

  .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover > a, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active > a {
    color: #0B1A3F !important;
  }
  .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover > a:after, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active > a:after {
    color: #0B1A3F;
  }

  .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .list-unstyled li a:hover {
    color: #0B1A3F !important;
  }  
  #product_price h4,
  #faq_details h4 {
    color: #0B1A3F !important;
  }
  /* Date Picker CSS */
  .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background: #0A8A45;
  }
  .treeview li .act {
    color: #0A8A45 !important;
  }
  .treeview li a:hover {
    color: #0A8A45 !important;
  }
  #category_list a:hover, #category_list a.act {
    color: #0B1A3F;
  }
  #designer_template_category li a:hover, #designer_template_category li a.p_act {
    color: #0A8A45;
  }
  .form-control:focus + .input-group-append .input-group-text {
    border-color: #0A8A45;
  }
  .form-control:focus ~ .col-form-label {
    color: #0A8A45;
  }
  .browse_design a,
  .upload_design a,
  .custom_design a,
  .hire_designer a,
  .quote_product a {
    padding: 0.1rem 1rem 0.1rem 0 !important;
    margin-left: 1rem;
    position: relative;
    z-index: 9;
    background: #e5f5f4;
    color: #0A8A45 !important;
  }
  .browse_design:hover a .media-body span,
  .upload_design:hover a .media-body span,
  .custom_design:hover a .media-body span,
  .hire_designer:hover a .media-body span,
  .quote_product:hover a .media-body span {
    color: #0B1A3F;
  }
  .allbtn a:hover {
    color: #0B1A3F !important;
  }
  .btn-title-text.browse_design a {
    background: #0B1A3F !important;
    border-color: #0B1A3F;
  }
  .btn-title-text.browse_design:hover a .h4,
  .btn-title-text.browse_design:hover a i {
    color: #0B1A3F !important;
  }
  .btn-title-text.upload_design a {
    background: #0A8A45 !important;
    border-color: #0A8A45;
  }
  .btn-title-text.upload_design:hover a .h4,
  .btn-title-text.upload_design:hover a i {
    color: #0A8A45 !important;
  }
  .btn-title-text.hire_designer a {
    background: #0A8A45 !important;
    border-color: #0A8A45;
  }
  .btn-title-text.hire_designer:hover a .h4,
  .btn-title-text.hire_designer:hover a i {
    color: #0A8A45 !important;
  }
  .btn-title-text.quote_product a .h4 {
    color: #0B1A3F !important;
  }
  .btn-title-text.quote_product:hover a {
    background: transparent !important;
    border-color: #0B1A3F;
  }
  .btn-title-text.quote_product:hover a .h4 {
    color: #0B1A3F !important;
  }
  .flip3d .card-header {
    background: #0B1A3F;
    padding: 0.8rem 1rem !important;
  }
 
  .product-box .card.slide-hover {
    border-color: #0B1A3F;
  }
  .product-box .card.slide-hover .card-body .card-text {
    background: #0B1A3F;
    background: rgba(11, 26, 63, 0.8);
  }
  .product-box .card.slide-hover .card-body .card-title {
    background: #0B1A3F !important;
    color: #ffffff !important;
    font-size: 16px;
    font-size: 1rem;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
  }
  .product-box .card.slide-hover .card-body .card-title:after {
    background: #0090c6;
    padding: 1rem;
    line-height: 1;
  }
  .product-box .card.slideup:hover {
    border-color: #0B1A3F;
  }
  .product-box .card.slideup .card-body {
    background: #0B1A3F !important;
  }
  #InfoTab .nav-tabs {
    background: #fff;
    border-bottom-color: rgba(11, 26, 63, 0.3);
  }
  #InfoTab .nav-tabs .nav-item .nav-link.active, #InfoTab .nav-tabs .nav-item .nav-link:hover {
    color: #0B1A3F;
  }
  #InfoTab .nav-tabs .nav-item .nav-link.active {
    font-family: "nunitosemibold", sans-serif;
    border-color: rgba(11, 26, 63, 0.3);
  }
  #InfoTab .tab-content {
    border: 1px solid rgba(11, 26, 63, 0.3);
    border-top: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .nav-customtabs li .nav-link.active, .nav-customtabs li .nav-link:hover {
    color: #0A8A45;
  }
  .nav-customtabs li .nav-link.active:after, .nav-customtabs li .nav-link:hover:after {
    background: #0A8A45;
    width: 50%;
    margin: 0 auto;
  }
  #myaccount_menu li.active a, #myaccount_menu li:hover a {
    color: #0B1A3F !important;
  }  
  .breadcrumb_container .breadcrumb li a:hover {
    color: #0A8A45;
  }
  .breadcrumb_container .breadcrumb li.active .a {
    color: #0A8A45;
  }
  .top-header .top_header a .text-call {
    color: #0B1A3F;
  }
  .top-header .top_header a:hover {
    color: #0A8A45;
  }
  .top-header .top_header a:hover .text-call {
    color: #0A8A45;
  }
  .top-header .top-links li a span {
    color: #0B1A3F;
  }
  .top-header .top-links li a .text-call {
    color: #0B1A3F;
  }
  .top-header .top-links li a:hover {
    color: #0A8A45;
  }
  .top-header .top-links li a:hover span {
    color: #0A8A45;
  }
  .top-header .top-links li a:hover span .badge {
    color: #ffffff;
  }
  .top-header .top-links li a:hover .text-call {
    color: #0A8A45;
  }
  .my_account .navbar-cart {
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    background: #ffffff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #0B1A3F;
    text-align: center;
    margin-left: 0.5rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .my_account .navbar-cart:hover {
    border-color: #0A8A45;
    background: #fff;
    color: #0A8A45;
  } 
  .header-content .services_resources .service_box:hover span .path1:before,
  .header-content .services_resources .service_box:hover span .path2:before {
    color: #0A8A45;
    -moz-transform: translate(0px, 10px);
    -o-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    -webkit-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
  }  
  /*** middle footer css**/
  .client_testimonial_section small:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #0B1A3F;
    display: block;
    position: absolute;
    top: 26px;
    left: 35px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
  }  
  .partner_section .partner_logo .slick-arrow.slick-prev:before, .partner_section .partner_logo .slick-arrow.slick-next:before {
    font-family: "Font Awesome 6 Pro";
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 0.2;
    color: #0B1A3F;
    opacity: 1;
    font-weight: 300;
  }  
  .partner_section .partner_logo .slick-arrow:hover.slick-prev:before, .partner_section .partner_logo .slick-arrow:hover.slick-next:before {
    color: #0A8A45;
  }
  footer .social_icon li a:hover i {
    color: #0B1A3F;
    transition: all 265ms ease-in;
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 265ms ease-in;
    -moz-transition: all 265ms ease-in;
    -ms-transition: all 265ms ease-in;
    -o-transition: all 265ms ease-in;
    transition: all 265ms ease-in;
  }
  footer p a {
    color: #0A8A45;
  }
  footer p a:hover {
    color: #0B1A3F;
  }  
  #sitemap ul li a:hover {
    color: #0A8A45;
  }  
  #faq_details .card-title a:hover,
  #product_price_with_category .card-title a:hover,
  .code-default .card-title a:hover {
    color: #0A8A45 !important;
  } 
  @media only screen and (min-width: 768px) {    
    .navbar {
      background: #0B1A3F;
    }    
    .navbar .navbar-nav .nav-item:hover > .nav-link, .navbar .navbar-nav .nav-item.active > .nav-link {
      color: rgba(255, 255, 255, 0.8) !important;
    }
    .navbar .navbar-nav .nav-item.show > .nav-link {
      color: #0B1A3F !important;
    }
  }
  .navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item::before {
    background-color: #0B1A3F;
  }
  
  .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu{
      max-height: 550px;
  overflow: scroll;
  }
  
  .navbar-nav .nav-item.submenu_custom_link > .dropdown-menu{
      min-width: 255px;
  }

  /*# sourceMappingURL=theme.css.map */

/* HealthcareStore header fix (2026-11-09): keep logo, search and top links on one row; shorten long department names */
@media (min-width: 992px) {
  .top-header .container { flex-wrap: nowrap !important; }
  .top-header .navbar-brand { flex: 0 0 auto; }
  .top-header .header-search { min-width: 200px; }
  .top-header .top-links { white-space: nowrap; }
  .top-header .top-links .navbar-text .dropdown-toggle { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
}
@media (min-width: 992px) {
  .top-header .top-links > li > a > i { display: inline-block !important; font-size: 18px !important; margin-right: 6px; vertical-align: middle; }
  .top-header .top-links > li > a { display: inline-flex; align-items: center; position: relative; }
  .top-header .top-links .cart_count { position: absolute; top: -8px; left: 10px; font-size: 10px; }
  .top-header .header-search { width: 300px; max-width: 300px; }
}
@media (min-width: 992px) {
  .top-header .top-links .navbar-text { display: inline-flex !important; flex-direction: column; line-height: 1.25; }
  .top-header .top-links .navbar-text .dropdown-toggle { max-width: 170px; }
  .top-header .header-search { width: 260px; max-width: 260px; }
}
@media (min-width: 992px) {
  nav.navbar .navbar-nav > li > a { padding-left: 16px !important; padding-right: 16px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-header .header-search { width: 170px; max-width: 170px; min-width: 0; }
  .top-header .top-links > li { margin-right: 4px !important; }
  .top-header .top-links > li > a, .top-header .top-links .navbar-text { font-size: 13px; }
  .top-header .top-links > li > a > i { font-size: 15px !important; margin-right: 4px; }
  .top-header .top-links .navbar-text .dropdown-toggle { max-width: 120px; }
  .top-header .navbar-brand img { max-width: 170px; height: auto; }
}
@media (min-width: 992px) {
  .top-header .navbar-brand { margin-right: 28px !important; }
  .top-header .header-search { margin-right: 20px; }
  .top-header .top-links > li + li { margin-left: 6px !important; }
}
@media (min-width: 1200px) {
  .top-header .header-search { width: 230px; max-width: 230px; margin-right: 12px; }
  .top-header .navbar-brand { margin-right: 20px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-header .navbar-brand { margin-right: 14px !important; }
  .top-header .header-search { margin-right: 8px; }
}
/* Welcome bar above the header (2026-11-09) */
@media (min-width: 992px) {
  .top-header { position: relative; padding-top: 34px; }
  .top-header::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 34px; background: #F3F6FA; border-bottom: 1px solid #E1E7F0; }
  .top-header .container { position: static !important; }
  .top-header .top-links li.dropdown { position: static !important; }
  .top-header .top-links .navbar-text { position: absolute !important; top: 0; right: calc(50% - 555px); height: 34px; display: flex !important; flex-direction: row !important; align-items: center; gap: 6px; font-size: 13px; color: #3B4A6B; white-space: nowrap; z-index: 20; }
  .top-header .top-links .navbar-text .dropdown-toggle { max-width: none !important; overflow: visible; font-weight: 700; color: #0B1A3F; }
  .top-header .top-links .navbar-text .dropdown-menu { top: 100%; right: 0; left: auto; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-header .top-links .navbar-text { right: calc(50% - 465px); }
}
@media (min-width: 992px) {
  .top-header .top-links > li > a > i.fa-shopping-cart { margin-right: 12px; }
  .top-header .top-links > li + li { margin-left: 18px !important; }
}
@media (min-width: 1200px) {
  .top-header .header-search { width: 320px; max-width: 320px; }
}
/* Account dropdown above the sticky menu bar */
.top-header .navbar-text { z-index: 1001 !important; }
/* Per-brand header logo (store Custom JS): hide the default logo until the script swaps it; show it anyway after 1.5s */
html:not(.hc-logo-ready) a.navbar-brand img { visibility: hidden; animation: hcLogoShow 0s 1.5s forwards; }
@keyframes hcLogoShow { to { visibility: visible; } }
/* Store login page: no logo (Aaron 2026-11-09) */
.corp_logo img { display: none !important; }
.corp_logo::after { content: 'BUILDING ORDERING PORTAL'; display: block; font-size: 21px; font-weight: 800; letter-spacing: 1.5px; white-space: nowrap; color: #0B1A3F; text-align: center; margin: 8px 0 4px; }
/* Contact Us page: message only, no contact form (Aaron 2026-11-09) */
#contact_us_frm { display: none !important; }
/* Header v3 (Aaron 2026-11-09): no welcome strip, welcome next to cart, logo tile */
.top-header { padding-top: 0 !important; }
.top-header > .container { min-height: 104px; }
.top-header::before { display: none !important; }
.top-header .top-links .navbar-text { position: relative !important; top: auto !important; right: auto !important; height: auto !important; display: inline-flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; line-height: 1.25; padding-left: 16px; margin-left: 4px; border-left: 1px solid #E1E7F0; font-size: 12px; color: #6B7A90; }
.top-header .top-links .navbar-text .dropdown-toggle { max-width: 260px !important; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
/* ===== Default brand colors (navy #0A2A4B + gold #EFB51A), loaded with the page so there is no green flash.
   Same rules as the Custom JS hc-brand-theme template, filled with the standard palette. Allegiance/Century still switch via JS. */
.zoom:hover{background: #0A2A4B}
.page-section-header{color: #0A2A4B}
.card-title a.btn-link{color: #B07E06}
.card-title a.btn-link:hover{color: #0A2A4B}
a:hover{color: #0A2A4B}
.btn-primary{background: #0A2A4B;border-color: #0A2A4B}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus{background: #1E4775;border-color: #1E4775}
.btn-primary.disabled, .btn-primary:disabled{background: #0A2A4B;border-color: #0A2A4B}
.btn-info{background: #EFB51A;border-color: #EFB51A;color: #0A2A4B}
.btn-info:hover, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active:focus{background: #D9A20F;border-color: #D9A20F}
.btn-info.disabled, .btn-info:disabled{background: #EFB51A;border-color: #EFB51A;color: #0A2A4B}
.btn-success{background: #0A2A4B;border-color: #0A2A4B}
.btn-success:hover, .btn-success:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active:focus{background: #1E4775;border-color: #1E4775}
.btn-success.disabled, .btn-success:disabled{background: #0A2A4B;border-color: #0A2A4B}
.btn-outline-primary{border-color: #0A2A4B;color: #0A2A4B}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus{background: #0A2A4B;border-color: #0A2A4B}
.btn-outline-info{border-color: #EFB51A;color: #B07E06}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active:focus{background: #EFB51A;color: #0A2A4B;border-color: #EFB51A}
.btn-link:hover, .btn-link:focus{color: #B07E06}
.btn-link:disabled, .btn-link.disabled{color: #B07E06}
.border-primary{border-color: #0A2A4B !important}
.border-info{border-color: #EFB51A !important}
.text-primary{color: #0A2A4B !important}
.text-info{color: #B07E06 !important}
.badge-primary{background: #0A2A4B}
.badge-info{background: #EFB51A}
a.text-primary:hover, a.text-primary:focus{color: #1E4775 !important}
a.text-info:hover, a.text-info:focus{color: #B07E06 !important}
.bg-primary{background-color: #0A2A4B !important}
.bg-info{background-color: #EFB51A !important}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active{color: #B07E06 !important}
.bootstrap-select .dropdown-menu li.active small, .bootstrap-select .dropdown-menu li:hover small{color: #B07E06 !important}
.bootstrap-select .dropdown-toggle small{color: #B07E06 !important}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{background-color: #0A2A4B;border-color: #0A2A4B}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background-color: #0A2A4B;border-color: #0A2A4B}
.form-control:focus{border-color: #0A2A4B}
.form-group .input-valid ~ .col-form-label{color: #0A2A4B}
.page-item.active .page-link, .page-item:hover .page-link{background: #0A2A4B;border-color: #0A2A4B}
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong,
  .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor a{color: #B07E06 !important}
.tt-dropdown-menu .tt-suggestion a:hover{color: #B07E06 !important}
.tt-dropdown-menu .tt-suggestion:hover strong{color: #B07E06 !important}
.account-links a:hover .fa-kit, .account-links a:hover span{color: #B07E06}
.account_dashboard_box h4{color: #B07E06}
.bar{background-color: #0A2A4B}
.HomePage_Title h1:after{background: #EFB51A}
.main_title h2:after{background: #EFB51A}
.accordion-menu .list-group-item > a:hover, .accordion-menu .list-group-item > a[aria-expanded=true],
  .accordion .list-group-item > a:hover,
  .accordion .list-group-item > a[aria-expanded=true]{color: #B07E06 !important}
.sidebar .card .card-header .card-title{color: #0A2A4B}
.sidebar .list-group-item ul li:hover > a, .sidebar .list-group-item ul li.active > a{color: #B07E06 !important}
#straightmenu .list-group .list-group-item > a:hover{color: #B07E06 !important}
#straightmenu .list-group .list-group-item .list-unstyled li.active > a, #straightmenu .list-group .list-group-item .list-unstyled li:hover > a{color: #B07E06 !important}
#straightmenu .list-group.list-group-flush li:not(.list-group-item) a:hover{color: #B07E06 !important}
#cssmenu .list-group-item > ul li:hover > a{color: #B07E06 !important}
#cssmenu .list-group-item > ul li.active a{color: #B07E06 !important}
#cssmenu .list-group-item:hover > a{color: #B07E06 !important}
#price_calculator #producttotalprice{color: #B07E06 !important}
#product-info .actionbtn{background: #EFB51A;border-color: #EFB51A}
#product-info .actionbtn.disabled, #product-info .actionbtn:disabled{background: #EFB51A;border-color: #EFB51A}
.navbar .navbar-nav .nav-item:hover > .nav-link, .navbar .navbar-nav .nav-item.active > .nav-link{color: #0A2A4B !important}
.navbar .navbar-nav .nav-item.show > .nav-link{color: #0A2A4B !important;border-color: #0A2A4B}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover{border-color: #0A2A4B}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item{color: #0A2A4B !important}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item:after{color: #0A2A4B}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li > a:focus{color: #B07E06 !important}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover > a{color: #0A2A4B !important}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover > a strong{color: #0A2A4B !important}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover > a, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active > a{color: #0A2A4B !important}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover > a:after, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active > a:after{color: #0A2A4B}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .list-unstyled li a:hover{color: #0A2A4B !important}
#product_price h4,
  #faq_details h4{color: #0A2A4B !important}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background: #EFB51A}
.treeview li .act{color: #B07E06 !important}
.treeview li a:hover{color: #B07E06 !important}
#category_list a:hover, #category_list a.act{color: #0A2A4B}
#designer_template_category li a:hover, #designer_template_category li a.p_act{color: #B07E06}
.form-control:focus + .input-group-append .input-group-text{border-color: #EFB51A}
.form-control:focus ~ .col-form-label{color: #B07E06}
.browse_design a,
  .upload_design a,
  .custom_design a,
  .hire_designer a,
  .quote_product a{color: #B07E06 !important}
.browse_design:hover a .media-body span,
  .upload_design:hover a .media-body span,
  .custom_design:hover a .media-body span,
  .hire_designer:hover a .media-body span,
  .quote_product:hover a .media-body span{color: #0A2A4B}
.allbtn a:hover{color: #0A2A4B !important}
.btn-title-text.browse_design a{background: #0A2A4B !important;border-color: #0A2A4B}
.btn-title-text.browse_design:hover a .h4,
  .btn-title-text.browse_design:hover a i{color: #0A2A4B !important}
.btn-title-text.upload_design a{background: #EFB51A !important;border-color: #EFB51A}
.btn-title-text.upload_design:hover a .h4,
  .btn-title-text.upload_design:hover a i{color: #B07E06 !important}
.btn-title-text.hire_designer a{background: #EFB51A !important;border-color: #EFB51A}
.btn-title-text.hire_designer:hover a .h4,
  .btn-title-text.hire_designer:hover a i{color: #B07E06 !important}
.btn-title-text.quote_product a .h4{color: #0A2A4B !important}
.btn-title-text.quote_product:hover a{border-color: #0A2A4B}
.btn-title-text.quote_product:hover a .h4{color: #0A2A4B !important}
.flip3d .card-header{background: #0A2A4B}
.product-box .card.slide-hover{border-color: #0A2A4B}
.product-box .card.slide-hover .card-body .card-text{background: #0A2A4B}
.product-box .card.slide-hover .card-body .card-title{background: #0A2A4B !important}
.product-box .card.slideup:hover{border-color: #0A2A4B}
.product-box .card.slideup .card-body{background: #0A2A4B !important}
#InfoTab .nav-tabs .nav-item .nav-link.active, #InfoTab .nav-tabs .nav-item .nav-link:hover{color: #0A2A4B}
.nav-customtabs li .nav-link.active, .nav-customtabs li .nav-link:hover{color: #B07E06}
.nav-customtabs li .nav-link.active:after, .nav-customtabs li .nav-link:hover:after{background: #EFB51A}
#myaccount_menu li.active a, #myaccount_menu li:hover a{color: #0A2A4B !important}
.breadcrumb_container .breadcrumb li a:hover{color: #B07E06}
.breadcrumb_container .breadcrumb li.active .a{color: #B07E06}
.top-header .top_header a .text-call{color: #0A2A4B}
.top-header .top_header a:hover{color: #B07E06}
.top-header .top_header a:hover .text-call{color: #B07E06}
.top-header .top-links li a span{color: #0A2A4B}
.top-header .top-links li a .text-call{color: #0A2A4B}
.top-header .top-links li a:hover{color: #B07E06}
.top-header .top-links li a:hover span{color: #B07E06}
.top-header .top-links li a:hover .text-call{color: #B07E06}
.my_account .navbar-cart{color: #0A2A4B}
.my_account .navbar-cart:hover{border-color: #EFB51A;color: #B07E06}
.header-content .services_resources .service_box:hover span .path1:before,
  .header-content .services_resources .service_box:hover span .path2:before{color: #B07E06}
.client_testimonial_section small:before{background-color: #0A2A4B}
.partner_section .partner_logo .slick-arrow.slick-prev:before, .partner_section .partner_logo .slick-arrow.slick-next:before{color: #0A2A4B}
.partner_section .partner_logo .slick-arrow:hover.slick-prev:before, .partner_section .partner_logo .slick-arrow:hover.slick-next:before{color: #B07E06}
footer .social_icon li a:hover i{color: #0A2A4B}
footer p a{color: #B07E06}
footer p a:hover{color: #0A2A4B}
#sitemap ul li a:hover{color: #B07E06}
#faq_details .card-title a:hover,
  #product_price_with_category .card-title a:hover,
  .code-default .card-title a:hover{color: #B07E06 !important}
.navbar{background: #0A2A4B}
.navbar .navbar-nav .nav-item.show > .nav-link{color: #0A2A4B !important}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item::before{background-color: #0A2A4B}
.top-header .top-links .navbar-text .dropdown-toggle{color: #0A2A4B}
.corp_logo::after{color: #0A2A4B}
.navbar .navbar-nav .nav-item:hover > .nav-link,.navbar .navbar-nav .nav-item.active > .nav-link,.navbar .navbar-nav .nav-item.show > .nav-link{color:#fff !important;background:#1E4775 !important}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item,.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,.navbar .navbar-nav .dropdown-menu .dropdown-item:focus{color:#0A2A4B !important;background:#EEF2F7 !important}
/* ===== end default brand colors */

/* ===== Mobile header (Aaron 2026-11-09): white header so the dark icons show, logo tile inline, no slider arrows over text */
@media (max-width: 991px) {
  nav.navbar.sticky-top { background: #fff !important; border-bottom: 1px solid #E1E7F0 !important; }
  a.navbar-brand.hc-brand-logo { height: auto; zoom: .62; }
  .hc-brand-logo .hc-tile { position: static !important; height: 84px; border-radius: 12px; box-shadow: none; }
}
@media (max-width: 767px) {
  #top-banner .carousel-control-prev, #top-banner .carousel-control-next { display: none !important; }
  .hc-hero__in { padding: 0 18px !important; }
}
.user-info.bg-dark { background: var(--hc-p) !important; }
/* ===== end mobile header */

/* ===== HTML hero banners (Aaron 2026-11-09, v2: cleaner, ~25% shorter) =====
   Each home banner = a transparent spacer image + Banner Text HTML (edit in Content > Banners > Banner Text).
   Colors come from CSS variables; the store Custom JS (hc-brand-theme) sets them per brand.
   Height is fixed here (not by the spacer image). */
:root { --hc-p: #0A2A4B; --hc-pl: #1E4775; --hc-a: #EFB51A; --hc-aon: #0A2A4B; --hc-light: #F3F6FA; }
#top-banner .carousel-item { position: relative; }
#top-banner .carousel-item > a > img, #top-banner .carousel-item > img { width: 100%; height: clamp(230px, 16vw, 320px) !important; object-fit: cover; }
#top-banner .carousel-caption { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; padding: 0 !important; margin: 0 !important; text-align: left; z-index: 2; }
.hc-hero { position: absolute; inset: 0; display: flex; align-items: stretch; overflow: hidden; background: var(--hc-p); color: #fff; font-size: 15px; line-height: 1.45; }
.hc-hero * { box-sizing: border-box; }
.hc-hero__in { position: relative; z-index: 1; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 40px; }
.hc-hero__text { flex: 0 0 48%; display: flex; flex-direction: column; gap: 10px; }
.hc-hero__media { flex: 1 1 auto; align-self: stretch; }
.hc-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; color: var(--hc-a); margin: 0; }
.hc-title { font-size: clamp(24px, 2.1vw, 34px); line-height: 1.12; font-weight: 900; color: #fff; margin: 0; }
.hc-title .hc-hl { color: var(--hc-a); }
.hc-sub { margin: 0; color: rgba(255,255,255,.82); max-width: 32em; font-size: 15px; }
.hc-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 6px; }
.hc-btn { display: inline-flex; align-items: center; height: 40px; padding: 0 20px; border-radius: 6px; font-weight: 800; font-size: 14px; text-decoration: none !important; border: 2px solid transparent; transition: filter .15s, background .15s; }
.hc-btn--accent { background: var(--hc-a); color: var(--hc-aon) !important; }
.hc-btn--accent:hover { filter: brightness(0.93); }
.hc-btn--ghost { border-color: rgba(255,255,255,.85); color: #fff !important; }
.hc-btn--ghost:hover { background: rgba(255,255,255,.12); }
.hc-btn--white { background: #fff; color: var(--hc-p) !important; }
.hc-btn--primary { background: var(--hc-p); color: #fff !important; }

/* Slide 1: split; the lighter panel runs to the right edge */
.hc-hero--split .hc-hero__media { position: relative; background: var(--hc-pl); margin-right: -20px; padding: 18px 0 18px 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; border-left: 6px solid var(--hc-a); }
.hc-hero--split .hc-hero__media::after { content: ""; position: absolute; top: 0; bottom: 0; left: 100%; width: 50vw; background: var(--hc-pl); }
.hc-hero--split .hc-hero__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.hc-hero--split .hc-hero__media img.hc-wide { grid-column: span 2; }
.hc-hero--split .hc-hero__media img.hc-tall { grid-row: span 2; }

/* Slide 2: centered, two soft rings */
.hc-hero--center .hc-hero__in { justify-content: center; text-align: center; }
.hc-hero--center .hc-hero__text { flex: 0 1 640px; align-items: center; }
.hc-hero--center .hc-btns { justify-content: center; }
.hc-hero--center .hc-eyebrow { background: var(--hc-a); color: var(--hc-aon); padding: 4px 12px; border-radius: 999px; }
.hc-hero--center::before, .hc-hero--center::after { content: ""; position: absolute; border-radius: 50%; border: 36px solid rgba(255,255,255,.06); }
.hc-hero--center::before { width: 340px; height: 340px; right: 8%; top: -120px; }
.hc-hero--center::after { width: 260px; height: 260px; left: 8%; bottom: -150px; }

/* Slide 3: light, product strip, category bar */
.hc-hero--light { background: var(--hc-light); color: var(--hc-p); flex-direction: column; }
.hc-hero--light .hc-hero__in { flex: 1 1 auto; }
.hc-hero--light .hc-title { color: var(--hc-p); }
.hc-hero--light .hc-sub { color: #3B4A6B; }
.hc-hero--light .hc-eyebrow { color: var(--hc-p); opacity: .7; }
.hc-hero--light .hc-hero__media { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 18px 0; }
.hc-hero--light .hc-hero__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; box-shadow: 0 6px 18px rgba(11,26,63,.10); }
.hc-catbar { flex: 0 0 auto; background: var(--hc-p); color: #fff; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 28px; padding: 8px 0; font-weight: 800; font-size: 12px; letter-spacing: .3px; }

/* Slide 4: photo left, text right */
.hc-hero--feature .hc-photo { position: absolute; left: 0; top: 0; bottom: 0; width: 46%; background: linear-gradient(135deg, #F3F6FA, #E3E8F0); }
.hc-hero--feature .hc-photo img { width: 100%; height: 100%; object-fit: contain; padding: 14px 0; }
.hc-hero--feature .hc-badge { position: absolute; left: 20px; top: 18px; background: var(--hc-a); color: var(--hc-aon); font-weight: 900; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 5px 10px; border-radius: 5px; }
.hc-hero--feature .hc-hero__in { justify-content: flex-end; }
.hc-hero--feature .hc-hero__text { flex: 0 0 46%; }
.hc-link { color: #fff !important; font-weight: 800; font-size: 14px; text-decoration: underline !important; text-underline-offset: 3px; }

/* Tablets and phones: text only */
@media (max-width: 991px) {
  .hc-hero__media, .hc-hero--feature .hc-photo, .hc-catbar, .hc-hero--center::before, .hc-hero--center::after { display: none !important; }
  .hc-hero__text, .hc-hero--center .hc-hero__text, .hc-hero--feature .hc-hero__text { flex: 1 1 100%; }
}
@media (max-width: 575px) {
  .hc-sub { display: none; }
  .hc-title { font-size: 21px; }
  .hc-btn { height: 34px; padding: 0 14px; font-size: 13px; }
}

/* Smooth cross-fade between slides (the theme's fade held the old slide, then flashed blank) */
#top-banner .carousel-item { opacity: 0; transition: opacity .6s ease !important; transform: none !important; }
#top-banner .carousel-item.active, #top-banner .carousel-item-next.carousel-item-left, #top-banner .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1 !important; }
#top-banner .active.carousel-item-left, #top-banner .active.carousel-item-right { z-index: 0; opacity: 0 !important; transition: opacity 0s .6s !important; }
#top-banner .carousel-caption { transition: none !important; }