/* ========== GLOBAL ===========

/* Colors
*
* Black: #000;
* Red: #b0232b;
* Gray (border): #d1d3d2;
* Gray (background): #f2f2f2;
*
*
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto+Condensed:400,700);
/* GLOBAL ELEMENTS */

/* --- remove, turn off --- */

#first-time,  .front .page-header,  .page-node-2 .page-header,  .page-node-6 .page-header,  .page-node-13 .page-header,  .page-node-14 .page-header,  .page-node-15 .page-header,  .page-node-18 .page-header,  .page-node-19 .page-header,  .page-node-20 .page-header {
	display: none;
}

.page-admin h1,
.page-admin h2,
.page-admin h3,
.page-admin h4,
.page-admin h5,
.page-admin h6,
.page-admin p {
	color: #000;
}

.page-admin a {
	color: #b0232a;
}

/* --- text treatments --- */
@font-face {
font-family: "FontAwesome";
src: url('/sites/all/themes/goodnex/css/fontawesome.eot');
src: local("Fontello"), url('/sites/all/themes/goodnex/css/fontawesome.ttf') format("opentype");
}

.front .region-blockgroup-front-red-cta-under-main-ba #feature-text a:after,
.front #block-block-9 .four-text p a:after,
.page-markets.four-text p a:after,
.page-node-338 p a.fontawesome:after,
.page-node-167289 #first-half a.fontawesome:after,
.page-node-204167 a.fontawesome:after,
.page-node-204187 .content p a:after,
.home-bar p a:after  {
	content: "\f101";
	font-family: "FontAwesome";
}

.page-header,  .menu-container,  .navigation > div > ul > li > a,  .navigation ul ul li,  .adjective,  .search-wrapper {
	border: none;
}
.page-header {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
.page-header h1 {
	color: #000;
	font-weight: 100;
	text-align: center;
	font-size: 65px;
	text-transform: uppercase;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 18px;
}
h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 64px;
	text-transform: uppercase;
	color: #000;
	font-weight: 100;
}
.page-node h2, .page-node h3, .page-node h4, .node-type-webform .webform-component--contact .fieldset-title,  .node-type-webform .webform-component--quote .fieldset-title,  .node-type-distributor-contact-us .webform-component--contact .fieldset-title,  .node-type-distributor-contact-us .webform-component--quote .fieldset-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
}
.page-node h2,  #block-webform-client-block-150 h2 a,  #footer h2,  .node-type-markets h2, .node-webform .fieldset-legend .fieldset-title, .page-node-9 .webform-component--contact .fieldset-title,  .page-node-9 .webform-component--quote .fieldset-title,  .node-type-distributor-contact-us .webform-component--contact .fieldset-title,  .node-type-distributor-contact-us .webform-component--quote .fieldset-title {
	font-size: 38px;
	color: #7c868d;
	text-transform: uppercase;
}
.post-type-archive-product h2,  .page-distributor-knape-associates-products-product-finder h2,  .page-distributor-milton-seiler-products-product-finder h2,  .page-distributor-j-e-phillips-company-products-product-finder h2,  .page-distributor-r-williamson-associates-products-product-finder h2 {
	text-transform: capitalize;
}
.page-node h3 {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}
#footer .four.columns h2 {
	font-family: 'Roboto Condensed', sans-serif;
}
#block-block-9 h3,  .page-marketsh2,  #block-block-15 h2 {
	color: #b0232a;
	font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

.page-node h4, #footer h4 a,  #footer h4 a.button:hover,  .region-sidebar-right .content p a,
.region-sidebar-right .content p a.button:hover,
.node-type-markets h3,  .node-type-markets h2 a,
.node-type-markets .market-grey h3,  .page-node-9 h3,  .node-type-distributor-contact-us h3,
#footer .region-footer-2 input.webform-submit.button-primary  {
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}

#footer .four.columns p {
	font-size: 18px;
}

}

.page-about-us h2 {
	font-weight: bold;
}

.page-node-9 h3,  .node-type-distributor-contact-us h3 {
	color: #7c868d;
	margin-bottom: 0px;
}
.node-type-markets h2 a,  .node-type-markets .market-grey h3 {
	color: #7c868d;
}
.page-node h5 {
	font-family: 'Open Sans', sans-serif;
	color: #b0232a;
	font-style: italic;
	font-size: 20px;
}
.page-node p {
	font-size: 18px;
}

