#primary_menu {
	font-size: 16px;
    line-height: normal;
}
#primary_menu .material-icons-outlined {
    font-size: 17px;
}
#primary_menu .material-icons-outlined:after {
    /* content: 'expand_more';*/
	 content: '';
}
#primary_menu .material-icons-outlined.open:after {
    /* content: 'expand_less';*/
	content: '';
}

#primary_menu .ico-arrow-down {
    width: 12px;
	display:inline-block;
	padding-left: 3px;
	
	/*background-image: url('../wp-content/themes/silverthin/assets/img/icon-chevron-down.svg'); */
}

#primary_menu > li > :first-child,
#primary_menu .nav-prod-type > a,
#primary_menu .nav-col > :first-child {
    text-transform: uppercase;
}
.nav-group {
	margin: 1em 0;
}

/* colors */
.dropDownArea {
	font-size: 14px;
}
.dropDownArea a,
.dropDownArea span {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;
}
.dropDownArea a {
	color: var(--brand-lt-blue);
	display: block;
}
.dropDownArea a:hover,
.dropDownArea a:focus {
	text-decoration: underline;
}
.dropDownArea .nav-prod-type > a:hover,
.dropDownArea .nav-col > a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}
.dropDownArea .menu-item > :first-child {
	display: block;
}
.dropDownArea .nav-col > * {
    color: var(--brand-orange);
}
.dropDownArea .nav-prod-type > *,
.dropDownArea .nav-group > * {
	color: var(--brand-white);
}
.dropDownArea .nav-prod-type .overview a,
.dropDownArea .nav-col > :first-child {
	padding: 0.75em 15px;
}
.dropDownArea .nav-prod-type > :first-child {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
}
.dropDownArea .nav-prod-type .overview {
	/* margin: 1em 15px; */
}
.dropDownArea a {
    transition: none;
}
.dropDownArea .nav-col > .sub-menu > :first-child {
	margin-top: 1em;
}


.dropDownArea > .container-fluid > .sub-menu {
	padding-top: 50px;
}
.dropDownArea .nav-main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
	
}
.dropDownArea .nav-main a {
	font-weight: 600;
	font-size: larger;
	text-transform: uppercase;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	color: white;
}



.navBlock ul.menu {
    display: flex;
    height: 100%;
	margin-bottom: 0; /* breadcrumb fix jj 2023-08-06 */
}
.dropDownArea .nav-row > .sub-menu {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	column-gap: 15px;
}
.dropDownArea .sub-menu .col-lg-4 {
    flex: 1 1 auto;
    width: 33.33333333%;
}
.dropDownArea .sub-menu .col-lg-6 {
	flex: 1 1 auto;
	width: 50%;
}






.navBlock ul.menu > li {
    color: #2c2c2c;
    transition: all 0.3s ease-in-out 0.1s;
    white-space: nowrap;
}

.navBlock ul.menu > li > a,
.navBlock ul.menu > li > span {
    display: block;
	height: 100%;
    line-height: 94px;
    padding: 0 7px;
}
.navBlock ul.menu > li:hover > a,
.navBlock ul.menu > li:hover > span,
.navBlock ul.menu > li.active {
    background-color: var(--brand-dark-blue);
    color: #fff;
}
.navArea .dropDownArea {
    padding: 0 0 50px 0 !important;
}
.dropDownArea .nav-group > span,
.dropDownArea ul {
	/* padding-left: 15px; */
}
.dropDownArea ul {
	/* padding-top: 0px !important; // was padding-top: 15px */
}
.dropDownArea .nav-prod-type,
.dropDownArea .nav-col > * {
	/*
	margin-bottom: 7px; // was margin-bottom 17px
	padding-bottom: 7px;
	display: block;
	*/
}
.navArea .dropDownArea ul li {
	/* margin-bottom: 5px; // was margin-bottom: 10px; */
}
.dropDownArea {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--brand-dark-blue);
    padding: 40px 0;
    display: none;
    min-height: 300px;  /* 550px */
}
.dropDownArea ul {
	/*
    padding-left: 15px;
    padding-top: 15px;
	*/
}
.nav-col > ul.sub-menu {
    border-top: solid 1px #4972a1;
    border-left: solid 1px #4972a1;
}
.main-menu-wrapper .dropDownArea .row > ul.sub-menu > li.col {
	max-width: 100%;
	/*
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
	*/
}
/*
.dropDownArea a {
	text-transform: none;
	white-space: normal;
}
*/
.dropDownArea ul li a:hover {
    /*color: #fff;*/
}
.dropDownArea .nav-prod-type > a,
.dropDownArea .nav-col > :first-child {
    font-weight: 500;
}

