/* CSS Document */

/******************************************************
*
*  Changes that apply to all pages
*
*******************************************************/

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	font-size: 10pt;
}
body,
p 
{
	line-height: normal;
}

#main {
	flex: 1;
}


.navArea,
.breadcrumbs,
.subpage-banner,
.footerTopLeft,
.footerBrands,
.footerPolicies,
.socialIcons,
.footerTopRight > :not( .contactInfo ),
.panel-data-sheet-gen-global,
.searchBar,
.phoneBarImg
{
	display: none !important;
}

.phoneBar .phoneBarMsg,
.phoneBar .phoneBarNum
{
	display: inline;
	font-size: 1rem;
}
footer {
    margin: 1rem 0 0 0 !important;
    padding: 1rem 0 0 0;
    border-top: 1px solid var(--bs-light-border-subtle);
}
.footerTop {
	padding: 0;
}
.footerTop .flex-column {
	flex-direction: column !important;
	gap: 0 !important;
}
.footerTopLeft,
.footerTopRight,
.contactInfo {
	width: 100%;
}
.footerTopLeft { order: 2; }
.footerTopRight { order: 1; }

.footerTopLeft p {
	text-align:left;
	margin: 0;
	
}
.footerLogo img {
	content: url( '../img/mechatronics-corp-logo-blue.svg' );
	width: 140px;
	margin-right: 25px;
}

#main article {
	padding: 1em 0 !important;
}

footer,
.copyRight {
	background-color: transparent;
	background-image: none;
}
footer {
	font-size: smaller;
}

footer,
.footerTop h4
{
	color: var(--brand-dark-blue);
}

.footerNav {
	margin: 0;
}
.footerNav h4 {
    display: none;
}
.footerTopLeft {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
}
.footerLogo {
	margin-bottom: 0 !important;
}
.footerTop h4:after {
    background-color: var(--brand-dark-blue);
}

.footerTopLeft,
.footerTopRight {
    margin-bottom: 0.25em;
}
.footerNav {
	margin: 0;
}
.socialInfo {
    margin: 0;
    margin-bottom: 0 !important;
    padding: 0;
    min-height: 0;
}
.socialInfo img {
    display: none;
}

.contactInfo > .d-print-flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: stretch;
	align-items: stretch;
	width: 100%;
}

footer address {
	margin-bottom: 0;
}
footer address br {
    display: none;
}
.copyRight {
	margin: 0;
    padding: 0 !important;
	color: #999999;
}
.copyRight .d-flex {
	align-items: flex-end !important;
}







/******************************************************
*
*  Changes targetted to specific pages
*
*******************************************************/
.single-product .row {
	line-height: 1.15rem;
}
.single-product .entry-header
{
	margin: 0 0 1rem 0 !important;
    /* background-color: #1f466f; */
    padding: 0 0 1rem 0;
	/* need to add logo background image? */
}
.single-product .entry-title {
	font-size: 1.5rem;
	margin: 0;
	color: var(--brand-dark-blue);
	font-weight: 600;
	line-height: 1;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
	width: 100%;
}
.single-product .brand-name {
	flex: 0 1 auto;
	display: block !important;
}
.single-product .entry-title h1 > strong {
	flex: 0 1 auto;
}
.single-product .entry-title small {
	font-weight: 300;
	font-size: inherit;
	flex: 1 0 auto;
	text-align: right;
}

.single-product .site-header,
.single-product .print-sheet
{
	display: none;
}
.single-product #main article {
	padding: 0 !important;
}
.single-product .container-fluid {
	padding: 0;
}

.single-product .drawing {
	margin: 0 auto 1em;
	max-width: 75%;
}
.spec-group {
	margin: 0 0 0.75em 0;
}
.spec-group-title {
	font-size: 1rem;
	font-weight: normal;
	margin: 0 0 0.25rem 0;
	padding: 0 0 0.25rem 0;
}
.spec-item {
	padding: 0.25em 0;
	font-size: 10pt;
}
.spec-group-interchange .row {
	--col-count: 4;
}
.notes ol {
    font-size: inherit;
	margin-bottom: 0;
}
.diagram {
	margin-bottom: 0;
}