/**
user menu
**/
div.user-menu ul li {
  padding: 20px !important;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}

div.user-menu ul li:hover {
  background-color: #FBDC58;
}

/**
home - banner slide
    add hor-padding
    class name "home-banner-slide" set in home page
**/
div#primary {
  margin-top: 0px;
  padding-top: 0px;
}

div.mobile-header-menu-button div.pp-offcanvas-content-wrap {
  top: 50%;
  transform: translateY(50%);
}

div.home-banner-slide div.swiper-slide div.swiper-slide-inner {
  max-width: 1140px;
  width: 100%;
  margin: 0px auto;
}

/**
home - our services slide
    add customized arrow
    set same height for slide
    class name "home-our-services-slide" set in home page
**/
div.home-our-services-arrows-container {
  padding-top: 5px;
  display: flex;
  justify-content: space-evenly;
}

div.home-our-services-arrows-container div.home-our-services-arrows {
  opacity: 0.4;
  transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}

div.home-our-services-arrows-container div.home-our-services-arrows:hover {
  cursor: pointer;
  opacity: 1;
}

div.home-our-services-slide div.pp-posts {
  /**
    class name "our-services-card" set in our-services template
**/
}

div.home-our-services-slide div.pp-posts div.pp-slider-arrow {
  display: none !important;
}

div.home-our-services-slide div.pp-posts div.pp-post div.elementor-section-wrap {
  padding: 5px 7px;
}

div.home-our-services-slide div.pp-posts div.pp-post div.elementor-section-wrap section.our-services-card h3 {
  height: 3em;
  overflow: hidden;
}

div.home-our-services-slide div.pp-posts div.pp-post div.elementor-section-wrap section.our-services-card div.elementor-widget-theme-post-excerpt div.elementor-widget-container {
  height: 7em;
  overflow: hidden;
}

/**
home - sub & newsletter
    change position of submit button 
    class name "sub-news-form" set in home page

**/
div.sub-news-form form div.elementor-form-fields-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

div.sub-news-form form div.elementor-form-fields-wrapper div.elementor-field-type-email {
  flex-grow: 1;
}

div.sub-news-form form div.elementor-form-fields-wrapper div.elementor-field-type-submit {
  width: 55px;
}

div.sub-news-form form div.elementor-form-fields-wrapper div.elementor-field-type-submit button {
  width: 100%;
  height: 100%;
}

/**
about us - our divisions tab
    class name "about-us-our-divisions-tab" set in about us page
**/
div.about-us-our-divisions-tab div.pp-advanced-tabs-wrapper div.pp-tabs-label {
  border: 0px;
  flex-grow: 1;
  position: relative;
}

div.about-us-our-divisions-tab div.pp-advanced-tabs-wrapper div.pp-tabs-label::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #B7B7B7;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

div.about-us-our-divisions-tab div.pp-advanced-tabs-wrapper div.pp-tabs-label:hover::before {
  background-color: #413000;
}

div.about-us-our-divisions-tab div.pp-advanced-tabs-wrapper div.pp-tabs-label.pp-tab-active::before {
  background-color: #413000;
}

div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content p, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h1, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h2, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h3, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h4, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h5, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h6 {
  padding: 0px 35px;
}

div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content p.about-us-our-divisions-content-img {
  padding: 0px;
}

/**
contact us - contact us cards
    add column gap
    class name "contact-us-cards" set in contact us page
**/
section.contact-us-cards div.elementor-row div.elementor-column:nth-child(2) {
  margin: 0px 20px;
}

/**
engineering/manufacturing - side bar mobile menu
    class name "side-menu-dropdown" set in posts/template
    class name set in side-menu-dropdown-mobile shortcode
**/
div.side-menu-dropdown div.side-menu-dropdown-container button.side-menu-dropdown-btn {
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 1px;
}