.nav-prod-type > a {
    border-bottom: solid 2px #fff;
	/*
    padding-bottom: 15px;
    padding-left: 0 !important;
	*/
    display: block;
    text-align: center;
	text-transform: uppercase;
}
.main-menu-wrapper .dropDownArea .row > ul.sub-menu {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
	/*
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
	*/
}
.nav-prod-type > .sub-menu > li > .sub-menu {
	/*
	padding-right: 0px;
	padding-left: 0px;
	margin-left: -15px;
	margin-right: -15px;
	*/
}
.nav-prod-type::after {
    display: none;
}

@media (max-width: 1365px) {
    .navBlock ul li {
        font-size: 13.5px;
    }
}

@media (max-width: 1199.98px) {
    .navBlock ul li {
        font-size: 12px;
    }
    .navBlock > ul > li > a {
        line-height: 65px;
    }
    .nav-prod-type {
        font-size: 15px;
    }
}

/*change hover to focus - revisit 2023-08-07 JJ */
/*
@media (min-width: 991.98px) {
    .navBlock>ul>li:active.dropDownArea {
        display: block !important;
    }
}
*/
/* change to toggleDropDown() in the custom.js */
/*
@media (min-width: 991.98px) {
    .navBlock>ul>li:hover>.dropDownArea {
        display: block !important;
    }
}
*/
@media (max-width: 991.98px) {
	h5 {
        font-size: 14px;
    }
    .navBlock {
        position: fixed;
        left: -250px;
        top: 0;
        bottom: 0;
        background-color: #1f466f;
        width: 250px;
        z-index: 9999;
        padding-top: 30px;
        transition: all 0.3s ease-in-out 0s;
        overflow-y: scroll;
    }
    .navBlock.navBlockOpen {
        left: 0;
    }
    .navBlock > ul {
        display: block;
    }
    .navBlock > ul > li {
        font-size: 13px;
        color: #fff;
        border-bottom: solid 1px #234d78;
    }
    .navBlock > ul > li > a {
        padding: 16px 18px;
        line-height: normal;
    }
    .navBlock > ul > li > a {
        display: flex;
        justify-content: space-between;
    }
    .dropDownArea {
        position: static;
        min-height: inherit;
        padding: 10px 10px 5px 20px;
    }
    .nav-prod-type {
        padding-left: 0;
    }
    .dropDownArea .container-fluid {
        padding: 0;
    }
    .nav-prod-type {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .headingBorder.mb-3 {
        padding-bottom: 8px;
        margin-bottom: 10px !important;
        margin-top: 8px;
    }
    .dropDownArea ul {
        margin-bottom: 15px;
    }
    .dropDownArea ul li {
        margin-bottom: 8px;
    }
    .menuIcon {
        color: #fff;
        font-size: 35px;
        background-color: #1f466f;
        border-radius: 10px 10px 10px 2px;
        padding: 8px;
        cursor: pointer;
    }
    .menuClose {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }
}





































/***********************************************************************
**
** Page Content Containers
**
************************************************************************/
/*
@media (min-width: 922px) {
	 .container-fluid {
		max-width: 1320px;
	}
}
.container-fluid {
	background-color: none;
	margin: 0 auto;
}
*/
.container-fluid #primary {
	margin-top: 0;
    padding-left: 0;
	padding-right: 0;
}




