@charset "UTF-8";
/**
 * ============================================================
 *  Project: T&S Brass and Bronze Web Style Guide
 *  Description: Global style variables and typography setup.
 *  Author: Jose Garcia - Web Developer / Manager
 *  Last Updated: 2025-10-23
 *  Notes:
 *    - Defines brand typography and color variables.
 *    - Uses Google Fonts: Open Sans Condensed.
 *    - Part of the unified style system for consistent UI.
 * ============================================================
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700,700i&display=swap');

:root  {
	--brand_font_header: 'Open Sans Condensed';
	/*--brand_font_header2: 'Poppins';*/
	--brand_font_body: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

	--brand_color_base: #004273;
    --brand_color_accent: #00a7fe;
    --brand_color_light: #81c9ff;
	--brand_color_dark: #222529;
	--brand_color_dark2: #2f3946;
}

html{overflow-y:scroll; -ms-overflow-style:scrollbar;}
body {
    font-family: var(--brand_font_body), sans-serif;
	font-size: 14px;
	font-weight: 300 !important;
	background-color: var(--brand_color_base) !important;
	padding: 0 !important;
} 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .breadcrumb>li {
	font-family: var(--brand_font_header), sans-serif;
}
li.breadcrumb-item a, li.breadcrumb-item span {
    font-size: 15px;
}

.h1, h1 {font-weight: bold;}

/*.dropdown-menu h5 {*/
/*	font-family: var(--brand_font_body);*/
/*    font-weight: bold;*/
/*    text-transform: uppercase;*/
/*    color: #fff !important;*/
/*}*/

.discover_mobile_tagline {position:fixed; z-index:-1; margin-top:25px; width:100%; text-align:center; color:#fff; font-weight: bold;}
input, select {font-size:16px !important;}
.link-white {
    color: #fff;
}
.link-white:hover {
    color: var(--brand_color_accent);
}
.topbar_wrapper a {
    padding: 0 12px;
    font-size: 18px;
}

/* Firefox Only */
@-moz-document url-prefix() {
	.navbar-nav > li > a {
		padding-bottom: 13px;
	}
}

#site_wrapper {padding: 0; background-color: #fff;}

#site_header{padding: 0;}
.navbar-nav {float: none; display: inline-block; max-height: 46px; margin-top: 21px;}
.header_top_row {
	position: absolute;
	left: 0;
	width: 100%;
    margin-top: 6px;
    z-index: 1031;
    background-color: #fff;
}
#main_navbar {margin-top: 90px; height: 12px;}
#header_bar_main_right {
	padding: 0;
	margin-top: 8px;
}
.navbar {
    /* background-color: var(--brand_color_base); */
    border: 0;
    border-radius: 0;
    margin-bottom: 0 !important;
}
.navbar h4, .navbar .h4 {
    margin: inherit;
    padding: 0;
    text-transform: uppercase;

    /* Legacy myFont purcahse: disable trial 2025-10-22 */
    font-size: 18px;

    /*font-size: 16px;*/
}
.navbar .products-column h4 {
	margin-top: 12px;
}
.navbar .btn-primary, .navbar .btn-default {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar .btn-default {
  border-bottom-color: #fff;
}
h4.nav_category_links {
    min-height: 45px;
}

/*.navbar .btn-primary {
  background-color: var(--brand_color_base);
  border-color: var(--brand_color_base);
  color: var(--brand_color_light);
}
*/
.navbar .btn-primary {
    background-color: #fff;
    border-color: #fff;
    color: var(--brand_color_base);
}

.navbar .btn:hover {
  color: var(--brand_color_base);
}
.navbar .btn-home:hover {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.navbar-nav-item .btn-default {
	color: var(--brand_color_base) !important;
	text-decoration: underline;
    border-color: #fff !important;
}
.bs3 .navbar-nav-item.dropdown .dropdown-menu {
	background-color: #286090 !important;
}

.navbar-nav-item.dropdown .dropdown-menu {
	/* background-color: #286090 !important; */
    margin-top: 0 !important;
    left: -1px;
}
.dropdown-menu li.dropdown-header {font-size:14px !important;}
li.dropdown-short {
	text-transform: uppercase;
    font-size: 22px;
	font-family: var(--brand_font_header), sans-serif;
}
li.light_links a, li.meganav_href_data_link>a {
	color:#cee7f9 !important;
}
.navbar-nav-item .dropdown-menu li a:hover, li.meganav_href_data_link.active>a, li.meganav_href_data_link>a:hover, li.menu_link_list.active>a, li.menu_link_list>a:hover {
    color: #000 !important;
    background-color: #f5f5f5 !important;
}
.navbar .dropdown-menu li.nav-item a{display:block;padding:5.21px 15px;clear:both;font-weight:400;line-height:20px;white-space:nowrap;cursor:pointer !important;overflow:hidden;text-overflow:ellipsis}

/*.navbar-onhover .dropdown:hover .dropdown-menu, .navbar-onhover .dropdown-full:hover .dropdown-menu, .navbar-onhover .dropdown-grid:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}*/
.navbar:not(.no-border) .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu, .navbar:not(.no-border) .navbar-nav>li[class*=dropdown]>.dropdown-menu {
	margin-top: 2px;
}
.dropdown-menu li.divider.no-margin {
	width:85%;
}

#site_body {padding-bottom: 12px; min-height: 420px;}

/* Customize dropdown caret */
label.global_select_wrapper > select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: 300 !important;
	cursor: pointer;
}
label.global_select_wrapper:after {
    content:"\f0d7 ";
	font-family: FontAwesome;
	font-weight: normal;
    color: #000;
    position: absolute; 
    right: 6px; 
    top: 29px;
    z-index: 1;
    width: 10%;
    height: 100%;  
    pointer-events: none;    
}

#site_footer {background-color: var(--brand_color_base); color: #fff; padding: 0;}
.footer_wrapper {padding: 18px 0 24px 0;}
.footer_wrapper h3{text-transform: uppercase;}
.footer_wrapper hr{margin:0 0 12px 0 !important;}
.footer_social_link_wrapper a{color:#fff !important;}
.footer_social_link_wrapper .footer_social_link_facebook a:hover{color:#3B5998 !important;}
.footer_social_link_wrapper .footer_social_link_linkedin a:hover{color:#007bb5 !important;}
.footer_social_link_wrapper .footer_social_link_twitter a:hover{color:#55acee !important;}
.footer_social_link_wrapper .footer_social_link_youtube a:hover{color:#bb0000 !important;}
.footer_social_link_wrapper .footer_social_link_vimeo a:hover{color:#45bbff !important;}
#backlinks_wrapper{
	padding: 90px 0 6px 0;
	background-color: #fff;
}
.ftr_icons li {width:19%; margin-top: 6px;}
#site_tracking {
	height:0;
	display:none !important;	
}
.header_logo_link {padding: 12px 0 12px 24px;}
.site_logo_mobile {height: 32px; margin-top: -6px;}
.site_logo_desktop_mini {
    height: 42px;
}



/*inteltype*/
.hint{
	position:absolute;
	background-color:#FFF;
	border:1px solid #CFCFCF;
	border-top:none;
	width:92%;
	min-height:5px;
	max-height:none;
	z-index:50;
	top:104%;
	display:none;
}
.hint div{
	
	margin:5px 0;
	width:97%;
	padding:0 5px;
}

.hint_val:hover{
	
	background-color:#CFCFCF;
}

.phint {
    width: 212px;
    right: 16px;
    top: 41px;
    border: 1px solid #666;
    border-top: none;
    box-shadow: 1px 1px 1px #666;
    -webkit-box-shadow: 1px 1px 1px #666;
    -moz-box-shadow: 1px 1px 1px #666;
}

.hint_body{
	
	position:relative;
	width:100%;
}

.hint_body:hover{
	
	cursor:pointer;
	background-color:#CFCFCF;
	
}

.mhint{
	
	width:46.7%;
	left:0;
	top:100%;
	border:1px solid #CFCFCF;
	border-top:none;
}
/*end inteltype*/

.link_share_page {font-weight: normal; font-size: 13px;}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #5177ff;
	font-weight: bold;
    padding: 0 5px;
	color: #ffffff;
	background-color: var(--brand_color_base);
}

.badge-error {
  background-color: #b94a48;
}
.badge-warning {
  background-color: #f89406;
}
.badge-success {
  background-color: #468847;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.btn_site_feedback {
	position: fixed;
	right: 20px;
	display: inline-block;
}

.panel-default>.panel-heading {
    color: #fff !important;
    background-color: var(--brand_color_base) !important;
}

/* Search Bar placeholder font */
#site_search_q::-webkit-input-placeholder {
  font-size: 13px !important;
}
#site_search_q::-moz-placeholder {
  font-size: 13px !important;
}
#site_search_q:-ms-input-placeholder {
  font-size: 13px !important;
}
#site_search_q::placeholder {
  font-size: 13px !important;
}


