/*
Theme Name:     prime-hydraulic-systems Child
Theme URI:      
Description:    Make your modifications to  prime-hydraulic-systems in this child theme.
Author:         
Author URI:     
Version:        1.0
Template:       prime-hydraulic-systems
*/

@import url("../prime-hydraulic-systems/style.css");

/* CSS Custom Properties - Brand Colors */
:root {
  --brand-navy: #151f45;
  --brand-industrial-blue: #4863a9;
  --brand-black: #000000;
  --brand-grey: #808080;
  --brand-white: #ffffff;
  --brand-canary: #e7cd5a;
  --brand-light-orange: #ffa500;
}

/* Local Gotham Font Definitions */
@font-face {
  font-family: "Gotham";
  src:
    url("fonts/web/gothambook-webfont.woff2") format("woff2"),
    url("fonts/web/gothambook-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts/web/gothammedium-webfont.woff2") format("woff2"),
    url("fonts/web/gothammedium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts/web/gothambold-webfont.woff2") format("woff2"),
    url("fonts/web/gothambold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts/web/gothamblack-webfont.woff2") format("woff2"),
    url("fonts/web/gothamblack-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 1. Universal Font Override - Force Gotham everywhere */
*,
body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea,
.font-main,
.font-second,
.link-details,
.slide-rev-subtitle,
.octf-btn,
.main-navigation ul,
.page-header,
.ot-heading,
.elementor-heading-title,
.elementor-button,
.rev-btn,
.woocommerce *,
.woocommerce-page *,
blockquote,
.drop-cap,
.post-nav,
.comment-author,
.comment-reply-link,
.widget-title,
.ot-counter,
.ot-counter span,
.project_filters li a {
  font-family: "Gotham", "Montserrat", sans-serif !important;
}

/* Restore icon fonts - DO NOT override these with Gotham */
/* This ensures Elementor icons (eicon-*) and other icon fonts display correctly */
[class*=" eicon-"],
[class^="eicon-"],
.eicon,
[class*=" fa-"],
[class^="fa-"],
.fa,
[class*=" icon-"],
[class^="icon-"] {
  font-family: eicons !important;
}

/* 2. Brand Color Palette Overrides */

/* Industrial Blue (#4863a9) - Main Action/Primary Color */
.bg-primary,
.list-primary li:before,
.btn-details:hover,
.owl-carousel .owl-dots button.owl-dot.active span,
.owl-carousel .owl-dots button.owl-dot:hover span,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover,
.octf-btn,
.octf-btn-primary,
.elementor-button,
.rev-btn,
.main-navigation > ul > li:before,
.post-box .post-cat a,
.page-pagination li span,
.page-pagination li a:hover,
.search-form .search-submit,
.ot-heading > span.is_line:before,
#back-to-top,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce-mini-cart__buttons a.button.wc-forward,
.ot-accordions .acc-item.current .acc-toggle,
.ot-tabs .tab-link.current,
.line-progress .progress-bar,
.post-box .entry-meta .btn-details:hover,
.projects-grid .projects-box .portfolio-info,
.projects-grid.style-3 .projects-thumbnail .overlay,
.portfolio-info,
.plus:hover,
.btn-play:hover i {
  background-color: var(--brand-industrial-blue) !important;
  background: var(--brand-industrial-blue) !important;
}

/* Industrial Blue (#4863a9) - Text & Icons */
blockquote:before,
blockquote cite,
.text-primary,
.link-details,
.link-details:visited,
a:hover,
a:focus,
a:active,
.main-navigation > ul > li:hover > a,
.main-navigation ul li li a:hover,
.main-navigation ul ul.sub-menu li.current-menu-item > a,
.ot-heading > span,
.icon-box .icon-main,
.icon-box .icon-main i,
.icon-box .icon-main svg,
.ot-counter span,
.project_filters li a.selected,
.project_filters li a:hover,
.woocommerce .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.elementor-icon i,
.elementor-view-default .elementor-icon,
.comments-area .comment-item .comment-meta .comment-reply-link,
.widget-area .widget ul:not(.recent-news) > li a:hover,
.link-box i,
.quote-box i,
.post-nav h6:hover,
.woocommerce .widget_price_filter .price_slider_amount button.button {
  color: var(--brand-industrial-blue) !important;
  fill: var(--brand-industrial-blue) !important;
}

/* Border Overrides */
.octf-btn.octf-btn-border,
.page-pagination li span,
.page-pagination li a:hover,
.ot-accordions .acc-item.current .acc-toggle,
.ot-tabs .tab-link.current,
.ot-tabs .tab-link:hover,
.elementor-button-wrapper .elementor-button,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.search-form input.search-field:focus {
  border-color: var(--brand-industrial-blue) !important;
}

/* 3. Navy Blue (#151f45) - Darker Contexts & Hover States */
.site-footer,
.footer-widgets,
.octf-btn-dark,
.octf-btn:hover,
.elementor-button:hover,
.rev-btn:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .added_to_cart:hover,
.search-form .search-submit:hover {
  background-color: var(--brand-navy) !important;
  color: #ffffff !important;
}

/* 4. Secondary Accents (Canary Yellow #e7cd5a) */
.highlight,
.is_highlight,
.ot-heading > span.is_highlight,
.highlight-brand,
.ot-heading > span.is_highlight * {
  background: var(--brand-canary) !important;
  background-color: var(--brand-canary) !important;
  color: var(--brand-navy) !important;
  border: none !important;
}

/* 5. Header & Navigation Specifics */
.site-header {
  border-bottom: 2px solid var(--brand-industrial-blue);
}

#primary-menu li a {
  color: var(--brand-navy);
}

#primary-menu li.current-menu-item > a,
#primary-menu li a:hover {
  color: var(--brand-industrial-blue) !important;
}

