/*
Theme Name: TMS Child Theme
Theme URI: 
Description: A child theme for TMS Base Theme, allowing custom styling and functionality without modifying the parent theme.
Template: tms-wp-theme
Author: TMS WP Team
Author URI: 
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tms-child-theme
Tags: child-theme
*/

/*
 * Add your custom styles below this line
 * These styles will override parent theme styles
 */

/* Example: Custom primary color override */
/*
:root {
  --wp--preset--color--tms-primary: #your-color-here;
}
*/

/* Example: Custom header styles */
/*
.site-header {
  background-color: #your-color-here;
}
*/

/* Add your custom CSS here */

header{
  background-color: #fff;
}

.full-image {
  width: 100%;
}
.full-image img {
    width: 100%;
}

.button-center-align {
    justify-content: center;
}

.cable-sizing-mod .content-icon-paragraph__wrapper{
  gap: 30px;
}
.cable-sizing-mod .content-icon-paragraph__text{
  font-weight: 400;
}

.contact-bg-mod .content-bg__inner{
  max-width: 778px;
  width: 100%;
  margin: 0 auto;
}

/* Header Footer Changes */

@media (min-width: 1025px) {
  header .tms-nav.tms-hide-mob nav.wp-block-navigation .wp-block-navigation-item:hover, header .tms-nav.tms-hide-mob nav.wp-block-navigation .wp-block-navigation-item:hover >a {
          color: white !important;
          text-decoration: underline;
  }
  header .tms-nav.tms-hide-mob nav.wp-block-navigation .wp-block-navigation-item:hover, header .tms-nav.tms-hide-mob nav.wp-block-navigation .wp-block-navigation-item:hover a {
          color: white !important;
  }
  header .tms-nav.tms-hide-mob nav.wp-block-navigation .wp-block-navigation__submenu-icon{
    height: 20px;
    width: 20px;
  }
}
.nav-2-level-nav-main-links-bottom .content-search-overlay__overlay-top {
  background-color: #000 !important;
  padding-right: 20px;
}
.tms-footer{
  position: relative;
}
.tms-footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    mix-blend-mode: color;
    z-index: 1;
}

  header .tms-nav.tms-hide-mob .wp-block-navigation .wp-block-navigation-item.has-child:hover>.wp-block-navigation__submenu-container.wp-block-navigation-submenu.tms-blocks-nav--chromium, header .tms-nav.tms-hide-mob .wp-block-navigation .wp-block-navigation-item.has-child:hover>.wp-block-navigation__submenu-container.wp-block-navigation-submenu.tms-blocks-nav--firefox{
    padding: 20px;
  }

  .footer-col1 p{
      margin-top: 0;
      margin-bottom: 16px;
  }
  
  .footer-sandin-head{
    margin-bottom: 10px;
  }
  .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
    padding-top: 0;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
    padding: 0;
  }

.page-id-528 .tms-button--primary {
  background-color: #12568A;
  border-color: #12568A;
  color: var(--wp--preset--color--tms-primary-button-text-color);
}
.page-id-528 .tms-button--primary:hover {
  background-color: var(--wp--preset--color--tms-secondary);
  border-color: var(--wp--preset--color--tms-secondary);
  color: var(--wp--preset--color--tms-secondary-button-hover-text-color);
}
.page-id-528 .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: #12568A;
}
.page-id-528 .content-search-overlay__trigger:hover .content-search-overlay__label {
  color: #12568A;
}
.page-id-528 .content-icon-paragraph__link:hover .content-icon-paragraph__icon path, 
.page-id-528 .content-icon-paragraph__link:hover .content-icon-paragraph__text path, 
.page-id-528 .content-icon-paragraph__link:hover .content-icon-paragraph__wrapper path {
  fill: #12568A;
}
.page-id-528 .content-search-overlay__trigger:hover .content-search-overlay__icon svg, 
.page-id-528 .content-search-overlay__trigger:hover .content-search-overlay__icon svg * {
  fill: #12568A;
}
@media (min-width: 1025px) {
  .page-id-528 header .tms-nav.tms-hide-mob nav.wp-block-navigation > .wp-block-navigation-item:hover, 
  .page-id-528 header .tms-nav.tms-hide-mob nav.wp-block-navigation .wp-block-navigation-item:hover > a {
    color: #12568A !important;
  }
  .page-id-528 header .tms-nav.tms-hide-mob nav.wp-block-navigation .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item.wp-block-navigation-link:hover a {
    color: #fff !important;
  }
}