/*
========================================
BOOTSTRAP BREAKPOINTS
========================================
*/
/* BOOTSTRAP BREAKPOINTS: XS (Phones) */
@media screen and (max-width: 767px) {
	#altcld > div > div > div > span >div > div:first-child {display: none !important;}
	#site_body {margin-top: 160px;}
	.header_top_row {margin-top: 0;}
	#main_navbar {margin-top: 0;}
	form#site_search_form {padding-bottom: 5px;}
	.navbar {background-color:#fff !important; min-height: 0;}
	.nav.navbar-nav {padding: 0; margin: 0; width:100%;}
	.primary_nav_item, .primary_nav_item:hover {color:#777 !important;}
	.dropdown-menu {background-color: #f5f5f5 !important;} 
	#footer_copyright {text-align: center;}
	.btn_site_feedback {bottom: 100px;}
	.header_logo_link {padding: 12px 0 2px 0;}
}

/* BOOTSTRAP BREAKPOINTS: SM (Tablets) */
@media screen and (max-width: 991px) and (min-width: 768px) {
	#site_header {border-bottom: 1px solid #f5f5f5;}
	#site_body {margin-top: 225px;}
	.btn_site_feedback {bottom: 100px;}
}

/* BOOTSTRAP BREAKPOINTS: MD (Desktop) */
@media screen and (max-width: 1199px) and (min-width: 992px) {
	#site_header {border-bottom: 1px solid #f5f5f5;}
	#site_body {margin-top: 135px;}
	#menu_parts--accessories_10 {top:-400px;}
	.navbar h4, .navbar .h4 {font-size: 17px;}
	.navbar_menu_items {margin-top: 0; margin-left: 12px;}
	.navbar_menu_search_contact {margin-top: 0; }
	.btn_site_feedback {bottom: 140px;}
}

/* BOOTSTRAP BREAKPOINTS: LG (Desktop) */
@media screen and (min-width: 1200px) {
	#site_header {border-bottom: 1px solid #f5f5f5;}
	#site_body {margin-top: 89px;}
	#menu_parts--accessories_10 {top:-400px;}
	.nav .featured_category_placard .placard_ribbon {position: absolute; top: -4px; left: 11px; width: 45%;}
	.nav .featured_category_placard .placard_ribbon img {width: 100%;}
	.navbar_menu_items {margin-top: 0; margin-left: 12px;}
	.navbar_menu_search_contact {margin-top: 0; }
	.dropdown-grid-wrapper {margin-left: -272px;}
	.btn_site_feedback {bottom: 140px;}
}