.bold-text {
	font-weight: bold;
}

sub {
	vertical-align: sub;
	font-size: 10px;
}
.footnote {
	font-size: 12px;
}
a.year {
	font-size: 48px;
	font-weight: bold;
	color: #b0232a;
}


#block-block-9 #front-markets .four-text p a.link-style-none,
#block-block-15 #unusual-small .four-text p a.link-style-none,
#block-block-15 #unusual-large .four-text p a.link-style-none {
	font-weight: normal;
	font-size: 15px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
}

.front #block-block-9 .four-text p a.link-style-none:after,
#block-block-15 .four-text p a.link-style-none:after  {
	content: "";
}

#navigation .current-menu-item a.active-trail {
	color: #b0232a;
}

#footer p {
	color: #fff;
	font-weight: 100;
}
#bottom p,  #bottom a {
	color: #000;
	font-size: 12px;
}
button {
	font-family: 'Roboto Condensed Bold', sans-serif;
	font-weight: 700;
	background-color: #b0232b;
	text-transform: uppercase;
	width: 170px;
	padding: 10px 0px;
	font-size: 15px;
}
button a {
	color: #fff!important;
}
button#btn-flow {
	background: #fff;
	border: 1px solid #828282;
	color: #b0232a;
}
#block-block-9 p,  .page-marketsp {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
}
#block-block-9 a,
.page-markets.four-text a {
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #b0232a;
}

.messages {
	padding-top: 40px;
}

/* --- --- Hartzell-FLOW reg mark --- --- */

#reg-mark a:after {
	content: '\00ae';
	color: #000;
	font-size: 13px;
	vertical-align: top;
	margin-left: -12px;
	background: #fff;
	padding-right: 2px;
}
/* --- --- translation in header --- --- */

#block-gtranslate-gtranslate select {
	background-image: url("../images/icons-menu/menu-down-arrow.jpg");
	background-position: 48%;
	background-repeat: no-repeat;
	color: #b0323b;
	border: none;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	width: 155px;
}

#block-gtranslate-gtranslate .switcher .option {
	height: 100px;
	overflow-y: scroll;
	overflow-x: hidden;
}
/* --- [input] --- */
#block-webform-client-block-150 input, #block-webform-client-block-201 [type="text"], #block-webform-client-block-201 [type="email"] {
	height: 40px;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
select,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	background-color: transparent;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	box-shadow: none;
}

input[type="password"] {
	border-color: #d0d3d4;
}
input[type="password"]:focus {
	border-color: #b4b4b4 !important;
}
/* --- --- links --- --- */

a, .content p a {
	color: #b0232b;
	text-decoration: none;
}
/* --- --- breadcrumbs --- --- */

#breadcrumbs {
	background-color: #f2f2f2;
	width: 100%;
	border-top: 1px solid #d1d3d2;
	padding: 10px 0px;
}
#breadcrumbs a {
	color: #000;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
/* --- red bars --- */

.front .region-blockgroup-front-red-cta-under-main-ba,  .red-block-long {
	background: #b0232a;
	color: #fff;
	margin: 0 -9999rem;
	padding: 0.25rem 9999rem;
}
.red-block-short {
	background: #b0232a;
	color: #fff;
	padding: 25px 0px
}
.red-block-short a.button-outline {
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
}
.red-block-short a.button-outline:hover {
	color: #fff;
}
/* --- Header --- */

#header, #header.fixed { /* .fixed = when scrolling down */
	padding-top: 0px;
}
#header.fixed .sixteen.columns {
	width: 780px;
}
/* --- Distributor Header --- */

.node-type-distributor-about .region-sidebar-right .content p {
	text-align: center;
}
.page-distributor-knape-associates-products-product-finder #block-block-76,  .page-distributor-j-e-phillips-company-products-product-finder #block-block-77,  .page-distributor-r-williamson-associates-products-product-finder #block-block-78,  .page-distributor-milton-seiler-products-product-finder #block-block-79 {
	display: none;
}
.node-type-distributor-about .views-field-field-banner-image {
	background-image: url('/sites/default/files/distributor-background-logo.jpg');
	height: 300px;
}
#block-menu-block-2,  #block-block-76,  #block-block-77,  #block-block-78,  #block-block-79 {
	background: #b0232b;
	padding: 10px 0;
}
#block-menu-block-2 ul li,  #block-block-76 ul li,  #block-block-77 ul li,  #block-block-78 ul li,  #block-block-79 ul li {
	list-style: none;
}
#block-menu-block-2 a,  #block-block-76 a,  #block-block-77 a,  #block-block-78 a,  #block-block-79 a {
	color: #fff;
	padding: 0 11px;
}
/* --- Navigation --- */

