body {
  color: #333333; background: #fff;
  font-family: "Questrial"; font-weight: 500;line
}
img {
  display: inline-block; max-width: 100%; height: auto;
}

/* generic links */
a, a:link, a:visited {
  text-decoration: none; outline:none; -moz-outline-style:none; color: #900028;
}
a:hover, a.active, a:active {
  outline: none; color: #878787;
}
:focus {
  -moz-outline-style: none;
}

/* headings */
h1, h1.title {
	font-size: 37px; color: #333333; line-height: 1.3em; text-transform: uppercase; font-family:"oswald";font-weight:normal;
}
h2, h2.title {
	font-size: 28px; color: #900028; line-height: 1.3em; text-transform: uppercase; font-family:"oswald"; font-weight:normal;
}
h3, h3.title {
  font-size: 23px; color: #900028; line-height: 1.3em; font-family:"oswald"; font-weight:normal;
}
h4, h4.title {
  font-size: 17px; color: #900028; line-height: 1.3em; font-family:"oswald"; font-weight:normal;
}
h5, h5.title {
  font-size: 14px; color: #900028; line-height: 1.3em; font-family:"oswald"; font-weight:normal;
}
h6, h6.title {
	font-size: 13px; color: #900028; line-height: 1.3em; font-family:"oswald"; font-weight:normal;
}
h2.title a, h3.title a, h4.title a, h5.title a, h6.title a {
  color: #900028;
}

.inner-container {padding: 0 2%;  max-width: calc(1400px - 4%);}

/*header*/
#header .inner-container {min-height: 132px;}

#company-logo {display: block; max-width: 527px;  float:left; margin-top:20px;}

/* banners */
#banners .inner-container {max-width: 100%; padding: 0 0;}


/* Main content area */  
#main-wrapper #content {font-size:1.1em;}
#main-wrapper #content p {line-height:1.42em;} 
#main-wrapper #content p ul li {line-height:1.42em;} 

/* Document Thumbs Tweaks */
.node.custom-docthumb-teaser {width: 22.75%; margin-right:3%; margin-bottom: 3%; display:block; float:left;}
.node.custom-docthumb-teaser:nth-of-type(4n+4) {margin-right:0;}
.node.custom-docthumb-teaser:nth-of-type(4n+5) {clear:both;}
.node.custom-docthumb-teaser .docpic {border: 1px solid #828282;overflow: hidden;}
.node.custom-docthumb-teaser img {width:100%; height:auto;}
.node.custom-docthumb-teaser .doc.title {text-align: center;}
.node.custom-docthumb-teaser .doc.title a {font-size:1.3em;}

/* Custom Landing Page tweaks */
.node.custom-landing-page .clp-section ul ul {margin-top:0; margin-bottom: 0;}


/* Custom Parts Page Tweaks */
.node.custompartspage .field-field-top-picture-section .field-items {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.node.custompartspage .field-field-top-picture-section .field-items .field-item {width: 30.66%; display:inline-block; margin-bottom: 4%;}
.node.custompartspage .imagefield-wrapper label {display: none;}
.node.custompartspage .imagefield-wrapper.imagefield-field_top_picture_section-wrapper .form-item {text-align: center; text-transform: uppercase; color: #900028; font-size: calc(14pt + .5vw); font-weight: bold; font-family: "Oswald"; margin: 10px 0;}



.node.custompartspage .field-field-repeating-section .field-items .field-item {display: flex; margin-bottom: 4%;}
.node.custompartspage .imagefield-wrapper.imagefield-field_repeating_section-wrapper {}
.node.custompartspage .imagefield-wrapper.imagefield-field_repeating_section-wrapper > img {width: 46%; float: left;}
.node.custompartspage .imagefield-wrapper.imagefield-field_repeating_section-wrapper .form-item {width: 50%; float: right;}
.node.custompartspage .imagefield-wrapper.imagefield-field_repeating_section-wrapper .form-item:nth-of-type(1) {text-transform: uppercase; font-size: calc(14pt + .8vw); font-weight: bold; font-family: "Oswald";  margin: 0;}
.node.custompartspage .imagefield-wrapper.imagefield-field_repeating_section-wrapper .form-item:nth-of-type(2) {margin-top: 0;}

/*footer*/
#footer-callouts1 .inner-container {overflow:hidden;}
#block-cms-admin-1 {width:34.4%;float:left; margin-right:2.075%;display:block;} /* Company Footer */
#block-cms-mb-3 {width:22.4%;float:left; margin-right:2.075%;display:block;padding-top:12px;} /* Capabilities Menu */
#block-cms-callouts-1 {width:20.1%;float:left; margin-right:2.075%;display:block;padding-top:12px;} /* Resources Block */
#block-cms-mb-4 {width:14.7%;float:left; display:block;padding-top:12px;} /* About Us Menu */
#footer p {line-height:1.5em;}
#footer ul li a {line-height:1.5em;}


#footer-callouts2 .fp-white-tagline.horizontal {
  display: block; text-align: center;
}

#footer h2 {
  font-family: "Oswald"; font-weight: 500; color: #fff; font-size: 31px; margin-bottom: 0.3em;
  text-transform: uppercase;
}
#footer .block ul, #footer .block ul li {
  list-style: none; list-style-image: none; margin: 0; padding: 0;
}
#footer a,
#footer a:link,
#footer a:visited {
  color: #918f8f; text-decoration: none;
  font-family: "Montserrat"; margin: 2px 0; padding: 2px 0;
}
#footer a:hover,
#footer a:active {
  color: #c7214f;
}
#footer ul.social-links li {display: inline-block; margin-right:10px;}
#footer ul.social-links li:nth-of-type(4) {margin-right:0px;} 

