/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

body {
  font-size: 1rem;
  line-height: 1.5;
}
a {
  color: #BC110E;
  font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1rem 0 1rem 0;
  font-size: 2rem;
}
h3.contenth3title-MP {
  margin: 0 !important;
}
.top-phone a {
  color: #FFFFFF;
}
#g-mainbar {
  padding: 0;
}
#g-navigation {
  padding: 5px 0;
  background: #031D37;
  border-bottom: solid 1px #000;
}
.g-content {
  margin: 0 !important;
  padding: 0 !important;
}
#g-header {
  padding: 10px 0;
  border-top: solid 1px #194681;
  background: #073A6D;
}
.g-logo.g-logo-helium img {
  max-height: 70px;
}
.h1head {
  color: #ACAFB4;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif;";
  font-size: 0.7rem;
  font-weight: normal;
  text-align: center !important;
}
.Text-h1-head {
  text-align: center;
  color: #FFFFFF;
}
.h2head {
  font-size: 2rem;
}
.h2head {
  color: #FFFFFF;
  font-size: 2.7rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  border-color: #9F0100;
  font-family: "Bebas Neue", sans-serif;
}
.h2head {
  font-size: 2rem;
}
.Top-Phone-Small {
  font-size: 1rem;
}
.Top-Phone-Big {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
}
.button.button-1 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 15px;
  border-radius: 5px;
}
.small-phone a {
  font-size: 1rem;
  color: #FFFFFF;
}
.TextCenter {
  text-align: center !important;
}
figcaption {
  text-align: center !important;
}
.convertforms {
  margin: 40px 0;
}
/* slideshow start here */
.overlay-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/wcp-2024-3.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.passivation-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/passivation-bg-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.electroless-nickel-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/electroless-nickel-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.chrome-plating-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/chrome-plating-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.brass-plating-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/brass-plating-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.copper-plating-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/copper-plating-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.nickel-plating-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/nickel-plating-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.chemical-stripping-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/chemical-stripping-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.patinas-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/patinas-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.metal-polishing-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/metal-polishing-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.our-customers-bg-top {
  height: 600px;
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
  background-image: url('https://westcoast-plating.com/images/our-customers-24-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
/* accordion start here */
.accordion {
  width: 100%;
  overflow: hidden;
}
.accordion-item {
  border-top: 1px solid #4F4F4F;
  background: #312F39;
  color: #EBEBEB;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 0.9rem;
  margin: 1px;
}
.accordion-item:last-child {
  border-bottom: 1px solid #4F4F4F;
}
.accordion-item:hover {
  background-color: #1A1A1A;
}
.accordion-header {
  padding: 5px;
  font-weight: bold;
}
.accordion-header h4 {
  padding: 15px 10px;
  margin: 0;
  color: #ffffff;
  font-size: 1.2rem;
}
.accordion-content {
  padding: 10px 15px;
  display: none;
  background: #0F0F0F;
}
.accordion-item.active .accordion-content {
  display: block;
}
#mod-custom119 {
  margin: 50px 0;
}
.Ver-Center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-full {
  margin-left: calc((100vw - 100%) / -2);
  width: 100vw;
}
.content-fix {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5px;
}
/* slideshow ends here */
/* nav start here */
.g-main-nav ul {
  padding: 20px 0;
  background: #08396D;
}
.g-main-nav .g-toplevel > li {
  padding: 0 10px;
}
/* nav end here */
.content-box-center {
  padding: 0 10px;
}
/* footer start here */
#g-footer {
  margin-top: 50px;
}
/* footer end here */
/* logos slider start here */
.item {
  width: 180px;
  height: 280px;
  text-align: center;
  display: block;
  background-color: transparent;
  border: 1px solid transparent;
  margin-right: 10px;
  margin-bottom: 1px;
  float: left;
}
#index-gallery {
  width: 100%;
}
/* slider end here */
.g-offcanvas-right .g-offcanvas-toggle {
  top: 65px;
}
@media only all and (max-width: 47.99rem) {
  .g-logo {
    text-align: left;
    margin: 5px;
  }
  .align-right {
    text-align: center !important;
  }
  .container {
    padding-right: var(--bs-gutter-x, 1.5rem);
  }
  #g-mobilemenu-container {
    margin: 0;
  }
}
.main-footer-menu a {
  color: #514E5E;
  font-weight: normal;
  padding: 0 5px;
  font-size: 0.5rem;
}
.main-footer-menu {
  line-height: 0.2rem;
}
/* Nav locations */
#locationsContent .mod-list li a {
  margin-right: 0;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none !important;
  text-align: center !important;
}
.LocLink {
  color: #666666 !important;
  font-size: 0.7rem;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: normal !important;
}
/* Vertical separator between city links */
.moduletable .nav ul {
  text-align: center !important;
}
.moduletable .nav li {
  position: relative;
  padding: 0 10px 0 10px;
}
.moduletable .nav li {
  margin: 0;
}
/*# sourceMappingURL=custom_12.css.map */