.menu-container {
	margin: 0;
}
#header.fixed .menu-container {
	float: none;
	margin-top: 50px;
}
/* --- --- responsive nav --- --- */

#navigation {
	visibility: visible;
	display: block;
}
/* --- --- global menu --- --- */

.global-nav {
	/*float: right;*/

	font-size: 12px;
}
#header.fixed .global-nav { /* for when scrolling down */
	margin: -80px -340px 0px 0px;
}
.global-nav button {
	font-weight: 700;
	padding: 6px 13px;
}
.global-nav button#rep {
	border-radius: 15px;
	width: 125px;
	font-size: 14px;
	margin-right: 20px;
}
.global-nav button#search {
	border: 1px solid #b0232b;
	background-color: #fff;
	color: #87888a;
	width: 125px;
	border-radius: 15px;
	font-size: 14px;
}
.global-nav button#search img {
	height: 22px;
	width: 22px;
	vertical-align: middle;
	margin-left: -15px;
	padding-right: 15px;
}
#block-block-9 h2 {
	font-size: 64px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	color: #000;
}
/* --- Footer --- */

#footer {
	background-color: #fff;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	border-top: 1px solid #d1d3d2;
	padding: 0px;
}
/* --- --- footer sections --- --- */



/* --- --- footer bottom --- --- */

#bottom { /* for the bottom border above the bottom of the footer */
	border-top: 1px solid #d1d3d2;
	margin-top: 15px;
}
.footer-logo {
	margin: 0;
	height: 100%;
}
.footer-menu p {
	margin: 10px 0px 0px 5px;
	font-size: 13px;
	color: #1e1e1e;
}
.footer-menu p a {
	color: #b0232b !important;
	margin-left: 25px;
}

.footer-menu #tag-two a {
	margin-left: 0px;
}

.footer-menu ul.menu-footer {
	list-style: none;
	display: inline;
	margin-left: 0px;
}
.footer-menu ul li {
	display: inline;
	font-size: 15px;
}
.off-canvas-wrapper {
	visibility: hidden;
	display: none;
}
/* FRONT PAGE */
/* --- Top of page: video --- */

.front-header-video #video #mep_0 {
	border-top: 3px solid #6e6d73;
	border-bottom: 3px solid #6e6d73;
	padding-left: 6px;
	background: #6e6d73;
}

/* --- Markets > Sub pages --- */
.node-type-markets .resp-tab-item,
.node-type-markets .applications h4 a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}

/* --- Resources --- */
#block-custom-search-blocks-1 h2,
#block-views-resources-markets-block .views-accordion-header span {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #7c868d;
	line-height: 1.15;
}



	/* -- Contact -- */
	.node-type-webform input[type="submit"] {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 900;
	}

	.node-type-webform #webform-component-contact .fieldset-title,
	.node-type-webform #webform-component-quote .fieldset-title	{
		font-weight: bold;
		padding-right: 50px!important;
	}

	html.js fieldset.collapsible .fieldset-legend {
		background: rgba(176, 35, 42, 0) url("/sites/default/files/icons/open-arrow.png") no-repeat scroll top right;
	}

	html.js fieldset.collapsible.collapsed .fieldset-legend {
		background: rgba(176, 35, 42, 0) url("/sites/default/files/icons/closed-arrow.png") no-repeat scroll top right;
	}

/* --- FACET SEARCH --- */

.post-type-archive-product #sidebar .remove {
	margin-left: 0px!important; /* important used to overwrite module styling */
	margin-right:5px;
}

.post-type-archive-product #sidebar #block-current-search-current-facets .remove {
	margin-left: 5px!important;
}

.post-type-archive-product #sidebar #block-current-search-current-facets li {
	color: #7c868d;
	font-weight: 600;
}

.post-type-archive-product .views-field-title a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}

.post-type-archive-product .views-field-field-title-detail span {
	font-size: 16px;
}