div.side-menu-dropdown div.side-menu-dropdown-container button.side-menu-dropdown-btn::after {
  content: url("../images/chevron-down.svg");
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

div.side-menu-dropdown div.side-menu-dropdown-container div.side-menu-dropdown-wrapper.side-menu-dropdown-wrapper-hide {
  max-height: 0px;
  overflow: hidden;
  box-shadow: none;
}

div.side-menu-dropdown div.side-menu-dropdown-container div.side-menu-dropdown-wrapper {
  max-height: 200px;
  overflow: scroll;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}

div.side-menu-dropdown div.side-menu-dropdown-container div.side-menu-dropdown-wrapper div.side-menu-dropdown-item {
  text-align: center;
  padding: 5px 10px;
  transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
}

div.side-menu-dropdown div.side-menu-dropdown-container div.side-menu-dropdown-wrapper div.side-menu-dropdown-item:hover {
  background-color: #FBDC58;
  font-weight: 600;
}

div.side-menu ul.elementor-nav-menu li.current-menu-item {
  font-weight: bold;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

/**
engineering/manufacturing post - gallery
**/
div.post-gallery div.post-gallery-container span {
  color: #FF0000;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper {
  margin-bottom: 40px;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper h3.post-gallery-title {
  font-weight: bold;
  margin-bottom: 30px;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper div.post-gallery-brands-wrapper {
  cursor: pointer;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper div.post-gallery-brands-wrapper a.post-gallery-brands-content-wrapper {
  max-width: 230px;
  max-height: 230px;
  position: relative;
  overflow: hidden;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper div.post-gallery-brands-wrapper a.post-gallery-brands-content-wrapper div.post-gallery-brands-content {
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: center;
  position: absolute;
  top: 0px;
  background-color: #FBDC58;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper div.post-gallery-brands-wrapper a.post-gallery-brands-content-wrapper div.post-gallery-brands-content:hover {
  opacity: 1;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper div.post-gallery-brands-wrapper a.post-gallery-brands-content-wrapper div.post-gallery-brands-content div.post-gallery-brands-name {
  font-size: 1.25rem;
  font-weight: bold;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper div.post-gallery-brands-wrapper a.post-gallery-brands-content-wrapper div.post-gallery-brands-content div.post-gallery-brands-name:hover {
  text-decoration: underline;
}

div.post-gallery div.post-gallery-container div.post-gallery-wrapper div.post-gallery-brands-wrapper a.post-gallery-brands-content-wrapper div.post-gallery-brands-content div.post-gallery-brands-about {
  font-size: 0.8125rem;
  text-overflow: hide;
}

/**
brands - filter
    add filter icon
    responsive for filter
    class namee "brands-filter-title" "brands-filter" "brands-archive" set in brand archive
**/
div.brands-filter-title div.elementor-widget-container {
  position: relative;
}

div.brands-filter-title div.elementor-widget-container::before {
  content: url(../images/filter.svg);
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
}

div.brands-filter-title div.elementor-widget-container h3 {
  display: inline-block;
  padding-left: 30px;
}

div.brands-filter {
  display: block;
}

div.brands-filter div.facetwp-checkbox.checked {
  background-image: url(../images/checkbox-checked.png);
}

div.brands-filter div.facetwp-checkbox {
  background-image: url(../images/checkbox.png);
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 50%;
  margin-bottom: 10px;
  padding-left: 40px;
}

div.brands-filter div.facetwp-checkbox span.facetwp-counter {
  display: none;
}

div.brands-archive article a {
  margin: 0px !important;
  border: solid 1px #ECECEC;
  border-radius: 4px;
}

div.brands-filter.brands-filter-hide {
  display: none;
}

/**
brand - tab & download
    class name "brand-detail" set in brand template
**/
div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 1px #ECECEC;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper:last-child {
  border-bottom: solid 1px #ECECEC;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-title {
  font-weight: bold;
  font-size: 1.125rem;
  color: #413000;
  position: relative;
  padding-right: 10px;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-title::after {
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-title:hover {
  cursor: pointer;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content {
  display: none;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content table, div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content tbody, div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content tr, div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content td, div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content th {
  border: 0px !important;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content tr:nth-child(even) {
  background-color: #EEEEEE;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content table {
  max-width: 768px;
  display: inline-block;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content a {
  text-decoration: underline;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content a:hover {
  color: #FBDC58;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content p:last-child {
  margin-bottom: 0px;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-title.actived-tab-title {
  margin-bottom: 30px;
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-title.actived-tab-title::after {
  content: "\f068";
}

div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content.actived-tab-content {
  display: block;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-header {
  margin-top: 35px;
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #757575;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper {
  display: flex;
  flex-wrap: wrap;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item {
  width: 50%;
  display: grid;
  grid-template-columns: 140px auto;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "img title" "img url";
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item div.brand-detail-download-img {
  grid-area: img;
  max-width: 110px;
  height: auto;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item div.brand-detail-download-title {
  grid-area: title;
  padding-top: 30px;
  font-size: 1.125rem;
  font-weight: bold;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item div.brand-detail-download-btn {
  grid-area: url;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item div.brand-detail-download-btn a {
  background-color: #FBDC58;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75em;
  padding: 8px 40px;
  border-radius: 4px;
  transition: all 0.5 ease-in;
  -o-transition: all 0.5 ease-in;
  -moz-transition: all 0.5 ease-in;
  -webkit-transition: all 0.5 ease-in;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item div.brand-detail-download-btn a:hover {
  opacity: 0.4;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item:nth-child(even) {
  padding-left: 10px;
}

div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item:nth-child(odd) {
  padding-right: 10px;
}

/**
back to top
    footer.php
**/
#back-to-top {
  background-color: #FBDC58;
  color: #413000;
  border-radius: 4px;
}

#back-to-top:hover {
  background-color: #FBDC58;
  opacity: 0.5;
}

@media (max-width: 1025px) {
  section.contact-us-cards div.elementor-row div.elementor-column:nth-child(2) {
    margin: 0px !important;
  }
}

@media (max-width: 768px) {
  div.brand-detail div.brand-detail-download-container div.brand-detail-download-wrapper div.brand-detail-download-item {
    width: 100%;
    margin-bottom: 20px;
    padding: 0px !important;
  }
  div.brand-detail div.brand-detail-tab-container div.brand-detail-tab-wrapper div.brand-detail-tab-content table {
    overflow-x: scroll;
  }
}

@media (max-width: 425px) {
  div.home-our-services-slide div.pp-posts div.pp-slider-arrow {
    display: block !important;
  }
  div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content {
    padding-top: 20px;
  }
  div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content p, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h1, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h2, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h3, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h4, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h5, div.about-us-our-divisions-tab div.pp-advanced-tabs-content-wrapper div.pp-tabs-panel div.pp-advanced-tabs-content h6 {
    padding: 0px;
  }
}