/***********************************************************************
**
** Page Main Headings ( Titles )
**
************************************************************************/
.entry-header {
	border-bottom: 1px solid var(--bs-light-border-subtle);
	margin-bottom: 3rem;
}
.entry-header {
	display: flex;
	flex-direction: column;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-items: flex-end;
}
@media (min-width:) {
	.entry-header {
	}
}

.entry-title {
	margin: 3rem 0;
}
.entry-title .brand-name {
	display: none;
}




/***********************************************************************
**
** Debug Display Toggle
**
************************************************************************/

.debug-output {
	display:block;
	border: 1px solid #F00;
	background-color: #eee;
	white-space: pre;
}




/***********************************************************************
**
** Product Tables
**
************************************************************************/
.table-fixed { table-layout: fixed; }
.neg { visibility:hidden; position:relative; margin-right:4px; }
.neg:after { visibility:visible; position:absolute; top:0; left:0; content:"–"; }
.product-table,
.loading-condition { 
	--bs-table-bg: rgba(165, 184, 203, 1);
	--bs-table-striped-bg: rgba(210, 219, 229, 1);
	--bs-table-border-color: white;
	--bs-body-font-size: 1rem;
	
	line-height: var(--bs-body-line-height);
	caption-side: top;
	border-color: var(--bs-table-border-color);
	border-width: 0;
	text-transform: uppercase;
	font-size: var(--bs-body-font-size);
}
.product-table,
.product-table caption,
.loading-condition,
.loading-condition caption {
	background-color: var(--bs-table-bg);
}
.product-table caption,
.loading-condition caption {
	text-align: center;
	border-width: 1px;
}
.product-table caption,
.loading-condition caption,
.product-table h2 {
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	color: white;
}
.product-table a {
	text-decoration: none;
	color: var(--brand-med-blue);
	/* color: black; has to have color in order to be obvious it is clickable */
}
.product-table.table-hover tr:hover {
	/* disabled, because it gave the impression clicking the entire row would do something */
	/* cursor: pointer; */
}
.product-table tr:hover a {
	/* re-enabled, so user gets feedback on clickable element hover */
	text-decoration: underline;
}
.product-table,
.product-table th,
.product-table td
.loading-condition,
.loading-condition th,
.loading-condition td {
	text-align: center;
	vertical-align: middle;
}
.product-table thead th,
.loading-condition thead th {
	border-width: 0 1px;
	position: relative;
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}
.product-table tbody > * > *,
.product-table tfoot > * > *,
.loading-condition tbody > * > *,
.loading-condition tfoot > * > * {
	border-width: 1px;
}
.product-table th:first-child,
.product-table td:first-child {
	border-left-width:0;
}
/* was causing first td to be bold, but only want th bold
   adjust product tables to use th if bold is desired
.product-table tbody th:first-of-type,
.product-table tbody td:first-of-type {
	font-weight: bold;
}
instead, added field name class which can be
used to target bolding of a specific field
*/
.product-table th,
.loading-condition th,
.product-table .specs_B, /* thin */
.product-table .dim_or_Do, /* slewing */
.product-table .bearing_numbers /* pinions */
{
	font-weight: bold;
}