.block-facetapi {
	position: relative;
}
.block-facetapi h2 {
	color: #fff;
	background: #7c878d;
	font-size: 18px!important;
}
#block-facetapi-rtwvedwruw714kfe9nagtozjysqggdov h2 {
	color: #000;
	background: #fff;
	text-transform: uppercase;
}
#block-current-search-current-facets .content li,
.block-facetapi .content li {
	text-transform: capitalize;
}
.block-facetapi .content ul#facetapi-facet-search-apinode-index-block-field-class li:nth-child(n+6) a {
	text-transform: uppercase;
}
ul#facetapi-facet-search-apinode-index-block-field-material-type li:nth-child(3),  ul#facetapi-facet-search-apinode-index-block-field-material-type li:nth-child(4) {
	text-transform: uppercase;
}
.block-facetapi .item-list a.facetapi-limit-link {
	color: #7c878d;
	font-size: 18px;
	font-weight: bold;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
}
#edit-field-zip-search-target-id-wrapper {
	padding-right: 0px;
}
#block-views-find-my-rep-block-2,  #block-views-0cd192d2e23ca2391db004bf98d509ee {
	margin-right: 0px !important;
}
#views-exposed-form-find-my-rep-block-2 .views-exposed-widgets,  #views-exposed-form-find-my-rep-take-2-zip-ref-block-2 .views-exposed-widgets {
	display: flex;
	justify-content: center;
}
#block-views-find-my-rep-block-2,  #block-views-0cd192d2e23ca2391db004bf98d509ee {
	margin: 0px !important;
}
#block-views-find-my-rep-block-2 .views-exposed-widget.views-submit-button,  #block-views-0cd192d2e23ca2391db004bf98d509ee .views-exposed-widget.views-submit-button {
	display: none;
}
.overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.find-my-rep-active .overlay {
	display: flex;
}
.overlay-wrapper {
	background: #fefefe;
	padding: 40px 50px;
	position: relative;
	z-index: 9999;
}
.overlay .close-overlay {
	position: absolute;
	top: 5px;
	right: 5px;
}
.overlay .close-overlay:hover {
	cursor: pointer;
}
.overlay .close-overlay::before {
	position: absolute;
	display: block;
	content: '';
	height: 4px;
	width: 20px;
	background: #353535;
	transform: rotate(45deg);
	top: 10px;
	right: 2px;
}
.overlay .close-overlay::after {
	position: absolute;
	display: block;
	content: '';
	height: 4px;
	width: 20px;
	background: #353535;
	transform: rotate(-45deg);
	top: 10px;
	right: 2px;
}
.find-my-rep-active #wrapper {
	filter: blur(2px);
	transition: all 0.5s;
}
body.find-my-rep-active {
	max-height: 100%;
	max-width: 100%;
	overflow: hidden;
}
#block-block-93,
#block-block-100 {
	width: 300px;
	margin: 0 auto;
}
#block-block-93 ul,
#block-block-100 ul {
	text-align: left;
	margin-left: 60px;
}
#mep_0 + video {
	display: none;
}
#block-block-93,
#block-block-100 {
  width: 60%;
margin-top: 50px;
margin-bottom: 50px;
}
#block-block-93 .content ul,
#block-block-100 .content ul{
  margin: auto;
  float: none;
  display:flex;
  list-style-type: none;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
#block-block-93 .content ul li,
#block-block-100 .content ul li{
  flex-basis: 48%;
  text-align: center;
  margin-bottom: 25px;
}
#block-block-93 .content ul li:last-of-type,
#block-block-100 .content ul li:last-of-type {
  margin-bottom: 10px;
}
#block-block-93 .content ul li a,
#block-block-100 .content ul li a {
  padding: 10px 0px;
  width: 100%;
  display: block;
  background: rgb(235, 235, 235)
}
#block-block-93 .content ul li a:hover,
#block-block-100 .content ul li a:hover {
  background: #B0232A;
  color: rgb(235, 235, 235);
}

.warranty-logo-block{
  width: 100%;
  clear:both;
  display: flex;
  margin: auto;
  float: none;
  height: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
  align-items: center;
  justify-content:center;
}
.warranty-logo-block .warranty-image{
  height:  100px;
  width: 100px;
  margin-right: 40px;
}

.menu-container {
	z-index: 5;
}