#footer ul.social-links li a.social {
  text-indent: -10000px; display: block; width: 64px; height: 64px; background: transparent url(../img/soc-icons-sprite-min.png) no-repeat 0 0;
  padding: 0 0; margin-right: 3px;
}
#footer ul.social-links li a.facebook {
  background-position: 0 0;
}
#footer ul.social-links li a.linkedin {
  background-position: -64px 0;
}
#footer ul.social-links li a.gplus {
  background-position: -128px 0;
}
#footer ul.social-links li a.youtube {
  background-position: -192px 0;
}
#footer ul.social-links li a.facebook:hover {
  background-position: 0 -64px;
}
#footer ul.social-links li a.linkedin:hover {
  background-position: -64px -64px;
}
#footer ul.social-links li a.gplus:hover {
  background-position: -128px -64px;
}
#footer ul.social-links li a.youtube:hover {
  background-position: -192px -64px;
}

/*sub-container*/
#sub-container a,
#sub-container a:link,
#sub-container a:visited {
  color: #828282;
  text-decoration: none;
}
#sub-container a:hover,
#sub-container a:active {
  color: #fff;
  text-decoration: none;
}

/* button style */
#main-wrapper a.button {
  text-decoration: none; background: transparent; color: #161616; padding: 0.3em 1em; border: 1px solid #161616;white-space:nowrap;
  font-family: "Montserrat"; text-transform: uppercase;
}
#main-wrapper a.button:hover {
  text-decoration: none; background: #161616; color: #fff; padding: 0.3em 1em; border: 1px solid #161616;
}

#cms-pager {
	margin-bottom: 0.9em;
}

/* employment override */
#employment-opportunities td:nth-child(1) {
  text-transform: uppercase;
}
#employment-opportunities .link {
  padding: 5px 0 30px;
}
#employment-opportunities .link a.button {
  font-size: 0.8em; white-space: nowrap;
}

/* faq override */
#accordion h2.title {
  text-transform: none; font-weight: 300; color: #2b2620;
  background: #fff; margin: 0.3em 0 0 0; border: 1px solid #3c3c3c;
}
#accordion h2.title:hover {
/*  background: -webkit-linear-gradient(#dc3e3e,#3c3c3c);
  background: -o-linear-gradient(#dc3e3e,#3c3c3c);
  background: -moz-linear-gradient(#dc3e3e,#3c3c3c);
  background: linear-gradient(#dc3e3e,#3c3c3c);
  color: #fff;*/
}
#accordion h2.title.ui-state-active {
  color: #fff; /*background: #dc3e3e;*/ font-weight: 300;
}
#accordion div.ui-accordion-content-active {
  color: #414141; border: none;
}