.product-table th:last-child,
.product-table td:last-child,
.loading-condition th:last-child,
.loading-condition td:last-child {
	border-right-width:0;
}
.product-table>thead>*>*,
.loading-condition>thead>*>* {
	border-width: 0 var(--bs-border-width);
}
.product-table thead th,
.loading-condition thead th {
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
}
.product-table tbody tr:nth-child(odd) {
	background-color: var(--bs-table-striped-bg);
}
.product-table thead th,
.product-table thead td,
.loading-condition thead th,
.loading-condition thead td {
	padding: 0.33rem 0.5rem;
}
.product-table tbody th,
.product-table tbody td,
.loading-condition tbody th,
.loading-condition tbody td {
	padding: 0.15rem 0.5rem;
}
.product-table tbody th,
.product-table tbody td {
	white-space: nowrap;
}
@media (min-width: 576px) {
	.table-sm-fixed {
		table-layout: fixed;
	}
}
@media (min-width: 768px) {
	.table-md-fixed {
		table-layout: fixed;
	}
}
@media (min-width: 992px) {
	.table-lg-fixed {
		table-layout: fixed;
	}
}
@media (min-width: 1200px) {
	.table-xl-fixed {
		table-layout: fixed;
	}
}
@media (min-width: 1400px) {
	.table-xxl-fixed {
		table-layout: fixed;
	}
}
/* hopefully fixed by removing rules from default tags
.product-table tr th {
    color: initial;
    background-color: initial;
    font-family: var(--bs-body-font-family);
    border-right: solid 1px var(--bs-table-border-color);
}
.product-table tr td {
    color: initial;
    background-color: initial;
    border-bottom-color: var(--bs-table-border-color);
    box-shadow: none;
    border-right: solid 1px #e5e5e5;
}
*/
.product-table .wrap-words {
	x-word-spacing: 100px; 
}
.table-striped > tbody > tr > *.bg-white {
    --bs-table-color-type: inherit;
    --bs-table-bg-type: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important;
}
.other-class {
	width: min-intrinsic;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
	display: table-caption;
	display: -ms-grid;
	-ms-grid-columns: min-content;
}
.sym {
    font-size: larger;
    text-transform: none;
	letter-spacing: 1px;
	font-weight: normal;
}
.spec-label .sym {
	font-size: inherit;
	padding0: 0 1px;
}




/***********************************************************************
**
** Other Tables
**
************************************************************************/
.loading-condition {
	width: 100%; /* required for layout: fixed; */
}
.loading-condition thead th,
.loading-condition tbody td {
    height: 3em;
    padding: 0.5em 0.33em;
	line-height: 1.15;
	font-size: var(--bs-body-font-size);
}
.loading-condition tbody td {
    text-transform: none;
    font-weight: normal;
}




/***********************************************************************
**
** Product Category ( Listing ) Pages
**
************************************************************************/

.tax-prod-cat section {
	margin-top: 2em;
	margin-bottom: 2em;
}
.tax-prod-cat .intro {
	margin: 2em 0 2em 0;
	min-height: 200px;
	display: flex;
	column-gap: 5%;
	flex-direction: row;
}
.tax-prod-cat .intro > * {
	margin-bottom: 2em;
}
.tax-prod-cat .intro > * {
	flex: 1 0 50%;
}
.tax-prod-cat .intro .loading {
	flex: 0 1 auto;
}
@media (max-width: 1200px) {
	.tax-prod-cat .intro {
		flex-wrap: wrap;
	}
}
.drawing {
	margin: 0 auto 1em;
}
.drawing img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 250px;
}
.tax-prod-cat .prod-type-thin-section-bearings .drawing img {
	max-width: 325px;
}
.tax-prod-cat .prod-type-slewing-ring-bearings .drawing img {
	max-height: 275px;
}
.tax-prod-cat .prod-type-pinions .drawing img {
	max-height: 250px;
}
.tax-prod-cat .prod-type-slewing-ring-bearings .drawing img,
.tax-prod-cat .prod-type-pinions .drawing img {
	object-position: right;
	margin-left: auto;
	margin-right: 0;
}

.tax-prod-cat h2 { font-size:30px; font-weight:300; }
.tax-prod-cat h2 strong { font-weight:500; }


/***********************************************************************
**
** Product Detail Pages
**
************************************************************************/
/*
.entry-header w-100 d-flex flex-column flex-sm-row justify-content-between align-item-stretch align-items-sm-end flex-wrap
.entry-title  w-100 d-flex flex-column flex-sm-row justify-content-between flex-wrap
*/