.region-before-content-no-wrap .block-block p {
	z-index: 0!important;
}

/*.front .region-before-content-no-wrap .block-block h3 {
	z-index: 500!important;
}*/

@media only screen and (max-width: 960px){
  #block-block-93,
  #block-block-100 {
    width: 75%;
  }
  #block-block-93 .content ul li,
  #block-block-100 .content ul li {
    flex-basis: 45%;
  }
}

@media only screen and (max-width: 767px){
  #block-block-93,
  #block-block-100 {
    width: 100%;
  }
  #block-block-93 .content ul li,
  #block-block-100 .content ul li {
    flex-basis: 100%;
  }
  .warranty-logo-block .warranty-image{
    margin-right: 20px;
  }
}
li.big a{
  height: 130px;
  display: flex !important;
  flex-flow: column;
  justify-content: center;
  align-content:center;
  align-items:center;
}
li.big a img{
  height: 100px;
  width: 100px;
  clear: both;
  align-self:center;
}


/* LOGIN PAGE, BY PATRICK */
@media only screen and (min-width: 1200px) {
	.page-user form#user-login,
	.page-user #content .content {
		width:600px;
		max-width:100%;
		float:left;
	}
	.page-user #block-block-99 {
		width:400px;
		max-width:100%;
		float:right;
		border:1px solid #D1D3D2;
		padding:20px;
	}
}
.page-user #block-block-99 {
		width:460px;
		max-width:100%;
}

.not-logged-in .tabs-nav li,
.not-logged-in .tabs-nav li.active {
	border:none;
	background:#f2f2f2;
	padding:3px 0px;
	width:175px;
	height:40px;
	margin-right:20px;
	text-align:center;
}
.not-logged-in .tabs-nav li a,
.not-logged-in .tabs-nav li a.active {
	color:#000;
	text-transform:capitalize;
	font-size:13px;
	background:none;
	transition:none;
}
.not-logged-in .tabs-nav li:hover {
	background: #B0232A;
}
.not-logged-in .tabs-nav li:hover a {
	color: #fff;
}
.not-logged-in .tabs-nav li.active {
	border-bottom:3px solid #b0232a;
}
/* Product bullet size */
.node-product ul {
	font-size: 16px!important;
	line-height: 1.7em;
}

@media only screen and (max-width: 768px) {
	.not-logged-in .tabs-nav li,
	.not-logged-in .tabs-nav li.active {
		padding:3px 0px;
		width:90%;
		height:40px;
		margin:12px auto 0 auto;
		text-align:center;
		border:1px solid #D7D7D7 !important;
	}
	.not-logged-in .tabs-nav li.active {
		border:1px solid #b0232a !important;
		border-bottom:4px solid #b0232a !important;
	}
}
@media (min-width: 770px) and (max-width: 960px) {
	.not-logged-in .tabs-nav {
		margin-top:20px;
	}
}

/* Home page dropdown outline removal, AK 10/28/20 */
#block-block-94 select,
#block-block-95 select {
	border: none;
}

/* Adding old homepage banner to Hartzell Difference, AK 2/10/21 */
#block-block-46 .container {
	max-width: 1170px;
}

/* COVID-19 gray bar */
.home-bar {
	margin: 0 -9999em;
	padding: 1.5em 9999em 0.125rem;
	background: #7c868d;
	color: #ffffff;
}
.home-bar h3,
.home-bar p {
	text-align: center;
}
.home-bar p a {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}
.home-bar p a:hover {
	color: #ffffff!important;
}
.home-bar p a::after {
	padding-left: 0.25rem;
}

/* Virtual tour feature on home, AK, 2/116/21 */
.region-blockgroup-front-red-cta-under-main-ba .content {
	padding: 0 20px;
}

.flex.red-callout {
	display: flex;
}
.flex.red-callout .image-side p {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 770px;
}
.flex.red-callout .image-side p a {
	display: flex;
}
.region-blockgroup-front-red-cta-under-main-ba .flex.red-callout #feature-text h3,
.region-blockgroup-front-red-cta-under-main-ba .flex.red-callout #feature-text p {
	padding-left: 0;
}

.permanent-red {
	color: #b0232a!important;
}

.post-type-archive-product .wp-pagenavi .item-list ul.pager li.current {
	padding-right: 0.5rem!important;
}
.show-list {
	padding-top: 0.5rem;
}