/* 6. Layout Cleanup */

/* Categorization and Meta Fixes */
.post-box .post-cat a {
  color: var(--brand-white) !important;
  border-radius: 3px;
  padding: 2px 10px;
  font-size: 11px;
  text-transform: uppercase;
}

/* WooCommerce Price & Rating */
.woocommerce .star-rating span {
  color: var(--brand-light-orange) !important;
}

.woocommerce .star-rating::before {
  color: var(--brand-grey) !important;
}

.site-header {
  background: transparent;
  position: absolute;
  z-index: 10;
  width: 100%;
  border: 0 !important;
}
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
.wp-admin-bar-arrow {
  font: normal 20px / 1 dashicons !important;
}
.customHeading h6 {
  font-size: 36px;
}
.customHeading:before {
  content: "";
  background-color: var(--brand-navy);
  height: 4px;
  width: 45%;
  position: absolute;
  bottom: 10px;
  display: none;
}
.greyBackground {
  background-color: #f9f9f9;
}
#primary-menu li.current-menu-item > a,
#primary-menu li a:hover {
  color: var(--brand-white) !important;
}
#primary-menu li > a {
  color: #f9f9f9 !important;
}
.is-stuck #primary-menu li > a,
.is-stuck #primary-menu li.current-menu-item > a {
  color: var(--brand-navy) !important;
}
.is-stuck .headerLogo svg path {
  fill: var(--brand-navy) !important;
  color: var(--brand-navy) !important;
}
.headerLogo svg path {
  fill: var(--brand-white) !important;
  color: var(--brand-white) !important;
}
#whatwedo .flex-middle.features-service-link {
  display: none;
}
.maxbixx-pagination-vbullet .sr7-bullet.selected:before {
  background-color: var(--brand-canary) !important;
}
.maxbixx-pagination-vbullet .sr7-bullet:hover:before {
  background-color: var(--brand-canary) !important;
}
#site-footer li a span:hover,
#site-footer li:hover a span {
  color: #5474e8 !important;
}
.header-mobile #mmenu-toggle > button {
  color: var(--brand-white) !important;
}
.ot-team .team-info span {
  color: #5f5f5f !important;
}
.ot-team:hover .team-info {
  background-color: #f5f5f5 !important;
}
.ot-team:hover .tname {
  color: #5f5f5f !important;
}
#back-to-top:hover {
  color: #fff !important;
}
.ot-flaticon-signs {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .header-mobile {
    padding: 12px 16px;
  }
  #site-footer > div > section {
    padding-left: 16px;
    padding-right: 16px;
  }
  #content .page-header h1 {
    padding-top: 60px;
  }
  .features-service-wrapper .features-service-item .features-service-content {
    padding: 16px;
  }
}

/* =Theme customization starts here
------------------------------------------------------- */