h1 small { display:block; }
/*
.container-fluid {
	--bs-gutter-x: 0rem;
}
*/
.spec-group-title {
	margin: 0 0 0 0;
	padding: 0 0 0.75em 0;
	border-bottom: 1px solid #333;
	margin-bottom: 0;
	font-size: 1.5rem;
}
.spec-group {
	list-style-type: none;
	margin: 0 0 2em 0;
}
.spec-item {
	display: flex;
	justify-content: space-between;
	padding: 0.33em 0;
	border-top: 1px solid #ddd;
	line-height: normal;
}
.spec-item sup {
	font-size: 70%;
}
.spec-value {
	text-align: right;
}
.spec-group .footnote {
	font-size: smaller;
	font-style:italic;
}
.spec-group-interchange {
	width: 100%;
}
.spec-group-interchange .row {
	--col-count: 1;
	gap: 0 var(--bs-gutter-x);
	margin-left: 0;
	margin-right: 0;
}

.spec-group-interchange .spec-item {
	flex: 0 0 auto;
    width: calc( ( 100% -  var(--bs-gutter-x) * ( var(--col-count) - 1 ) ) / var(--col-count) ) !important;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
}
.spec-item:first-of-type,
.spec-group-interchange .spec-item:nth-child(-n+4) {
    border-top: 0;
}
.spec-group-diagram { order: 1; }
.spec-group-specs { order: 2; }
.spec-group-load { order: 3; }
.spec-group-related { order: 4; }
.spec-group-interchange { order: 5; }
@media (min-width:576px) {
	.spec-group-specs { order: 1; }
	.spec-group-diagram { order: 2; }
	.spec-group-interchange .row { --col-count: 2; }
}
@media (min-width:768px) {
	.spec-group-interchange .row { --col-count: 3; }
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
	.spec-group-interchange .row { --col-count: 4; }
}



/***********************************************************************
**
** Product Sidebars
**
************************************************************************/
.notes ol {
	margin-left: 0;
	padding-left: 1rem;
	font-size:smaller;
}
.separator {
	font-weight:bold;
}
.diagram { margin-bottom: 2em; }




/***********************************************************************
**
** Page Banners
**
************************************************************************/

.subpage-banner {
	height: 300px;
	overflow: hidden;
	position: relative;
	font-family: var(--brand-font);
}
.subpage-banner-image {
	object-fit: cover;
	object-position: bottom;
	width: 100%;
	height: 100%;
}
.subpage-banner-image img {
	object-fit: cover;
	/* object-position: bottom; */
	width: 100%;
	height: 100%;
}
.subpage-banner .bar {
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.subpage-banner-section .bar {
	background-color: #194a75;
}
.subpage-banner-subsection .bar {
	background-color: #aee0f8;
}
.subpage-banner-titles {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-transform: uppercase;
	color: white;
}
.subpage-banner-section,
.subpage-banner-subsection,
.subpage-banner-titles .container-fluid {
	position: relative;
}
.subpage-banner-titles .container-fluid {
	z-index: 2;
}
.subpage-banner-titles svg {
	height: 100%;
	width: 100%;
}
.subpage-banner-section .container-fluid {
	height: 22px;
	line-height: 1;
}
.subpage-banner-section svg {
	line-height: 1;
	height: 100%;
	fill:#ffffff;
}
.subpage-banner-subsection .container-fluid {
	height: 42px;
	line-height: 1;
}
.subpage-banner-subsection svg {
	line-height: 1;
	fill:#ffffff;
}
.subpage-banner [font-weight="bold"] {
	font-weight:600;
        font-size: smaller;
}
.subpage-banner-section svg text {
	font-size: 32px;
	letter-spacing: 9px;
}
.subpage-banner-subsection svg text {
	font-size: 60px;
	letter-spacing: 3px;
}


@media (max-width: 1060px) {

	.subpage-banner {
		display:none !important;
	}
}