/* media queries ftw */
/* any base declarations should be set to look fine on small devices */



/* NEW CUSTOM MULTIPART PARTS PAGE ADDED 9/19/2017 */
.field-field-product-examples {margin-bottom: 70px;}
.field-field-product-examples .field-items {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.field-field-product-examples .field-items .field-item {display: inline-block; width: 30%;}
.field-field-product-examples .field-items .field-item .form-item {color: #900028; font-family: "Oswald"; font-size: calc(14pt + .3vw); display: block; text-align: center; text-transform: uppercase;}
.field-field-product-examples .field-items .field-item .form-item label {display: none;}


.field-field-product-informatioon .field-items .field-item .imagefield-wrapper {margin-bottom: 35px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.field-field-product-informatioon .field-items .field-item .imagefield-wrapper > img {width: 35%; margin: 0 35px 35px 0; }
.field-field-product-informatioon .field-items .field-item .imagefield-wrapper label {display: none;}
.field-field-product-informatioon .field-items .field-item .imagefield-wrapper .form-item {display: block; margin-top: 0;}
.field-field-product-informatioon .field-items .field-item .imagefield-wrapper .form-item > p > img {max-width: 16vw;}
.field-field-product-informatioon .field-items .field-item .imagefield-wrapper .form-item h2 {margin-top: 0; font-weight: bold; color: #333333; font-size: calc(14pt + .9vw);}



/* Added phone number to header 7/3/2018 */
#block-block-1 {position: absolute; top: 15px; right: 2%; z-index: 5000;}
#block-block-1 p {margin: 0;}
#block-block-1 p a {margin-right: 35px; font-size: 1.2em; z-index: 5000;}

/* Added Black Section on the front page as a callout block.  can be used on other pages if needed. 4/15/2019 */
#black-section {background: #000000; color: #ffffff; padding: 1px 0; text-align: center;}
#black-section h1, #black-section h2, #black-section h3, #black-section h4, #black-section h5, #black-section h6 {color: #ffffff; text-align: center;}
#black-section h2 {font-size: calc(16pt + .9vw); margin: 20px 0;}
#black-section p {font-size: calc(12pt + .2vw); text-align: center; margin: 20px 0; }
#black-section a.button {text-transform: uppercase; color: #fff; border: 1px solid #fff; padding: 12px 50px 10px 50px; line-height: 2.5em; transition: all 0.3s;}
#black-section a.button:hover {background-color: #900028; border-color: #900028; color: #ffffff;}



@media only screen and (max-width: 1420px) {
  .inner-container {max-width: 96%;}
}

@media only screen and (max-width: 1325px) {
  #block-cms-mb-3 {width:20.4%;} /* Capabilities Menu */
  #block-cms-callouts-1 {width:18.1%;} /* Resources Block */
  #block-cms-mb-4 {width:18.7%;} /* About Us Menu */
}

@media only screen and (max-width: 1280px) {
  #block-block-1 p a {margin-right: 15px;}
}

@media only screen and (max-width: 1024px) {
  #block-cms-admin-1 {width:100%;float:none; margin-right:0;display:block;} /* Company Footer */
  #block-cms-admin-1 p {text-align: center;}
  #block-cms-admin-1 ul.social-links {width:235px; display:block; margin:0 auto;}
  #block-cms-mb-3 {width:31.3%; margin-right:3%;} /* Capabilities Menu */
  #block-cms-callouts-1 {width:31.3%; margin-right:3%;} /* Resources Block */
  #block-cms-mb-4 {width:31.3%;} /* About Us Menu */
  h1, h1.title {font-size:26px;}
}

@media only screen and (max-width: 768px) {
  .node.custom-docthumb-teaser:nth-of-type(4n+4) {margin-right:4%;}
  .node.custom-docthumb-teaser:nth-of-type(4n+5) {clear:none;}    
  .node.custom-docthumb-teaser {width: 48%; margin-right:4%; margin-bottom: 8%;}
  .node.custom-docthumb-teaser:nth-of-type(2n+2) {margin-right:0;}
  .node.custom-docthumb-teaser:nth-of-type(2n+3) {clear:both;}  
  .node.custom-docthumb-teaser .doc.title a {font-size:1.1em;}

  .field-field-product-examples .field-items .field-item {width: 46%;}

  .field-field-product-informatioon .field-items .field-item .imagefield-wrapper {display: block; text-align: center;}
  .field-field-product-informatioon .field-items .field-item .imagefield-wrapper > img {width: 100%; max-width: 500px; display: block; margin: 0 auto 15px;}
  .field-field-product-informatioon .field-items .field-item .imagefield-wrapper .form-item h2 {text-align: center;}
  .field-field-product-informatioon .field-items .field-item .imagefield-wrapper .form-item ul {padding: 0; margin: 0;}
  .field-field-product-informatioon .field-items .field-item .imagefield-wrapper .form-item ul li {text-align: center; list-style: none; padding: 0; margin: 0;}
  .field-field-product-informatioon .field-items .field-item .imagefield-wrapper .form-item > p > img {max-width: 50vw; display: block; margin: 0 auto;}

  #black-section h2 {font-size: calc(16pt + 2.5vw);}
}

@media only screen and (max-width: 662px) {
  #header .inner-container {min-height:166px;}
  #company-logo {width:345px;}
  
  #footer h2 {text-align:center;}
  #footer ul li {text-align:center;}
  #block-cms-mb-3 {width:100%; margin-right:0; float:none;} /* Capabilities Menu */
  #block-cms-callouts-1 {width:100%; margin-right:0; float:none;} /* Resources Block */
  #block-cms-mb-4 {width:100%; margin-right:0; float:none;} /* About Us Menu */

}

@media only screen and (max-width: 480px) {
  #header .inner-container {min-height: 150px;}
  #company-logo {width: 280px; position:relative; left:inherit;top: inherit;margin: 0 auto; margin-top: 10px;float:none;}
  #block-block-1 {position: absolute; top: inherit; right: inherit; bottom: 10px; left: 4%;}
  #block-block-1 p a {margin-right: 0;}


  #block-cms-admin-1 img {margin:0 auto;} /* Company Footer */

}

@media only screen and (max-width: 380px) {
  .node.custom-docthumb-teaser:nth-of-type(2n+2) {margin-right:2%;}
  .node.custom-docthumb-teaser:nth-of-type(2n+3) {clear:none;}    
  .node.custom-docthumb-teaser {width: 96%; margin-right:2%;margin-left:2%; margin-bottom: 35px;clear:both;}
}















/*@media only screen and (max-width:480px) {
  #company-logo img {
    max-width: calc(96% - 60px);
  }
}
@media only screen and (min-width:481px) {
}

@media only screen and (min-width:768px) and (max-width:980px) {
  #footer .block {
    float: left; width: calc(90% / 2); margin: 0 0 0 0;
  }
  #footer .block:nth-child(2), #footer .block:nth-child(3) {
    float: right;
  }
}

@media only screen and (min-width:981px) {
  #block-cms-mb-1 ul.cms-mb {
    float: right;
  }
  #footer .block {
    float: left; width: calc(81% / 4); margin: 0 0 0 0;
  }
  #footer .block#block-cms-admin-1 {
    max-width: 300px;
  }
  #footer .block + .block {
    margin-left: 4%;
  }
}

@media only screen and (min-width:1281px) {
  .inner-container {
    max-width: 1400px; margin: 0 auto; padding: 0 0;
  }
  #header .inner-container {
    min-height: 132px;
  }
  #company-logo {
    display: block; max-width: 527px; width: 100%; position: absolute; left: 0; top: 20px;
  }

}
*/
